a:link, a:visited, a.menu:link, a.menu:visited { /* linkek */

font-size: 8pt; 

color: #000099; 

text-decoration: none

}

 

a:hover, a.menu:hover, a.menu:active { /* link ha ráviszem az egeret, aktív link */

font-size: 8pt; 

color: #6699ff; 

text-decoration: underline

}

 

a.menu az a menüre vonatkozik, ha van ilyen modulod, de ha már egyedi akarsz lenni, akkor gondolom nincsen. Mindegy, bajt nem csinálsz vele, ha otthagyod.

 

 

Az "a" jelöli magát a hivatkozást. De ez végülis lényegtelen, nekünk az a lényeg, hogy a linkek kicsit pofásabban nézzenek ki.

 

Nálam ne nézzétek azt, hogy pontozott keretben vannak a menü linkjei, azt máshogy csináltam, majd azt is leírom egy másik cikkben.

 

Valamint a képen is van effekt, azt is máshogy csináltam, arra külön kód van, egy másik cikk lesz majd.

 

Igazából erre is az vonatkozik, mint a többire, nyugodtan meg lehet adni hozzá a fejléc résznél taglalt kódok valamelyikét.

 

Így kaphat hátteret, keretet, stb. Arra azért figyelni kell, hogy a Blog címe is egy link, és részben arra is hat. Azért részben, mert egy korábbi cikkben írtam, hogyan lehet megváltoztatni, nos az érvényben is marad, de a linknél beírt kódok egy része hatni fog rá.

 

Ilyen az, ha betűközt állítasz be a linkhez, vagy mondjuk valamilyen keretet, nekem "elugrott" a szöveg az egér elől, így maradtam az aláhúzásnál. Valamint ha térközt adsz meg a linknél, akkor ugrálni fog, ha nem elég széles a modul hozzá, ami zavaró, így azt nem is érdemes alkalmazni. Annál inkább jól néz ki ha összehúzódik, ha ráviszed az egeret, és tuti nem fog ugrálni:

 

letter-spacing: -2px;

 

Érdemes tehát itt is kísérletezni a blog modul miatt. Akinek nincs ilyen, mert nem használja, az nyugodtan adjon meg mindenféle effektet, ami tetszik neki. Fontos, hogy ezeket úgy kell alkalmazni, hogy megadtok egy alap link kinézetet, ez az első kód. Majd az effektet a második "hover" kódban adod meg, így megváltozik a link kinézete, mikor ráviszik az egeret. 

 

Jópofa linkeket lehet összehozni így.