dynamiczne menu z podswietleniem aktualnej strony, jak wyonac? :( Opcje

[hexen]

Witam

chcialbym zrobic dynamiczne menu, w którym wygląd guzika dla aktualnej podstrony jest wyróżniony...

tak jak tutaj: http://www.kdemod.ath.cx/

probowalem tego:

Kod

<?
$dzial = $_GET["dzial"];
$menu[0]=array("menu1.gif", "menu1w.gif", "Początek");
$menu[1]=array("menu0.gif", "menu0w.gif", "Strony WWW");
$menu[2]=array("menu2.gif", "menu2w.gif", "O nas");
$menu[3]=array("menu3.gif", "menu3w.gif", "Oferta");

echo '
<script type="text/javascript">
<!-- <![CDATA[
';

foreach($menu as $klucz=>$wartosc) {
  if ($klucz==$dzial) {
    echo 'new Image().src="'.$menu[$klucz][0].'";'."\n";
    $menu[$klucz]="<img src=\"{$menu[$klucz][1]}\" border=\"0\"
    alt=\"{$menu[$klucz][2]}\" />";
  } else {
    echo 'new Image().src="'.$menu[$klucz][1].'";'."\n";
    $menu[$klucz]="<img src=\"{$menu[$klucz][0]}\" border=\"0\"
    alt=\"{$menu[$klucz][2]}\" onmouseover=\"this.src='{$menu[$klucz][1]}'\"
    onmouseout=\"this.src='{$menu[$klucz][0]}'\" />";
  }
}

echo '
// ]]> -->
</script>
';
?>

<a href="index.php?dzial=0"><?=$menu[0]?></a>
<a href="index.php?dzial=1"><?=$menu[1]?></a>
<a href="index.php?dzial=2"><?=$menu[2]?></a>
<a href="index.php?dzial=3"><?=$menu[3]?></a>

ale jednak nie o to mi chodzilo... chodzi mi o dokladnie identyczne menu jak jest na tamtej stronie, zeby funkcjonowalo tak samo, a jedynym elementem graficznym w tym menu zeby bylo tlo aktaulnie odwiedzanej strony i nic wiecej z grafiki

chcialbym zrobic cos takiego ale szukam jzu 3 dzien i nigdzie nie moge sie doszukac... zaplacilem nawet 10zl za sms'a na algorytmy.pl zeby to podpatrzec, ale i tam nie znalazlem tego co chcialem...

pomoze mi ktos? bylbym wdzieczny

[wipo]

O CSS sobie poczytaj

Kod

a{
font-family: Arial;
font-size: 12px;
background-color: #F00000;
color: black;
}
a:hover{
font-family: Arial;
font-size: 12px;
background-color: #F0F000;
color: black;
}

to taki przykład

[hexen]

raczej nie o to mi chodzilo... chodzi mi o to aby strona ktora wlasnie ogladam w menu byla odznaczona, jak na przykladzie ktory podalem w poprzedniej stronie... tam zaznaczenie objawia sie poprzez umieszczenie pod menu obrazka... tak chcialbym aby bylo u mnie...

[wipo]

robisz 2 klasy
a.top{
dsdsds
}
a.top:hover{
fdfd
}
a.top2{
}
a.top2:hover{
}

<a href="index.php?dzial=0" class="top<? if ($_GET['dzial']==0) print "2";?>><?=$menu[0]?></a>
<a href="index.php?dzial=1" class="top<? if ($_GET['dzial']==0) print "2";?>><?=$menu[1]?></a>
<a href="index.php?dzial=2" class="top<? if ($_GET['dzial']==0) print "2";?>><?=$menu[2]?></a>
<a href="index.php?dzial=3" class="top<? if ($_GET['dzial']==0) print "2";?>><?=$menu[3]?></a>

[hexen]

oto moj fragment css dot menu:

Kod

ul, ol
{
    margin:1em;
    padding:0;
}
li
{
    margin:0 1em;
    padding:0.15em;

Kod

#menu
{
position: relative;
background: #2164b6 url(../images/menubg.gif) repeat-x top left;
height: 3.5em;
padding: 0 1.0em;
margin: 0 0 2px;
}

#menu ul
{
padding:1em 0 0 0;
margin:0;
}

#menu ul li
{
position: relative;
display: inline;
padding:0;
margin:0;
}

#menu ul li a:link, #menu ul li a:visited
{
    color: #fff;
    padding: 0.5em 1.0em 0.9em 1.0em;
    text-decoration: none;    
    border:none;
}

#menu ul li a:hover,
#menu ul li a:active,
#menu ul li.current_page_item a
{
    background: #7F8400 url(../images/menuactive.gif) repeat-x top left;
    border:none;
}

a oto menu:

[HTML] pobierz, plaintext 
<ul>
<li class="first current_page_item"><a href="?go=start">Home</a></li>
<li class="page_item"><a href="?go=cennik">Cennik</a></li>
<li class="page_item"><a href="?go=portfolio">Portfolio</a></li>
<li class="page_item"><a href="?go=kontakt">Kontakt</a></li>
</ul>
[HTML] pobierz, plaintext 

i mimo to nie dziala tak jakbym chcial

Ten post edytował hexen 12.12.2006, 18:23:38

[wipo]

popatrz na klase tą co wyżej wysłałem a i a:hover