Register Members List Search Today's Posts Mark Forums Read

Thread Tools
Old 24 Dec 2009, 18:41
Anseur's Avatar
Anseur Anseur is offline
Join Date: Jun 2004
[Navbar] change tab height without affecting floatcontainer height below it.

When I change the navbar tab height in the stylevar system it also changes the height of the 'floatcontainer' below it. (the bit with the 'New Posts, Private Messages, FAQ, Calendar, Community, Forum Actions, Quick Links in it) I would like to make the tab height considerably taller so I can look at putting images below the words in the tabs, but when I do this the container below just looks silly because it's so big also. I would like to keep the container the default size but still make the tabs taller.

I had a look at the CCS with firebug and tried a bit of trial and error with related things, but I'm just not good enough with CSS to understand what I need to change. I think it's something to do with a div that contains the search box .globalsearch but when I alter things to do with that it either does nothing (probably because I'm doing it wrong) or it makes the search box jump out of the confines of the navbar.

The stylevar for the tab height seems to be used in several places in the css for different things, and used in combination with vb math tags to work out sizes of things. I would like to just find a CSS value for the container that I can change from the tab height style var into a hard coded height, but I guess it's not that simple.

Any guidance would be appreciated. Thanks.
Reply With Quote
Old 05 Apr 2010, 22:40
TigerC10's Avatar
TigerC10 TigerC10 is offline
Join Date: Apr 2006
That's not the "float container" you're talking about, I believe that's the selected tab's "subtab set". The float container is the drop down menu (for notifications and the like), is it not?

Anyway... The height of what you're talking about governed by the "line-height" property in the "advanced search" area. Edit the the vbulletin-chrome.css template and make the changes in red:


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

All we're doing here is resetting the line-height to the default value of 26px rather than altering value to navbar_tab_size.height

@vbstaff - this might be considered a bug, as altering the line-height of the advanced search link (to be whatever navbar_tab_size.height is) moves the text of the whole subtab group down (which can sometimes be behind the drop down "notification-style" menus rather than being in their proper place above them). Either the line-height needs to be set relative to the font size of this subtab group or set to a static 26px so as not to interfere with drop down menus.
Reply With Quote

Similar Threads
Thread Thread Starter Forum Replies Last Post
Change the height to Categories Allan vBulletin 3.6 Template Modifications 4 30 Aug 2006 17:58

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

New To Site? Need Help?

All times are GMT. The time now is 20:31.

Layout Options | Width: Wide Color: