Request for the Theme makers

[golf16vkr]

Could you please make a theme that is simular to VB 3.0 ?

Or maybe tell me how i can alter the standard theme to my current theme.

[Casper]

Hi,

you can easily change the default theme, by editing the themes/default/style.css and default/template.html.

you can get an idea of what in the css affects what here, http://www.photoshoptutorials.org/samples/coppermine/styles.html

[Joachim Müller]

since vb is not free software, a lot of people who could do this (because of their coppermine knowledge) can't because they don't have the actual vb template code. As you can't post it here neither I suggest you post a link to your vb board, so people can look at the html output. Maybe someone is willing to help out then...

GauGau

[MaThIbUs]

The style it uses could get you started...

Code Select Expand

body
{
        background: #E1E1E2;
        color: #000000;
        font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
        margin: 5px 5px 10px 5px;
}
a:link
{
        color: #22229C;
}
a:visited
{
        color: #22229C;
}
a:hover, a:active
{
        color: #FF4400;
}
.page
{
        background: #FFFFFF;
}
td, th, p, li
{
        font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.tborder
{
        background: #D1D1E1;
        color: #000000;
        border: 1px solid #0B198C;
}
.tcat
{
        background: #869BBF url(http://images.vbulletin.com/images_tmp/gradients/gradient_tcat.gif) repeat-x top left;
        color: #FFFFFF;
        font: bold 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.tcat a:link
{
        color: #ffffff;
        text-decoration: none;
}
.tcat a:visited
{
        color: #ffffff;
        text-decoration: none;
}
.tcat a:hover, .tcat a:active
{
        color: #FFFF66;
        text-decoration: underline;
}
.thead
{
        background: #5C7099 url(http://images.vbulletin.com/images_tmp/gradients/gradient_thead.gif) repeat-x top left;
        color: #FFFFFF;
        font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.thead a:link
{
        color: #FFFFFF;
}
.thead a:visited
{
        color: #FFFFFF;
}
.thead a:hover, .thead a:active
{
        color: #FFFF00;
}
.tfoot
{
        background: #3E5C92;
        color: #E0E0F6;
}
.tfoot a:link
{
        color: #E0E0F6;
}
.tfoot a:visited
{
        color: #E0E0F6;
}
.tfoot a:hover, .tfoot a:active
{
        color: #FFFF66;
}
.alt1, .alt1Active
{
        background: #F5F5FF;
        color: #000000;
}
.alt2, .alt2Active
{
        background: #E1E4F2;
        color: #000000;
}
.alt3
{
        background: #D5D8E5;
        color: #000000;
}
.wysiwyg
{
        background: #F5F5FF;
        color: #000000;
        font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
textarea, .bginput
{
        font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.button
{
        font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
select
{
        font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
option, optgroup
{
        font-size: 11px;
        font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.smallfont
{
        font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.time
{
        color: #666686;
}
.navbar
{
        font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.highlight
{
        color: #FF0000;
        font-weight: bold;
}
.panel
{
        background: #E4E7F5 url(http://images.vbulletin.com/images_tmp/gradients/gradient_panel.gif) repeat-x top left;
        color: #000000;
        padding: 10px;
        border: outset 2px;
}
.panelsurround
{
        background: #D5D8E5 url(http://images.vbulletin.com/images_tmp/gradients/gradient_panelsurround.gif) repeat-x top left;
        color: #000000;
}
legend
{
        color: #22229C;
        font: 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.vbmenu_control
{
        background: #738FBF;
        color: #FFFFFF;
        font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
        padding: 3px 6px 3px 6px;
        white-space: nowrap;
}
.vbmenu_control a:link
{
        color: #FFFFFF;
        text-decoration: none;
}
.vbmenu_control a:visited
{
        color: #FFFFFF;
        text-decoration: none;
}
.vbmenu_control a:hover, .vbmenu_control a:active
{
        color: #FFFFFF;
        text-decoration: underline;
}
.vbmenu_popup
{
        background: #FFFFFF;
        color: #000000;
        border: 1px solid #0B198C;
}
.vbmenu_option
{
        background: #BBC7CE;
        color: #000000;
        font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
        white-space: nowrap;
        cursor: pointer;
}
.vbmenu_option a:link
{
        color: #22229C;
        text-decoration: none;
}
.vbmenu_option a:visited
{
        color: #22229C;
        text-decoration: none;
}
.vbmenu_option a:hover, .vbmenu_option a:active
{
        color: #FFFFFF;
        text-decoration: none;
}
.vbmenu_hilite
{
        background: #8A949E;
        color: #FFFFFF;
        font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
        white-space: nowrap;
        cursor: pointer;
}
.vbmenu_hilite a:link
{
        color: #FFFFFF;
        text-decoration: none;
}
.vbmenu_hilite a:visited
{
        color: #FFFFFF;
        text-decoration: none;
}
.vbmenu_hilite a:hover, .vbmenu_hilite a:active
{
        color: #FFFFFF;
        text-decoration: none;
}
/* ***** styling for 'big' usernames on postbit etc. ***** */
.bigusername { font-size: 14pt; }

/* ***** small padding on 'thead' elements ***** */
td.thead, div.thead { padding: 4px; }

/* ***** basic styles for multi-page nav elements */
.pagenav a { text-decoration: none; }
.pagenav td { padding: 2px 4px 2px 4px; }

/* ***** define margin and font-size for elements inside panels ***** */
.fieldset { margin-bottom: 6px; }
.fieldset, .fieldset td, .fieldset p, .fieldset li { font-size: 11px; }

/* ***** don't change the following ***** */
form { display: inline; }
label { cursor: default; }
.normal { font-weight: normal; }
.inlineimg { vertical-align: middle; }
/* ***** active table cells (IE only) ***** */
/* .alt1Active, .alt2Active { behavior: url(clientscript/activecell.htc); } */
-->

[golf16vkr]

Has any1 done something with this ?

Do u have examples on your own board or such ?

Would like some help with this

I tried to save this CSS style but first i don't know for which theme this one is. I tried default but it didn't work out.