Număr articol: 168
Este acest „lucru“ cu stiluri CSS, adică va trebui să adăugați câteva linii de text în stiluri de fișiere șablon, precum și afișa abilitățile lor de proiectare. Voi solicita ce să adăugați.
Să doar pentru exemple ilustrative pentru a înțelege despre ce este vorba. Petreceți mouse-ul peste elementele de meniu:
De îndată ce mouse-ul situându-se peste oricare dintre câmpurile din listă - există o schimbare a liniei de fond, precum și culoarea fontului / link-ul din coloana din titlu a site-ului.
Aici este codul pentru această unitate:
Apropo: am făcut în mod special construcția de coloane din bara laterală manual, după cum este acum posibil pentru a elimina inutile și le-a pus într-o ordine aleatorie. Acest lucru se face prin textul normal al widget-ului.
În exemplul meu, vom vedea:
Acum, trebuie să specificați acțiunea de orientare mouse-ului. După cum sa menționat mai sus - facem totul cu stiluri CSS (fișier șablon poate fi numit style.css, css.css, core.css sau încă într-un fel).
Această linie ne spune browser-ului pentru a schimba culoarea de fundal atunci când treceți mouse-ul pe verde (# 51AE3A). Însăși „lucru“, care permite browser-ul să înțeleagă că acest lucru trebuie făcut prin punerea în mouse-ul - Hover pseudo (cu privire la aceasta puteți citi aici).
Un pic mai clar: a existat un element de licat unitate de clasă. Pentru el, am adăugat o pseudo Hover și emise de reguli CSS (adăuga un punct la începutul și două puncte între ele).
Acum trebuie să ne asigurăm că, atunci când mutați și a schimbat culoarea de link-uri, deoarece prin schimbarea culorii de fond a unui text standard poate fi descărcat. Pentru a face acest lucru, trebuie doar să adăugați în al doilea fișier stiluri de linie:
Există aproape aceeași linie, dar am adaugat o regula special pentru link-urile - adaugă litera a. care vine de la tag-ul ancora în HTML. Pentru ei de culoare prescris: #fff;. ceea ce înseamnă schimbarea culorii textului la alb (#fff).
Și acum cele două linii împreună, pentru a vedea întreaga sferă de activitate:
postfață
În acest articol, am arătat modul în care schimbarea elementelor de culoare la exemplul convențional. Dacă doriți să dezvolte în continuare, citiți literatura de profil și cărți de referință pe CSS.
Utilizarea poate oscila, aproape toate elementele de pe site-ul: blocuri, text, link-uri. Fii un pic de imaginatie si vei intelege cum aranjate pe site-ul tau. După aceea va fi capabil de a decora sau schimba design parte.
Am oferi servicii pentru a crea și configura site-uri pe WordPress (aspect, întindere).
Vă mulțumim Z888279575784 R109400923968 sau TOXICOLOGICĂsau 41.001.651.742.138
Contactele mele. Am Twitter @mojWP. Uita-te pe Youtube. Citește RSS blog.
Vă mulțumim pentru o soluție interesantă! Desigur, a fost necesar să se modifice codul pentru șablonul dvs., în cele din urmă am culoarea de link-uri text variază un pic diferit aici este codul:
.link-ul de frontieră: 1px solid # c4c4c4;
font-size: 14px;
font-family: georgia, ori, Verdana;
border-radius: 3px;
padding: 0 5px 2px 5px; Culoare: # f15000; fundal: #efefef;
-webkit-tranziție: 1s fundal usurinta;
-Moz-tranziție-întârziere: 1s usurinta;
>
.link: Hover
dar întârzierea Muff încă nu arată, deși am prpisal starea ei -moz-tranziție-întârziere: 1s usurinta;.
Se poate spune decizia corectă de a întârzia mozile de lucru, mulți care au încercat toate celelalte eșuează, și se execută. Prompt decizie?!
WP-R.ru Shop WordPress
plugin-uri Premium pentru șabloane CMS WordPress. Upgrade site-ul tău. WMSN.ru Reader RSS-feed-uri
Uita-te pentru eliberarea de noi articole pe blog-uri populare pentru webmasteri / SEO într-un singur loc.
Cum de a promova categorii WordPress - instrucțiuni și sfaturi practice pentru optimizare. Pentru webstudio și dezvoltatorii - unele hacks utile pentru a promova brand-ul. Întregul adevăr despre beget hosting - feedback-ul meu privind performanța și funcționalitatea acestuia pe baza experienței. Cum sa faci un download-trafe - partea mea de ani de experiență și de a da sfaturi.
pluginuri meu liber
Eu folosesc și recomand
SEO WordPress Plugin
Vă recomandăm la maxim setarea site-ul lor de SEO-cerințe.
hosting meu de încredere, dovedit de-a lungul anilor. Vă recomandăm.