Változtatni a színét az elem mutatva az egérrel
Cikk szám: 168
Ez az a „dolog” a CSS stílusokat, azaz Fel kell vennie néhány sornyi szöveget a sablon fájlt stílusok, valamint megjeleníti a tervezési képességeit. Azt fogja kérni, hogy mit kell hozzáadni.
Nézzük csak illusztráció példát, hogy megértsük, miről van szó. Töltsön az egeret a menüpontok:
Amint az egér lebeg az egyes mezőket a listán - van egy változás a háttér vonal, valamint a színe font / link a címben oszlopban az oldalon.
Itt van a kód a készülék:
Mellesleg: én kifejezetten az építési oszlopok az oldalsávon kézzel, mint most már lehetséges, hogy távolítsa el a felesleges és tedd őket egy véletlenszerű sorrendben. Mindez a szokásos szövegét a widget.
Az én például azt látjuk:
Most meg kell adnia a műveletet az egér útmutatást. Mint már említettük - teszünk mindent a CSS stílusokat (sablon fájl lehet nevezni style.css, css.css, core.css vagy még valahogy).
Ez a sor azt mondjuk a böngésző változtatni a háttér színét, ha lebeg az egér a zöld (# 51AE3A). A nagyon „dolog”, ami lehetővé teszi a böngésző, hogy megértsék, hogy ezt meg kell tenni azáltal, hogy az egér - pszeudo hover (erről itt olvashatunk).
Egy kicsit több tiszta: volt egy osztály egység licat elem. Számára, van hozzá egy ál hover által kibocsátott és CSS-szabályok (adjunk egy pontot az elején, és a vastagbél közöttük).
Most arra van szükség, hogy megbizonyosodjon arról, hogy ha mozog, és megváltoztatta a linkek színét, mert megváltoztatásával a háttér színét a normál szöveges is lemerült. Ehhez adja hozzá a második sorban stílusok file:
Szinte ugyanabban a sorban, de van hozzá egy szabályt kifejezetten az linkek - adja hozzá a levél a. amelynek jelentése horgonycímkéje HTML-ben. Mert az ő előírt szín: #fff;. ami azt jelenti, megváltoztatja a szöveg színe fehér (#fff).
És most a két sor együtt, hogy a teljes munka körét:
utószó
Ebben a cikkben, én azt mutatták, hogy a változás a szín elemek a hagyományos példát. Ha azt szeretnénk, hogy fejlessze tovább, olvassa el a profil irodalom és kézikönyvek CSS.
Felhasználási lebeg, szinte minden elem a helyén: blokkok, szöveget, linkeket. Legyen egy kis fantázia és meg fogod érteni, hogyan rendezett webhelyen hasonlók. Ezután képes lesz díszíteni, vagy megváltoztathatja a rész kialakítása.
Azt szolgáltatásnyújtás létrehozni és konfigurálni oldalak WordPress (elrendezés, nyújtás).
Köszönöm Z888279575784 R109400923968 vagy mérgezési 41.001.651.742.138
Címtár. Azt Twitter @mojWP. A YouTube-on. Olvassa RSS blog.
Köszönöm egy érdekes megoldás! Persze, hogy módosítani kell a kódot a sablon, a végén már a színét a szöveges linkek változik egy kicsit másképp van a kód:
.Link border: 1px solid # c4c4c4;
font-size: 14px;
font-family: Georgia, alkalommal, Verdana;
border-radius: 3px;
padding: 0 5px 2px 5px; color: # f15000; háttér: #efefef;
-WebKit-átmenet: háttér 1s enyhíteni;
-moz-átmenet-késleltetés: 1s enyhíteni;
>
.Link: hover
de muff késedelem még mindig nem látszik, bár én prpisal ő állapota -moz átmenet késleltetés: 1s enyhíteni;.
Meg tudja mondani a helyes döntés, hogy késleltesse a munka mozile, sokan, akik megpróbálták minden kötél szakad, és akkor fut. Azonnali döntést?!
WP-R.ru Shop WordPress
Prémium plugin CMS WordPress sablonokat. Frissítés a webhelyen. WMSN.ru Reader RSS-hírcsatornák
Figyeljétek a kibocsátás az új cikkeket népszerű blogok webmaster / SEO egy helyen.
Hogyan lehet elősegíteni WordPress kategóriák - oktatást és gyakorlati tanácsokat optimalizálás. Mert webstudio és a fejlesztők - néhány hasznos hack, hogy reklámozza a márka. A teljes igazságot Beget tárhely - én visszajelzést a teljesítmény és a funkcionalitás a tapasztalatok alapján. Hogyan készítsünk egy letöltés-trafe - megosztani a sokéves tapasztalat és tippeket ad.
Saját ingyenes plugin
Én használok és ajánlok
SEO WordPress Plugin
Azt javasoljuk, hogy a maximális beállítás, hogy helyszínen SEO-követelményeknek.
Saját megbízható tárhely, bevált az évek során. Azt javaslom.