Megfelelően végre hivatkozásokat a SAPE, metroszexuális, ami az interneten!

Tehát összekapcsolni valahogy más, mint a többi blog, használja CSS. Ehhez adja meg az előre konfigurált kapcsolatok SAPE osztályban. Tegyük fel, hogy ez lesz a class = „SAPE”. Vegyük például ezt a blogot.

Eddig már két fő kapcsolatok stílus - egyszerű és jobban észrevehetőek.


Most minden kontextuális kapcsolatok kékkel van kiemelve, ami nem jó. Nyissa meg a táblázatot a témát és stílust:

#content A .sape # 123;
lesz egy leírást a stílus linkeket SAPE
# 125;


Csak nézd meg, milyen id van, hogy a réteg (div), amely megjeleníti a blog bejegyzést. Ha írsz, csak A.sape. akkor ez a stílus lesz az összes linkek - és a blokk, és a kontextus. Dolgozunk csak összefüggésben, így hozzá egy réteg id.


Azt nem tudom, hogy megsértették így SAPE szabályokat. minden esetben ez nem teljesen helyes és etikus, még annak ellenére, hogy az ilyen hivatkozásokat, amelyek kizárólag a keresőmotorok. A stílus ebben az esetben a következőképpen néz ki:

#content A .sape # 123;
színét. # 666666;
text-dekoráció. none;
# 125;


Legyen elég egyszerű. Alternatívaként használhatja a címkéket . Ie után a linket illessze be a következő kódot:

[AD]


Ha szükséges, a stílus is, hogy a teljes CSS stíluslap témánk. A kód maga is hozzá segítségével az én plugin. Ez a következőképpen néz ki.


Ha észrevette, kissé homályos szó [AD]. Ez annak köszönhető, hogy a túl kicsi betűméretet. Egy nagyobb, hogy ez nem éri meg, elvonja, és a vonal raspolzutsya miatt nem egyenletes magasságú. Tehát ahelyett, hogy a szöveg, akkor a kép, mint a háttér-képet. Kiderült, mint ez.


Ebben az esetben a mi stílusunk fog kinézni:

#content A .sape # 123;
színét. # 666666;
text-dekoráció. hangsúlyozzák;
background-image. URL # 40; '/images/sape.gif' # 41; ;
background-position. 100% 80%;
background-repeat. no-repeat;
padding-right. 32px;
# 125;


Itt minden helyszínen fog játszani az értékek background-position és padding-right. Az első paraméter helyét azonosítja a kép - ebben az esetben a jobb széle (100%) és az eltolás az alsó 80%. Optimális esetben természetesen az érték 100% és 100% (a jobb felső sarokban) -, de ugyanakkor levágta a tetején a kép. Padding-right paraméter határozza meg a behúzás a szöveges linkek a jobb oldalon - meg kell őket szétválasztani képek és szöveges linkek. Az érték függ a kép szélessége a szöveg [AD]. meg kell egy kicsit.

Én is ajánlom: