TP-Docs
HTML5 Icon HTML5 Icon HTML5 Icon
TP on Social Media

Recent

Welcome to TinyPortal. Please login or sign up.

Members
  • Total Members: 3,963
  • Latest: BiZaJe
Stats
  • Total Posts: 195,917
  • Total Topics: 21,308
  • Online today: 884
  • Online ever: 8,223 (February 19, 2025, 04:35:35 AM)
Users Online
  • Users: 1
  • Guests: 373
  • Total: 374
  • @rjen

Dropdown Menu

Started by NoFeaR, September 07, 2010, 11:24:11 AM

Previous topic - Next topic

0 Members and 1 Guest are viewing this topic.

Freddy

Who designed the theme ?

NoFeaR


Freddy

Ok then, well you could try asking over on his site if you two don't figure it out :

http://www.blocweb.net/index.php

I thought maybe use z-index to bring the drop down forward, but I don't really know this theme.

ZarPrime

Well, I think WillyP had the right idea here.  However, rather than adding the css into the style.css for the theme, it might be better to add it to the tp-style.css in the default theme (/Themes/default/tp-style.css).  That way it should work with any theme.

I've stayed out of this to see if you guys could solve it but I would suggest that you add the block while you are viewing your site with the default SMF theme (Curve) before trying to make it work with a custom theme.  Now that I look at your site, it looks like you have switched scripts again and I don't even see the normal tabs that come with the theme (Home, Forum, etc.)

ZarPrime

NoFeaR

I just changed the colour. And removed the Build in menus.

WillyP

What you need to do next is remove some code that comes before the content of the block.  In the generated source, you have this:

<div class="block_topcontainer">
    <div class="tp_topblock_noframe">
        <div class="" id="block8"><div class="blockbody" style="overflow: auto;height: 300px;"><ul id="css3menu" class="topmenu">
    <li class="topfirst"><a href="http://www.kalaharired.net" title="Home"><img src="http://www.kalaharired.net/links/home.png" alt="Home"/>Home</a></li>


What screwing up this menu is  style="overflow: auto;height: 300px;"  applied to the div, class "blockbody".  Remove that and it works fine in Firefox.

Zarprime, do you know offhand where this is generated?  Can this be removed for just one block?  Of course, it might be easier to just put the menu code in the header of the theme instead of a block. 

ZarPrime

No, I saw that the other day when I looked at the site but, at this point, I'm not even certain that you are working with the same code.  Before, he had a horizontal dropdown menu and now he has a vertical menu in there.

If he is going to use a vertical menu, I would think you would want this in the left panel rather than the top panel where he has it now.  Look here --> http://www.kalaharired.net/index.php?theme=1

ZarPrime

WillyP

I think he has lost the style-sheet for the drop down menu.  I was still seeing a horizontal menu then I refreshed my cache and it looks like an unstyled list.
 

He removed the head section from the block, now he needs to add either a link to the stylesheet for the menu, or the contents to the the stylesheet for the theme he is using.

Then he should move the menu from the block to the theme's header, so it's not affected by the overflow:auto and hieght:300px applied to the block.

This website is proudly hosted on Crocweb Cloud Website Hosting.