O.K. it works now:
www.Hilfe2.ch > Hover over "Projekte"
What you need:
- popupmenu
1 prevents java-script to add the pulldown-code
- popupbody
1 is only visible during hover
This way you can hover for the pulldown and also click for a direct link.
additional.css
Code:
/* Pulldown-Menutabs */
li.popupmenu1:hover ul li {
display: block;
}
.popupbody1 li {
float: none;
display: none;
text-align: left;
z-index:99;
}
.popupmenu1 {
position: relative;
}
ul.popupbody1 li:first-child {
text-indent: 0px;
}
.navtabs li.popupmenu1 a.navtab, .popupbody1 li {
font-weight: normal;
}
.navtabs ul.popupbody1 {
width: auto;
}
plug-in on hook
parse_templates
(use your own code)
Code:
$template_hook['navtab_middle'] .= '
<li class="popupmenu1" >
<a href="threads/457" class="popupctrl navtab" title="Projekte, Ideen, Recherchen.">Projekte</a>
</li>
<li class="popupmenu1" >
<a href="threads/28" class="popupctrl navtab" title="Artikel und Diskussionen, moderiertes Forum.">Artikel</a>
</li>
<li class="popupmenu1" >
<a href="threads/756" class="popupctrl navtab">Hosting</a>
<ul class="popupbody1">
<li><a href="threads/697" title="Leimbach Kreis 2 - Unser gemeinsames Quartierportal - Mach mit!">Leimbach2</a></li>
</ul>
</li>';
Change
vbulletin-chrome.css (add the
red code)
Code:
.navtabs li a.navtab, .popupbody1 li {
Perhaps my addon works: (TMS necessary!)