19-01-2010, 00:45
W CSS to poradź sobie tym co napisałem: http://websta.pl/szybkie-triki/szybkitrik-obrazek-z-efektem-hover-rollover-w-css
Dodaj trzeci obrazek dla aktywnego działu.
Przykładowy link zaznaczony będzie wyglądać tak:
CSS
W php robisz tablicę z działami o składzie dla każdego działu:
a potem sprawdzasz i wyliczasz
Pokazałem Ci działanie, kod jest bardzo prosty i teraz samemu dostosuj to do własnych potrzeb.
Dodaj trzeci obrazek dla aktywnego działu.
Przykładowy link zaznaczony będzie wyglądać tak:
Kod:
<a class="link aktywny" href="#"><span>Websta.pl</span></a>
Kod:
a.link .aktywny
{
background-position: 0px -80px; //czyli trzeci obrazek
}
W php robisz tablicę z działami o składzie dla każdego działu:
Kod PHP:
$tablica[]= array('link' => .... , 'tytul' => ..... , 'tresc' => .... );
Kod PHP:
$aktywny = $_GET['dzial'];
$main_menu ='<ul>';
for ($i = 1; $i < count($tablica); $i++) {
if( $tablica[$i]['link'] == $aktywny ){
$main_menu.='<li><a class="link aktywny" href="'.$tablica[$i]['link'].'.html" title="'.$tablica[$i]['tytul'].'">'.$tablica[$i]['tresc'].'</a></li>';
}else{
$main_menu.='<li><a class="link" href="'.$tablica[$i]['link'].'.html" title="'.$tablica[$i]['tytul'].'">'.$tablica[$i]['tresc'].'</a></li>';
}
}
$main_menu .='</ul>';
print $main_menu;