Dropdown Menu

Hulp nodig bij een stijl? Voor zowel XHTML/CSS als grafische vragen uiteraard gerelateerd aan phpBB2. Support wordt helaas niet meer verleend.
Forumregels

Sinds 1 januari 2009 wordt phpBB2 niet meer ondersteund.
Onderstaande informatie is verouderd en dient uitsluitend als archief.
phpBB2.0.x
Gebruikersavatar
Yellow
Berichten: 560
Lid geworden op: 09 okt 2004, 10:29

Dropdown Menu

Bericht door Yellow » 02 mar 2005, 16:46

Hoe maak je een mooi dropdwn menu in je phpbb forum?
Ik heb al een paar van leejoo geprobeerd, maar daar vervormd het forum dan van.

Gebruikersavatar
Bee
Berichten: 13403
Lid geworden op: 29 aug 2004, 10:30

Bericht door Bee » 02 mar 2005, 16:49

Wat voor dropdown? Een keuzemenu of eentje met layers?
... Maar ik modereer (nog) niet.

Gebruikersavatar
Yellow
Berichten: 560
Lid geworden op: 09 okt 2004, 10:29

Bericht door Yellow » 02 mar 2005, 16:51


Duifje
Berichten: 142
Lid geworden op: 18 feb 2005, 11:17

Bericht door Duifje » 02 mar 2005, 18:16

Kan iemand er een mod van maken zou wel erg handig zijn :lol:

Gebruikersavatar
Yellow
Berichten: 560
Lid geworden op: 09 okt 2004, 10:29

Bericht door Yellow » 02 mar 2005, 18:18

Ja, Duifje komt met het idee van het jaar!

Duifje
Berichten: 142
Lid geworden op: 18 feb 2005, 11:17

Bericht door Duifje » 02 mar 2005, 18:38

Ik zat net ff uit te proberen op mn forum en het is best wel simpel :lol:

Gebruikersavatar
Stef
Berichten: 9080
Lid geworden op: 04 jun 2003, 20:47

Bericht door Stef » 02 mar 2005, 18:51


Duifje
Berichten: 142
Lid geworden op: 18 feb 2005, 11:17

Bericht door Duifje » 02 mar 2005, 18:58

Die zijn niet voor je menu balk die wij willen :lol:

Gebruikersavatar
Stef
Berichten: 9080
Lid geworden op: 04 jun 2003, 20:47

Bericht door Stef » 02 mar 2005, 19:07

Toch ben ik ooit zo'n mod tegen gekomen.

Gebruikersavatar
Yellow
Berichten: 560
Lid geworden op: 09 okt 2004, 10:29

Bericht door Yellow » 02 mar 2005, 20:36

Duifje schreef:Ik zat net ff uit te proberen op mn forum en het is best wel simpel :lol:
Als het jouw gelukt is, vertel dan ff hoe je het gedaan hebt :bier:

Duifje
Berichten: 142
Lid geworden op: 18 feb 2005, 11:17

Bericht door Duifje » 02 mar 2005, 21:48

Mwha niet egt gelukt, zullen we het samen proberen ???

Voeg mij even op msn toe dan: LTD-Team@M-thijz.com

Alleen als je belang er bij hebt :lol:

Gebruikersavatar
Yellow
Berichten: 560
Lid geworden op: 09 okt 2004, 10:29

Bericht door Yellow » 03 mar 2005, 11:38

Ik heb je toegevoegd, nu kunnen we het samen proberen :bier:

Gebruikersavatar
Wout -- w00t
Berichten: 815
Lid geworden op: 07 jan 2005, 12:57
Locatie: Eindhoven, NL

Bericht door Wout -- w00t » 03 mar 2005, 13:58

Ik zag eerst een stukje code die mosymuis heeft gepost voor een dropdown menu (ik heb het niet terug kunnen vinden :P)

Open overall_header.tpl

Zoek:

Code: Selecteer alles

<title>{SITENAME} :: {PAGE_TITLE}</title>
Plaats eracher:

Code: Selecteer alles

<script language="Javascript" type="text/javascript">
<!--
function ref(object)
{
   if (document.getElementById)
   {
      return document.getElementById(object);
   }
   else if (document.all)
   {
      return eval('document.all.' + object);
   }
   else
   {
      return false;
   }
}

function expand(object)
{
   object = ref(object);

   if( !object.style )
   {
      return false;
   }
   else
   {
      object.style.display = '';
   }

   if (window.event)
   {
      window.event.cancelBubble = true;
   }
}

