Pagina 1 van 2

Dropdown Menu

Geplaatst: 02 mar 2005, 16:46
door Yellow
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.

Geplaatst: 02 mar 2005, 16:49
door Bee
Wat voor dropdown? Een keuzemenu of eentje met layers?

Geplaatst: 02 mar 2005, 16:51
door Yellow

Geplaatst: 02 mar 2005, 18:16
door Duifje
Kan iemand er een mod van maken zou wel erg handig zijn :lol:

Geplaatst: 02 mar 2005, 18:18
door Yellow
Ja, Duifje komt met het idee van het jaar!

Geplaatst: 02 mar 2005, 18:38
door Duifje
Ik zat net ff uit te proberen op mn forum en het is best wel simpel :lol:

Geplaatst: 02 mar 2005, 18:51
door Stef

Geplaatst: 02 mar 2005, 18:58
door Duifje
Die zijn niet voor je menu balk die wij willen :lol:

Geplaatst: 02 mar 2005, 19:07
door Stef
Toch ben ik ooit zo'n mod tegen gekomen.

Geplaatst: 02 mar 2005, 20:36
door Yellow
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:

Geplaatst: 02 mar 2005, 21:48
door Duifje
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:

Geplaatst: 03 mar 2005, 11:38
door Yellow
Ik heb je toegevoegd, nu kunnen we het samen proberen :bier:

Geplaatst: 03 mar 2005, 13:58
door Wout -- w00t
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

Geplaatst: 03 mar 2005, 14:11
door Yellow
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?

Geplaatst: 03 mar 2005, 14:34
door Wout -- w00t
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. ;)

Geplaatst: 03 mar 2005, 14:43
door Yellow
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.

Geplaatst: 03 mar 2005, 21:13
door Wout -- w00t

Geplaatst: 04 mar 2005, 10:47
door Yellow
Ik zie daar niet echt iets over een dropdown menu, het gaat over wuick reply.

Geplaatst: 04 mar 2005, 11:29
door Wout -- w00t
Met het script, dus die Quick Reply ken je vervangen door je menu. ;)

Geplaatst: 04 mar 2005, 11:56
door Yellow
Ik snap die topic niet helemaal, er staan meerdere scripts, wat is nou de goede, en wat moet ik dan vervangen met het menu?