Newbie Tip for Templates, Changing the Banner Color on Movable Blue

August 29, 2004 Comments Off on Newbie Tip for Templates, Changing the Banner Color on Movable Blue

Several people have asked for a tutorial on changing template designs, here is a beginning tip

If you are using the Moveable Radio – blue theme and you want to change the heading or banner colors from blue to pink, here is how you do it:

Look for the #banner CSS Style code in your #hometemplate which you can find here from within radio: http://127.0.0.1:5335/system/pages/prefs?page=3.2, the #banner isn’t that far from the top of the template

 #banner {
    font-family:verdana, arial, sans-serif;
    <font color=”blue”>color:#FFF;</font>
    font-size:20px;
    font-weight:normal;
    border-bottom:1px dotted #000000;
    border-top:3px solid #0045AD;
    <font color=”red”>background:#0066FF</font>;
    padding:15px;
    text-transform:uppercase;
    letter-spacing: .2em;    
    }

you want you change the font color of the background where i’ve shown in red, the pink color that seems to work best is #F5E0F5

also you’ll probably need to change the text color (shown in blue above) to the original background color of #0066FF

or you can just copy and paste this over the one currently into your template:

 #banner {
    font-family:verdana, arial, sans-serif;
    color:#0066FF;
    font-size:20px;
    font-weight:normal;
    border-bottom:1px dotted #000000;
    border-top:3px solid #0045AD;
    background:#F5E0F5;
    padding:15px;
    text-transform:uppercase;
    letter-spacing: .2em;    
    }

(when I find more time I’ll sit down and write more tips on theme designs)

Categories : Newbie Tips