rafinament șablon pentru un fișier wp, rețete pentru fete

Un cuplu de rețete cu privire la modul de a face model de cauciuc WP de nerezinovogo și chiar o mică schimbare pe gustul tau. Rețete pentru fetele ca baietii sunt toate deja știu.

A decis să se întoarcă la acest blog, sper pentru o lungă perioadă de timp)

Cu toate acestea, atunci când am deschis într-un browser, a devenit clar că nu numai designul șablon existent nu-mi place (bine, asta-i așa că eu sunt capricioasa, da), astfel încât în ​​plus, jumătate din șablonul pierdut undeva. Dumnezeu știe, am un blog pe acest nor experiment al naibii a fost la fel de versat cu WordPress. O lene fix. Fac un astfel de personaj prost - neliniștite. I sau fac afaceri într-un progres (chiar de mai multe zile, cu pauze de somn să scadă), sau nu se face deloc. Orice modificări, îmbunătățiri și chiar mai mult „deșeuri de zi cu zi pe ea timp de 15 minute și în doar trei luni ...“ - nu e vorba de mine, din păcate.

Deci, - cu siguranță du-te la rețea pentru noul șablon. De ce ar trebui sa, ca un designer, nu pictează-ți șablonul în sine? Pentru că, în primul rând, încerc să evolueze în mod constant, și în al doilea rând, eu sunt în măsură să impună html curent + CSS, și template-uri pentru aplicație CMS încă. Unde este logica? Eu nu-mi place în mod constant Disa, am făcut-o în urmă cu două sau trei luni, iar fabricarea șablon trebuie să plătesc să externalizeze, iar acești bani, și imediat ce îmi place Diz oprire - chiar și bani. Ei bine, ea - o gaură în buzunar) Da, și remake-ul propriul șablon de sub el am învățat despre saytodelanii mai mult decât a da lucrarea altcuiva.

Deci, primul pas - template-uri Google «WP“, sau du-te la saytik preferată cu teme. Nu știu despre tine, mi-a placut un model de afară, se pare, a găsit câteva sute (Shes-stil luat, de altfel). Bine, se agită, a pus, și deschis blog. speriat. Sunt cu siguranță în căutare citit că, în piei de Runet de cauciuc mici pe WP (de ce, de altfel,% pus mai complicat decât px?), Și Diz nerezinovy ​​m-ar fi luat, dar aici, la pozițiile avansat la o parte (!) 300 pixeli. Textul respectiv a fost imposibil de mic și imposibil de citit. In dreapta, personal am întors spațiu jumătate alb a ecranului. Am înțeles imaginea de ansamblu, utilizatorii sprijini de monitoare vechi. dar nu atât de mult). Pasul cel mai logic - pentru a arunca acest subiect și du-te în căutarea celui următor, dar voi fi scris că toți ceilalți nu-mi place.

și totul este bine în previzualizare)

Deci - vom rafina acest lucru. Problema timpului - a face un șablon de cauciuc:

. Deschideți style.css (care nu știu - cere aspectul tssski saytik: fonturi, culori, borduri, dimensiunea de obiecte, etc) pot găsi aceste linii:

Schimbarea px urât 300-100%. (Indentați de la marginea din stânga, astfel încât textul nu se încadrează în imagine există o proprietate separată marjă stabilită, este acum posibil să nu se gândească). Actualizarea pagina - ce-i drept, textul a luat 100% din lățimea, meniul din bara laterală am acum sub posturile - un dezastru. Probabil că este necesar de a părăsi meniul, prea puțin spațiu) Un meniu care nu am un cauciuc - este necesar să se lase numărul exact de pixeli. Ca urmare a face acest lucru:

#content marja de-dreapta: 210px>

Toate nimic, dar, la gaura din dreapta pentru meniul și acolo, încă se duce în jos. Da, și „lipit“ la dreapta - în original era o cutie mare de culoare albă. Amintiți-vă că CSS este aranjat în serie, și anume, în primul rând trage conținutul, și apoi, în ceea ce privește acesta - meniul, care este, din dreapta-jos a colțul din dreapta jos al elementului anterior. Această poziție proprietate: relativă, este implicit lor toate. Schimbare absolută (adică în raport cu ecranul și fără alte elemente) și să-l ceară cutie mica la stânga:

#menu dreapta: 20px;
lățime: 184px;
Poziția: absolută;>

Apropo, dacă setați poziția: fix, meniul va merge la utilizator în timp ce defilare, destul de distractiv și convenabil. Dar am tot bara laterală nu este luat într-un singur ecran, asa ca lasa-l agățat din partea de sus.
Și, în final, am schimbat culoarea și textul proprietăți, cele pe care le plac. Acest lucru, de altfel, este foarte simplu:

(Rețetă pentru fete =) În primul rând, căutând partea dreapta de cod de culoare și dimensiune prin citirea codului în jurul valorilor găsite (una saytik, de obicei, nu prea multe culori de text diferite, astfel încât rezultatele căutării vor fi mai multe). În cazul în care nu - la rândul său set de texte diferite, de exemplu, roșu și bust găsim necesar. cuie Microscop, dar functioneaza)

În text există unele proprietăți de bază (de exemplu, nu au nevoie, nu puteți specifica, va fi implicit):

font-family: Tahoma; font, sau mai degrabă familiei sale. Eu ar trebui standard de doar, de ce - un subiect pentru un alt post.
font-weight: bold; grăsime (normal / bold / îndrăzneți / brichetă)
font-size: 12px; dimensiunea este în pixeli, puncte, și mai emah ceea ce multi.
Culoare: # 5E2200; culoare. camera teribil poate spiona, cum ar fi magazin, în paleta, sub valorile G, G, și B.
text-align: aliniere dreapta. în Word - stânga, dreapta, centru și justifică.

Apropo, versiunea normală a acestei teme (de cauciuc, cu o dimensiune de font ca a mea și nici alte bug-uri, care, în următorul post) mod gratuit pentru a trimite orice alt abonat din e-mail este schimbat la mulțumiri scrise pe blog, te rog.