The Arcive of Official vBulletin Modifications Site.It is not a VB3 engine, just a parsed copy! |
|
#1
|
|||
|
|||
Navbar Dividers
Okay, how can I make my navbar look like this, or at least similar to this?
http://img27.imageshack.us/img27/2926/navbarhd.jpg |
#2
|
||||
|
||||
The long answer is, install Firefox and an add-on called Firebug which will allow you to inspect the code and CSS of any website. Using Firebug on my 4.1.3 website, I get this for the CSS for the navtabs:
Code:
.navtabs li a.navtab { -moz-font-feature-settings: normal; -moz-font-language-override: normal; -x-system-font: none; background-attachment: scroll; background-clip: border-box; background-color: #7192A8; background-image: url("images/buttons/newbtn_middle.png"); background-origin: padding-box; background-position: 0 0; background-repeat: repeat-x; background-size: auto auto; border-left-color-ltr-source: physical; border-left-color-rtl-source: physical; border-left-color-value: #CEDFEB; border-left-style-ltr-source: physical; border-left-style-rtl-source: physical; border-left-style-value: solid; border-left-width-ltr-source: physical; border-left-width-rtl-source: physical; border-left-width-value: 1px; border-top-color: #CEDFEB; border-top-style: solid; border-top-width: 1px; color: #FFFFFF; display: block; font-family: Arial,Calibri,Verdana,Geneva,sans-serif; font-size: 12px; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: bold; line-height: 26px; min-width: 60px; text-align: center; text-decoration: none; width: auto !important; } |
Thread Tools | |
Display Modes | |
|
|
X vBulletin 3.8.12 by vBS Debug Information | |
---|---|
|
|
More Information | |
Template Usage:
Phrase Groups Available:
|
Included Files:
Hooks Called:
|