|
Interactive Profiles Styles
by
10 Jul 2007
This is not a modification in that it's stand alone, or even modifying default behaviour, but in that it's styles for a modification released as an add on product to vBulletin in itself. These are my coded styles for Interactive Profiles based on various stuff (games and the like): Green Legend Code:
body {
background:#006600;
color:#FFFFFF;
}
.tcat {
background:#339900;
color:#ffffff;
}
.thead {
background:#66FF00;
color:#336666;
}
.panelsurround {
background: #33FF33;
color: #000000;
}
.page {
background:#006600;
color:#FFFFFF;
}
.tfoot {
background:#66FF00;
color:#FFFFFF;
}
.usercpoptions {
background:#66FF00;
color:#FFFFFF;
}
.vbmenu_popup {
background:#66FF00;
color:#FFFFFF;
}
.vbmenu_control {
background:#66FF00;
color:#FFFFFF;
}
Shroob Invasion Code:
body {
background:#990099;
color:#FFFFFF;
}
.tcat {
background:#660066;
color:#FFFF33;
}
.thead {
background:#FF33CC;
color:#FFFFFF;
}
.tborder {
border-style: double;
border-width: thick;
}
.page {
background:#990099;
color:#FFFFFF;
}
.vbmenu_control {
background:#660066;
color:#FFFFFF;
}
Ocean Blue
body {
background:#66FFFF;
color:#000000;
}
.tcat {
background:#0066CC;
color:#FFFFFF;
}
.thead {
background:#3399FF;
color:#FFFFFF;
}
.tborder {
border-style: double;
border-width: thick;
background: #FFFFFF;
}
.page {
background:#66FFFF;
color:#000000;
}
.vbmenu_control {
background:#0066CC;
color:#FFFFFF;
}
.panel {
background:#6699FF;
color:#000000;
}
.panelsurround {
background:#666666;
color:#000000;
}
.fieldset {
background:#6699FF;
color:#000000;
}
.alt1 {
background:#6699FF;
color:#000000;
}
.alt2 {
background:#33FFFF;
color:#000000;
}
.tfoot {
background:#0066CC;
color:#FFFFFF;
Ocean Blue Code:
body {
background:#66FFFF;
color:#000000;
}
.tcat {
background:#0066CC;
color:FFFFFF;
}
.thead {
background:#3399FF;
color:FFFFFF;
}
.tborder {
border-style: double;
border-width: thick;
background: #FFFFFF;
}
.page {
background:#66FFFF;
color:#000000;
}
.vbmenu_control {
background:#0066CC;
color:#FFFFFF;
}
.panel {
background:#6699FF ;
color:#000000;
}
.panelsurround {
background:#666666;
color:#000000;
}
.fieldset {
background:#6699FF;
color:#000000;
}
.alt1 {
background:#6699FF;
color:#000000;
}
.alt2 {
background:#33FFFF;
color:#000000;
}
.tfoot {
background:#0066CC;
color:FFFFFF;
Castle Bleck Code:
body {
background:#999999;
color:#FFFFFF;
}
.tcat {
background:#999999;
color:#FFFFFF;
}
.thead {
background:#666666;
color:#FFFFFF;
}
.tborder {
border-style: double;
border-width: thick;
background: #FFFFFF;
}
.page {
background:#000000;
color:#FFFFFF;
}
.vbmenu_control {
background:#000000;
color:#FFFFFF;
}
.panel {
background:#000000;
color:#FFFFFF;
}
.panelsurround {
background:#666666;
color:#000000;
}
.fieldset {
background:#000000;
color:#FFFFFF;
}
.alt1 {
background:#000000;
color:#FFFFFF;
}
.alt2 {
background:#000000;
color:#FFFFFF;
}
.tfoot {
background:#999999;
color:#FFFFFF;
}
.navbar {
background:#000000;
color:#FFFFFF;
}
.navbar a {
background:#000000;
color:#FFFFFF;
}
.navbar a:visited {
background:#000000;
color:#FFFFFF;
}
Desert Sands: Code:
body {
background:#FFFF33;
color:#666666;
}
.tcat {
background:#CC9900;
color:FFFFFF;
}
.thead {
background:#CCCC33;
color:#000000;
}
.tborder {
border-style: double;
border-width: thick;
background: #CC9900;
}
.page {
background:#FFFF33;
color:#666666;
}
.vbmenu_control {
background:#CC9900;
color:#FFFFFF;
}
.panel {
background:#FFFF33;
color:#666666;
}
.panelsurround {
background:#CCCC00;
color:#666666;
}
.fieldset {
background:#FFFF33;
color:#666666;
}
.alt1 {
background:#FFFF00;
color:#666666;
}
.alt2 {
background:#FFFF33;
color:#666666;
}
.tfoot {
background:#CC9900;
color:#FFFFFF;
}
.navbar {
background:#FFFF00;
color:#666666;
}
.navbar a {
background:#FFFF00;
color:#666666;
}
.navbar a:visited {
background:#FFFF00;
color:#666666;
}
.vbmenu_option {
background:#CC9900;
color:#FFFFFF;
}
For those who like a truly plain profile style, this is purely white mainly with grey for other colours. Code:
body {
background:#FFFFFF;
color:#000000;
}
.tcat {
background:#999999;
color:#000000;
}
.thead {
background:#CCCCCC;
color:#000000;
}
.tborder {
border-style: single;
border-width: thick;
border-color: #666666;
background: #666666;
}
.page {
background:#FFFFFF;
color:#000000;
}
.vbmenu_control {
background:#FFFFFF;
color:#000000;
}
.panel {
background:#FFFFFF;
color:#000000;
}
.panelsurround {
background:#CCCCCC;
color:#000000;
}
.fieldset {
background:#FFFFFF;
color:#000000;
}
.alt1 {
background:#FFFFFF;
color:#000000;
}
.alt2 {
background:#FFFFFF;
color:#000000;
}
.tfoot {
background:#666666;
color:#000000;
}
.nav {
background:#FFFFFF;
color:#000000;
}
The Seaside: Yellow type and blue profile done on request for Loco.M. Code:
body {
background:#66FFFF;
color:#000000;
}
.tcat {
background:#FFFF00;
color:#000000;
}
.thead {
background:#FFFF33;
color:#000000;
}
.tborder {
border-style: double;
border-width: thick;
background: #FFCC00;
}
.page {
background:#66FFFF;
color:#000000;
}
.vbmenu_control {
background:#0066CC;
color:#FFFFFF;
}
.panel {
background:#6699FF ;
color:#000000;
}
.panelsurround {
background:#FFCC00;
color:#000000;
}
.fieldset {
background:#6699FF;
color:#000000;
}
.alt1 {
background:#6699FF;
color:#000000;
}
.alt2 {
background:#33FFFF;
color:#000000;
}
.tfoot {
background:#FFFF33;
color:#000000;
}
Based on a videogame (Super Paper Mario) and extremely bright colours because of that. Code:
body {
background:#009900;
color:#000000;
}
.tcat {
background:#006600;
color:#000000;
}
.thead {
background:#FFFF33;
color:#000000;
}
.tborder {
border-style: single;
border-width: thick;
background: #99FF00;
}
.page {
background:#009900;
color:#000000;
}
.vbmenu_control {
background:#66FF00;
color:#000000;
}
.panel {
background:#00FF00 ;
color:#000000;
}
.panelsurround {
background:#99FF00;
color:#000000;
}
.fieldset {
background:#00FF00;
color:#000000;
}
.alt1 {
background:#00FF00;
color:#000000;
}
.alt2 {
background:#99FF66;
color:#000000;
}
.tfoot {
background:#66FF00;
color:#000000;
}
Code:
body {
background:#000000;
color:#FFFFFF;
}
.tcat {
background:#993300;
color:#000000;
}
.thead {
background:#CC3300;
color:#000000;
}
.tborder {
border-style: ridge;
border-width: thin;
background: #FF3300;
}
.page {
background:#000000;
color:#FFFFFF;
}
.vbmenu_control {
background:#666666;
color:#000000;
}
.panel {
background:#999999;
color:#000000;
}
.panelsurround {
background:#FF3300;
color:#000000;
}
.fieldset {
background:#999999;
color:#000000;
}
.alt1 {
background:#666666;
color:#FF3300;
}
.alt2 {
background:#666666;
color:#000000;
}
.tfoot {
background:#663300;
color:#000000;
}
.navbar {
background:#666666;
color:#FF3300;
}
.navbar a {
background:#666666;
color:#FF3300;
}
.navbar a:visited {
background:#666666;
color:#FF3300;
}
.vbmenu_option {
background:#999999;
color:#FF3300;
}
Rainbow Code:
body {
background:#000000;
color:#FFFFFF;
}
.tcat {
background:#FF0000;
color:#000000;
}
.thead {
background:#0000FF;
color:#000000;
}
.tborder {
border-style: single;
border-width: thick;
background: #00FF00;
}
.page {
background:#000000;
color:#FFFFFF;
}
.vbmenu_control {
background:#FFFF00;
color:#000000;
}
.panel {
background:#660066;
color:#000000;
}
.panelsurround {
background:#3300CC;
color:#000000;
}
.fieldset {
background:#660066;
color:#FFFFFF;
}
.alt1 {
background:#FFFFFF;
color:#000000;
}
.alt2 {
background:#000000;
color:#FFFFFF;
}
.tfoot {
background:#FF6600;
color:000000;
}
.navbar {
background:#FFFFFF;
color:#000000;
}
.navbar a:link {
background:#FFFFFF;
color:#000000;
}
.navbar a:visited {
background:#FFFFFF;
color:#000000;
}
.vbmenu_option {
background:#00FFFF;
color:#000000;
}
Code:
body {
background:#336699;
color:#000000;
}
.tcat {
background:#006600;
color:#000000;
}
.thead {
background:#00CC66;
color:#000000;
}
.tborder {
border-style: single;
border-width: thick;
background: #FFFFFF;
}
.page {
background:#336699;
color:#000000;
}
.vbmenu_control {
background:#FFCC33;
color:#0066CC;
}
.panel {
background:#009933;
color:#FFFFFF;
}
.panelsurround {
background:#99FF00;
color:#;
}
.fieldset {
background:#009933;
color:#000000;
}
.alt1 {
background:#336633;
color:#FFFFFF;
}
.alt2 {
background:#66CC66;
color:#FFFFFF;
}
.tfoot {
background:#66FF00;
color:#000000;
}
.navbar a:link {
background:#336633;
color:#0066CC;
font-weight: bold;
}
.navbar a:visited {
background:#336633;
color:#0066CC;
font-weight: bold;
}
Code:
body {
background:#993399;
color:#FFFFFF;
}
.tcat {
background:#663366;
color:#000000;
}
.thead {
background:#996699;
color:#000000;
}
.tborder {
border-style: solid;
border-width: thick;
background: #FFFFFF;
}
.page {
background:#993399;
color:#FFFFFF;
}
.vbmenu_control {
background:#663366;
color:#FFFFFF;
}
.panel {
background:#996699;
color:#000000;
}
.panelsurround {
background:#666666;
color:#000000;
}
.fieldset {
background:#996699;
color:#000000;
}
.alt1 {
background:#996699;
color:#000000;
}
.alt2 {
background:#CC99CC;
color:#000000;
}
.tfoot {
background:#663366;
color:#000000;
}
.vbmenu_option {
background:#FFCCFF;
color:#000000;
}
.vbmenu_option a:link {
background:#FFCCFF;
color:#000000;
}
.vbmenu_option a:visited {
background:#FFCCFF;
color:#000000;
}
|
Similar Mods
| Major Additions vS-Interactive Profiles | vBulletin 3.6 Add-ons |
| vS-Interactive Profiles | vBulletin 3.5 Add-ons |