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![]()
Szukaj




Odpowiedz z cytatem
Skontaktuj się z nami