function contract(object)
{
   object = ref(object);

   if( !object.style )
   {
      return false;
   }
   else
   {
      object.style.display = 'none';
   }

   if (window.event)
   {
      window.event.cancelBubble = true;
   }
}

function toggle(object)
{

   object = ref(object);

   if( !object.style )
   {
      return false;
   }

   if( object.style.display == 'none' )
   {
      object.style.display = '';
   }
   else
   {
      object.style.display = 'none';
   }
}
//-->
</script>
Nu heb je dan bijvoorbeeld een link die "Pagina's" heet.

Code: Selecteer alles

<td><a href="#" onClick="toggle('info_1'); return false;">Red Folders</a></td>
Plaats ergens anders:

Code: Selecteer alles

<tbody id="info_1" style="display:none">
<tr>
<td>Pagina's</td>
</tr>
</tbody>
Als je meer dropdowns wilt, moet je dit gewoon kopieren en info_1 veranderen in info_2 ;)

© mosymuis
Geeft geen support aan fora´s zonder copyright

Gebruikersavatar
Yellow
Berichten: 560
Lid geworden op: 09 okt 2004, 10:29

Bericht door Yellow » 03 mar 2005, 14:11

Ode aan Mosymuis :D
maareh er staat nu 1 link met: Red Folders
En als ik daarop klik dan komt er boven Red Folder deze tekst:
Pagina's
Maar Pagina's moet er onder komen, en het moet nog een link worden :?
En hoe maak je een achtergrond erbij?

Gebruikersavatar
Wout -- w00t
Berichten: 815
Lid geworden op: 07 jan 2005, 12:57
Locatie: Eindhoven, NL

Bericht door Wout -- w00t » 03 mar 2005, 14:34

Yellow schreef:maareh er staat nu 1 link met: Red Folders
En als ik daarop klik dan komt er boven Red Folder deze tekst:
Pagina's
Maar Pagina's moet er onder komen, en het moet nog een link worden :?
En hoe maak je een achtergrond erbij?
Red Folder verander je gewoon in een andere tekst, dat maakt niet uit.
Als je link erin wilt zet je er gewoon <a href=""> voor, ik denk dat je dat wel weet.
Met een achtergrond erbij kan ook gewoon. Hier kun je CSS voor gebruiken:

Open: overall_header.tpl

Zoek:

Code: Selecteer alles

/* General page style. The scroll bar colours only visible in IE5.5+ */
Plaats ervoor:

Code: Selecteer alles

td.dropdown {
	background-color: #FFCC00;
	font-size: 11px;
}
Zoek:

Code: Selecteer alles

<td>Pagina's</td>
Verander in:

Code: Selecteer alles

<td class="dropdown"><a href="">Pagina's</a></td>
<td>Pagina's</td> Tussen de "" ken je je page zetten. ;)
Geeft geen support aan fora´s zonder copyright

Gebruikersavatar
Yellow
Berichten: 560
Lid geworden op: 09 okt 2004, 10:29

Bericht door Yellow » 03 mar 2005, 14:43

Oké, bedankt voor dat.
Maar de als je nu op een link klikt komen de links er boven te staan, en ze moeten er onder staan.

Gebruikersavatar
Wout -- w00t
Berichten: 815
Lid geworden op: 07 jan 2005, 12:57
Locatie: Eindhoven, NL

Bericht door Wout -- w00t » 03 mar 2005, 21:13

Geeft geen support aan fora´s zonder copyright

Gebruikersavatar
Yellow
Berichten: 560
Lid geworden op: 09 okt 2004, 10:29

Bericht door Yellow » 04 mar 2005, 10:47

Ik zie daar niet echt iets over een dropdown menu, het gaat over wuick reply.

Gebruikersavatar
Wout -- w00t
Berichten: 815
Lid geworden op: 07 jan 2005, 12:57
Locatie: Eindhoven, NL

Bericht door Wout -- w00t » 04 mar 2005, 11:29

Met het script, dus die Quick Reply ken je vervangen door je menu. ;)
Geeft geen support aan fora´s zonder copyright

Gebruikersavatar
Yellow
Berichten: 560
Lid geworden op: 09 okt 2004, 10:29

Bericht door Yellow » 04 mar 2005, 11:56

Ik snap die topic niet helemaal, er staan meerdere scripts, wat is nou de goede, en wat moet ik dan vervangen met het menu?

Gesloten