w deklaracji styli dodaj:
to co będzie przed najechaniem kursorem na link
- Kod: Zaznacz wszystko
a.raz
{
text-decoration: dekoracja tekstu np. podkreślenie (underline) lub brak (none);
background:url(tu podajesz ścieżkę obrazka który będzie przed najechaniem myszą)
font-size:rozmiar czcionki podany np. w pikselach ( 20px);
color:kolor czcionki;
}
to co będzie po najechaniu kursorem na link
- Kod: Zaznacz wszystko
a.raz:hover
{
text-decoration:none;
background:url(obrazek pojawiający się po najechaniu kursorem);
font-size:30px;
color:blue;
}
Tutaj dla kolejnego linku ( jeżeli tła nie będą się różnić zrób tylko jedno )
- Kod: Zaznacz wszystko
a.dwa
{
text-decoration: none;
font-size:20px;
color:pink;
}
a.dwa:hover
{
text-decoration: none;
font-size:30px;
color:yellow;
}
Przerób wg. własnych potrzeb
i pzy linkach gdzie tło ma się zmieniać zrób tak:
- Kod: Zaznacz wszystko
<a class="raz" href="">jakiślink</a>
<a class="dwa" href="">jakiślink2</a>
jezleli tła przed i po najechaniu we wszystkich linkach gdzie dodasz styl mają być takie same wystarczy wszędzie pododawać ten sam styl.
Wyjaśniłem w miarę moich możliwości w sposób ( wydaje mi się ) niezwykle jasny.