Test bloga

[docxxx]

Dużymi literami poproszę

To jest Twoje glowne menu:

<div class="srodek_menu">
<a class="portret" href="index.php?gallery=0">
Portret
</a>
<a class="krajobraz" href="index.php?gallery=1">
Krajobraz
</a>
<a class="miasto" href="index.php?gallery=2">
Miasto
</a>
<a class="moto" href="index.php?gallery=3">
Moto
</a>
<a class="inne" href="index.php?gallery=4">
Inne
</a>
<a class="slub" href="index.php?gallery=5">
Ślub
</a>
</div>


Te obrazki sluzace jako linki trzeba przygotowac tak, aby byly 3 razy wyzsze (3x). Kazda wysokosc x to stan linka: normalny, najechanie (rollover), i przycisniety (dodatkowo moze byc "na tej stronie"). Teraz w css modyfikujesz linki do nich tak, ze:


dla zwyklego stanu:
.srodek_menu .[nazwa klasy linka, np. inne] {
background: url(sciezka);
}

po najechaniu (rollover)
.srodek_menu .[nazwa klasy linka, np. inne]:hover {
background: url(sciezka) center x;
}

przycisk
.srodek_menu .[nazwa klasy linka, np. inne]:active {
background: url(sciezka) center 2x;
}

A teraz przyklad dla przycisku "slub" i wysokosci obrazka 50px (czyli lacznie 150px):

domyslnie
.srodek_menu .slub {
background: url(sciezka) center 50px;
}


po najechaniu
.srodek_menu .slub:hover {
background: url(sciezka) center 50px;
}

przycisniety
.srodek_menu .slub:hover {
background: url(sciezka) center 100px;
}

Teraz jasniej?

ps. Moglem sie gdzies kopnac, bo pisalem z glowy, ale ogolnie jest ok