Eerste menu-item moet een andere stijl krijgen
-
Hallo,
Ik zou graag het eerste item in mijn bovenste navigatie een andere opmaak geven dan de andere items. dit moet gebeuren wanneer ik er met de muisaanwijzer opsta en wanneer dat item geselecteerd is.
de code die momenteel gebruikt wordt is:
<div id="nav"> <div class="menu"> <div class="in"> <ul> <?php wp_list_pages('exclude=53,56,59,62,65,68,71,75,78,81&title_li='); ?> </ul> </div> </div> </div>Bijhorende css:
#nav { float:right; width:775px; height:38px; line-height:38px; background: #ececec url(images/topbar.jpg) no-repeat left; } #nav ul { margin:0px; padding:0px; } #nav ul li { background: url("images/splitter.jpg") no-repeat scroll right top transparent; float: left; list-style: none outside none; text-align: center; } #nav ul li a { color: #000000; display: block; padding: 0 22px; text-decoration: none; } #nav ul li a:hover { background: url('images/menu_hover2.gif') no-repeat left; color:#fff; } .menu li.current_page_item a{ background: url('images/menu_hover2.gif') no-repeat left; color:#FFF!important; }Dus wanneer een item geselecteerd is of wanneer er op gestaan wordt met de muisaanwijzer wordt afbeelding menu_hover2 gebruikt.
Voor het eerste item moet dit echter menu_hover worden.
ikzelf dacht aan het volgende:
ik maak van<?php wp_list_pages('exclude=53,56,59,62,65,68,71,75,78,81&title_li='); ?><?php wp_list_pages('include=28&title_li='); ?> <?php wp_list_pages('exclude=28,53,56,59,62,65,68,71,75,78,81&title_li='); ?>(omdat het eerste item van het menu pagina 28 is.)
Ik wou dan die eerste php een andere css stijl geven, maar dit lukt dus niet.Kan iemand mij zeggen hoe ik dit dan wel moet doen?
Alvast bedankt,
Nina
Het onderwerp ‘Eerste menu-item moet een andere stijl krijgen’ is gesloten voor nieuwe reacties.