Beste bezoeker,

Wij werken met een klein groepje.
Het kan zijn dat u na het plaatsen van een bericht even moet wachten op hulp of op een antwoord,
blijf daarom gerust posten we zullen z.s.m. en wanneer het kan reageren.

Voor dringende zaken die echt niet kunnen wachten kunt u het contactformulier gebruiken.

-------------------------------------

Wanneer u ons forum bezoekt voor hulp bij installatie, vragen wij u een account aan te maken en geen gebruik te maken van het contactformulier.

Wij kunnen u beter helpen wanneer u een account aanmaakt en u in het volgende onderwerp phpBB en Extensie installatie en aanpassingen laten uitvoeren een nieuw onderwerp start.

Ook wanneer u ergens niet uitkomt of vragen heeft, vragen wij u gebruik te maken van 1 van de bestaande "support onderwerpen" en aldaar uw onderwerp te starten.

Waneer u een account aanmaakt kan het zijn dat de activatie email terecht komt in de spamfolder.
  • Verplaats deze terug naar uw postvak-in en klik op de activatie link, hierna is uw account geactiveerd en kunt u inloggen op het forum.

Met vriendelijke groet,

Team phpBBservice.nl
(steeds tot uw dienst)

Mod Dropdown menu

Archief
Gesloten

Auteur
cubaplaza
Berichten in topic: 2

Mod Dropdown menu

Bericht door cubaplaza » 26 jul 2011 16:16

Ik heb onderstaande mod voor een dropdownmenu gevonden.
Wáár en hoe in de overall-header moet deze geplaatst worden?
En welk gedeelte van het huidige menu kan ik dan weghalen?

Code: Selecteer alles

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Menu - demo</title>
    <style type="text/css">
    * {margin: 0; padding: 0;}
    #menu {height: 30px; border-bottom: 5px solid #10B8D1;}
    #menu ul {visibility: hidden; position: absolute; top: 100%; left: 0;}
    #menu li {float: left; padding-right: 1px; position: relative; list-style: none;}
    #menu li li a {width: 140px;}
    #menu li li {float: none; padding-top: 1px; width: 160px;}
    #menu li:hover ul {visibility: visible;}
    #menu a, #menu li:hover li a, #menu li span {display: block; font: bold 12px/30px Arial, sans-serif; text-decoration: none; padding: 0 10px; color: #fff;}
    #menu, #menu li li, #menu a, #menu li:hover li:hover a {background-color: #0080BF;}
    #menu li span {cursor: default;}
    #menu li a.first, #menu li a.first:hover, #menu li:hover li a, #menu li:hover a, #menu li:hover span {background-color: #10B8D1;}
    </style>
    </head>
    <body>

    <ul id="menu">
    <li><a class="first" href="#/" title="home">Home</a></li>
      <li><span>Menu item 1</span>
        <ul>
          <li><a href="#">Menu item 1.1</a></li>
          <li><a href="#">Menu item 1.2</a></li>
          <li><a href="#">Menu item 1.3</a></li>
         <li><a href="#">Menu item 1.4</a></li>
         <li><a href="#">Menu item 1.5</a></li>
         <li><a href="#">Menu item 1.6</a></li>
         <li><a href="#">Menu item 1.7</a></li>
        </ul>
      </li>
      <li><span>Menu item 2</span>
        <ul>
          <li><a href="#">Menu item 2.1</a></li>
          <li><a href="#">Menu item 2.2</a></li>
          <li><a href="#">Menu item 2.3</a></li>
          <li><a href="#">Menu item 2.4</a></li>
          <li><a href="#">Menu item 2.5</a></li>
          <li><a href="#">Menu item 2.6</a></li>
        </ul>
      </li>
      <li><span>Menu item 3</span>
        <ul>
          <li><a href="#">Menu item 3.1</a></li>
          <li><a href="#">Menu item 3.2</a></li>
          <li><a href="#">Menu item 3.3</a></li>
          <li><a href="#">Menu item 3.4</a></li>
          <li><a href="#">Menu item 3.5</a></li>
        </ul>
      <li><span>Menu item 4</span>
        <ul>
          <li><a href="#">Menu item 4.1</a></li>
          <li><a href="#">Menu item 4.2</a></li>
          <li><a href="#">Menu item 4.3</a></li>
          <li><a href="#">Menu item 4.4</a></li>
        </ul>

       <li><a href="#" title="Menu item etc">Menu item etc</a></li>

    </ul>

    </body>
    </html>


Auteur
cubaplaza
Berichten in topic: 2

Re: Mod Dropdown menu

Bericht door cubaplaza » 26 jul 2011 22:42

Dom, dom, dom...
Ik had beter eerst de antwoorden van de deskundigen alhier kunnen afwachten, alvorens zelf te gaan sleutelen.
Nu zit ik met de gebakken peren :oops: :oops:

Dat is in ieder geval de les die ik vandaag geleerd heb. :idea:


Kevin
Berichten in topic: 1
Berichten: 3559
Lid geworden op: 03 nov 2007 20:36
Verstuurde bedankjes: 5 keren
Ontvangen bedankjes: 6 keren
Contacteer:

Re: Mod Dropdown menu

Bericht door Kevin » 22 jun 2017 12:39

Een deel van die code moet je laten vervallen een ander deel kun je in de theme bestanden kwijt en het stukje code wat het menu genereert moet dan in je overall_header geplaatst worden, net onder of net boven je site logo.
Met vriendelijke groeten,
Kevin.

-----------------------------------------------------------------------------------------

Bent u tevreden over onze service?
Dan zouden wij het op prijs stellen als u ons zou willen beoordelen op Afbeelding.

Winnaar in de phpBB.nl awards 2009, 2010 en 2012 met AquaforA

Gesloten