Dropdown Menu
Forumregels
Sinds 1 januari 2009 wordt phpBB2 niet meer ondersteund.
Onderstaande informatie is verouderd en dient uitsluitend als archief.
Sinds 1 januari 2009 wordt phpBB2 niet meer ondersteund.
Onderstaande informatie is verouderd en dient uitsluitend als archief.

Dropdown Menu
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.
Ik heb al een paar van leejoo geprobeerd, maar daar vervormd het forum dan van.
Nouw deze: http://www.sentinelli.nl/javascripts/menu/topmenu3.html
Of anders deze: http://www.sentinelli.nl/javascripts/menu/topmenu.html
Of anders deze: http://www.sentinelli.nl/javascripts/menu/topmenu.html
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
Voeg mij even op msn toe dan: LTD-Team@M-thijz.com
Alleen als je belang er bij hebt

- Wout -- w00t
- Berichten: 815
- Lid geworden op: 07 jan 2005, 12:57
- Locatie: Eindhoven, NL
Ik zag eerst een stukje code die mosymuis heeft gepost voor een dropdown menu (ik heb het niet terug kunnen vinden
)
Open overall_header.tpl
Zoek:
Plaats eracher:
Nu heb je dan bijvoorbeeld een link die "Pagina's" heet.
Plaats ergens anders:
Als je meer dropdowns wilt, moet je dit gewoon kopieren en info_1 veranderen in info_2 
© mosymuis

Open overall_header.tpl
Zoek:
Code: Selecteer alles
<title>{SITENAME} :: {PAGE_TITLE}</title>
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>
Code: Selecteer alles
<td><a href="#" onClick="toggle('info_1'); return false;">Red Folders</a></td>
Code: Selecteer alles
<tbody id="info_1" style="display:none">
<tr>
<td>Pagina's</td>
</tr>
</tbody>

© mosymuis
Geeft geen support aan fora´s zonder copyright
- Wout -- w00t
- Berichten: 815
- Lid geworden op: 07 jan 2005, 12:57
- Locatie: Eindhoven, NL
Red Folder verander je gewoon in een andere tekst, dat maakt niet uit.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?
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+ */
Code: Selecteer alles
td.dropdown {
background-color: #FFCC00;
font-size: 11px;
}
Code: Selecteer alles
<td>Pagina's</td>
Code: Selecteer alles
<td class="dropdown"><a href="">Pagina's</a></td>

Geeft geen support aan fora´s zonder copyright
- Wout -- w00t
- Berichten: 815
- Lid geworden op: 07 jan 2005, 12:57
- Locatie: Eindhoven, NL
- Wout -- w00t
- Berichten: 815
- Lid geworden op: 07 jan 2005, 12:57
- Locatie: Eindhoven, NL