Back to vBulletin 3.5 Template Modifications

[CSS tip] Like those neat, flat buttons?
Mod Version: 1.00, by Lea Verou

This modification is in the archives.
vB Version: 3.5.0 Rating: (3 votes - 5.00 average) Installs: 46
Released: 11 Oct 2005 Last Update: Never Downloads: 7
Not Supported  

This is not a style, just some CSS definitions to make input boxes, dropdowns and buttons have this neat, flat, modern look like they do in IPB. If this is considered a template modification (I don't think so as you don't edit any templates) then mods, feel free to move it to the appropriate subforum.

Fistly go to Styles & Templates>Style Manager>Main CSS.

1. Buttons
Go to the CSS settings group Buttons and add this code to Extra CSS attributes:
Code:
border-color: #ΧΧΧΧΧΧ;
border-style:solid;
border-width:1px;
padding:2px;
margin: 2px;
Substitute the #XXXXXX above with the border color you want them to have.
Finally, add to the field Background the background color you want the button to have.That's it! You're done!
2. Input fields
Go to the CSS settings group Input fields and add this code to Extra CSS attributes:
Code:
border-color: #ΧΧΧΧΧΧ;
border-style:solid;
border-width:1px;
padding:2px;
margin: 2px;
Substitute the #XXXXXX above with the border color you want them to have.
Finally, add to the field Background the background color you want the input field to have.That's it! You're done!
3. Drop-downs
Go to the CSS settings group <select> Menus and add this code to Extra CSS attributes:
Code:
border-color: #ΧΧΧΧΧΧ;
border-style:solid;
border-width:1px;
padding:2px;
margin: 2px;
Substitute the #XXXXXX above with the border color you want them to have.
Finally, add to the field Background the background color you want the dropdown to have.That's it! You're done!

Chances are this works with 3.0.x as well
If you liked it and use it, please click

Download

No files for download.

Screenshots

 

Similar Mods

Neat Quotes vBulletin 3.0 Template Modifications
[Release RC4] Neat Quotes vBulletin 3.0 Template Modifications
Neat Code vBulletin 3.0 Template Modifications

vblts.ru supports vBulletin®, 2022-2024