Link stílusok 1#

 Üdv! Készítettem (életem első css kódjai *-*) link stílusokat, ha az egyik megtetszik viheted bátran! - de nem kivenni a forrást! -

Segítség: 
A kódokba beleraktam, hogy mit - hol kell módosítani. Ha valamit módosítasz ügyelj arra, hogy a végén mindig ott legyen a pontosvessző. A színek html kódját itt nézheted meg!

Nyomtatott, színes betű lesz, ha rámész - betűk közötti távolság csökken:
<script type="text/css"> A:link, A:visited, A:active {text-transform:uppercase; color:#EF9797; letter-spacing: -1pt; } A:hover { text-transform:uppercase; color:#EF9797; /*a színe, ha ráviszed az egeret*/ letter-spacing: -1pt; } /*By: Felicity - lovelyblogdesign.blogspot.hu*/ </script>

Megváltozik a link színe (feketére, de át tudod állítani), ha rámész:

<script type="text/css"> A:link, A:visited, A:active {color:#B5B5B5; letter-spacing: 0; } A:hover { color:#000000; /*a színe, ha ráviszed az egeret*/ } /*By: Felicity - lovelyblogdesign.blogspot.hu*/ </script>

Megnő a betűk közötti távolság, ha rámész:
<script type="text/css"> A:link, A:visited, A:active {color:#0; letter-spacing: 0; } A:hover { letter-spacing: 3px; /*minél nagyobb, a szám, annál nagyobb lesz a betűk közötti távolság*/ } /*By: Felicity - lovelyblogdesign.blogspot.hu*/ </script>

Megváltozik a betűnek és a hátterének a színe (fekete háttér - szürke betű, de be tudod állítani másmilyenre is):
<script type="text/css"> A:link, A:visited, A:active {background-color:#00; color:#B; } A:hover { color:#BBBBBB; /*betű szín*/ background-color:#000000; /*háttérszín*/ } /*By: Felicity - lovelyblogdesign.blogspot.hu*/ </script>