Utvidende meny. WP

Utvidende meny. WP

Innleggav amaya » ons 28.01.2009 14:30

Jeg driver og lager et theme til wordpress, og vil ha en meny som oppfører seg slik:

Bilde

Men det er viktig at det er en dynamisk løsning, slik at menyen selv henter pages fra wordpress. Det er for at sluttbruker skal slippe å gå inn og ordne dette i kodene selv, for hver nye side som legges til.

Jeg har letet meg ihjel, men jeg er rimelig ferskis på CSS og iallefall på php. :rolls eyes: Veldig takknemlig for hjelp eller linker til gode tutorials på dette!
medlem i 132 måneder
 

Re: Utvidende meny. WP

Innleggav Rolfie » ons 28.01.2009 18:01

Hvis du legger inn en side med en annen som parent kommer det slik når du henter ut listen for sidene:
Kode: Merk alt
<ul>
  <li>Først link:</li>
  <li>Andre link:
     <ul>
       <li>underlink</li>
       <li>underlink</li>
     </ul>
  </li>
</ul>


Håper det hjelper noe :)
medlem i 156 måneder
 

Re: Utvidende meny. WP

Innleggav amaya » tor 29.01.2009 1:12

Takker :)

Men såpass har jeg funnet ut av. Det jeg trenger er en funksjon som skjuler sub-pages inntil parent klikkes på. Da vil jeg at menyen skal ekspandere(som vist) og highlighte både parent og aktuell sub-page.

Kronglete å forklare med ord, det der :-P
medlem i 132 måneder
 

Re: Utvidende meny. WP

Innleggav Rolfie » tor 29.01.2009 10:16

Hvis du koden for menyen er slik:
Kode: Merk alt
<span class="menu">
    <ul>
      <li>Først link:</li>
      <li>Andre link:
         <ul>
           <li>underlink</li>
           <li>underlink</li>
         </ul>
      </li>
    </ul>
</span>

så kan du legge inn css kode som ser slik ut:
Kode: Merk alt
.menu>ul>li>ul{
  display: none;
}
.menu>ul>li>ul.current_page_item{
  display: inline;
}

Dette gjør at kun undermenyen til den siden du er inne på vil bli synlig.
EDIT: Dette fungerer fordi når wordpress skriver ut sidelisten så skriver den ut current_page_item i 'classen'...
medlem i 156 måneder
 


Returner til CSS



Hvem er i Forumene

Registrerte brukere: Google [Bot]