Thursday, June 19, 2008

Finally fixed my blog's css

Ive been told that my blog is pretty funky looking. actually the css was broken, and i never got around to fixing it :whistle: anyway today i decided to give it a shot, and voila! its fixed!

Heres what i did:
I used a Myopera theme called Music #2 from the themes page

and then added some custom css to change the following
-header image
-background image
-background colour
-some fonts and colours
-some link colours

heres the css i used ->


body {
background:#E6AC00 url(http://img515.imageshack.us/img515/8299/pattrt9.jpg);
margin:0;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:145%;
text-align:center;
color:#000;
}

#top2 {
height:200px;
padding-left:15px;
background:#E6AC00 url(http://img50.imageshack.us/img50/6426/cgscocietystylebloggf7.jpg) top left repeat-x;
border-bottom:1px solid #B17C01;
}

#top h1 {
margin:0;
width:100%;
overflow:hidden;
font-size:30px;
font-family:'trebuchet ms',arial,helvetica,sans-serif;
line-height:normal;
padding-top:22px;
}

#wrap3 {
background:#E6AC00;

}
#content, #footer {
clear:both;
position:relative;
background:#E6AC00;

}

/* :: GENERAL RULES :: */




a:link, a:active {
color:#663300;
text-decoration:underline;
}

a:visited {
color:#663300;
text-decoration:underline;
}

a:hover {
text-decoration:none;
color:#666666;
}

not bad for a CSS Noob :p ?
Post a Comment