2011.03.04. 21:09
nagy-, és kisbetűs linkeffektek
Nagybetűs effekt:
Kód:
<style type="text/css">
a:link, a:active, a:visited {color: #000000; font-size: 8pt; text-decoration: none;}
a:hover {color: #000000; font-size: 8pt; text-decoration: none; text-transform: uppercase;}
</style>
Kisbetűs effekt:
Kód:
<style type=text/css>
a:link, a:active, a:visited {color: #000000; font-size: 8pt; text-decoration: none;}
a:hover {color: #000000; font-size: 8pt; text-decoration: none; text-transform: lowercase;}
</style>
Magyarázat:
Az alábbi magyarázat, mindkét kódra egyaránt érvényes!
color: ilyen színű a link, mielőtt ráviszed az egeret
font-size: betűmérete a linknek, mielőtt rávinnéd az egeret
text-decoration: link dekorációja (pl.: áthúzott, aláhúzott), mielőtt az egeret ráviszed
color: ilyen színű lesz a link, ha ráviszed az egeret
font-size: ekkora lesz a betűk mérete, ha ráviszed az egeret
text-decoration: link dekorációja, miután rávitted az egeret
Az előbb felsoroltakat bármikor, kedved szerint módosíthatod! ^^
Text-decoration segédlet:
none = semmi, nincs
underline = aláhúzott
line-through = áthúzott
Válaszd ki a neked megfelelő dekorációt, és írd be a kódba az angol megfelelőt, ugyanígy, kis betűkkel! ^^
A bejegyzés trackback címe:
Kommentek:
A hozzászólások a vonatkozó jogszabályok értelmében felhasználói tartalomnak minősülnek, értük a szolgáltatás technikai üzemeltetője semmilyen felelősséget nem vállal, azokat nem ellenőrzi. Kifogás esetén forduljon a blog szerkesztőjéhez. Részletek a Felhasználási feltételekben és az adatvédelmi tájékoztatóban.
Kommentezéshez lépj be, vagy regisztrálj! ‐ Belépés Facebookkal