Go to your "Add a Gadget"

Click on "HTML/JAVA"

Paste this in the blank space-



<style type="text/css">body {background-image: url(); background-position: center; background-repeat: no-repeat; background-attachment: fixed; }</style>


Now go here to pick a "Free Background"

Copy the "code "of your choice.

Now simply enter in the "code" between this-




code: solid blue;




Click on save, and go take a look.

Remember- If you have uploaded one of my old styles, it will not fit all away accross your screen if you have a widescreen. Simply go change your background color to match your background.


Learn how to change your fonts and colors here.


Or if I have time, email me, And I shall fix it for you.

Thanks

This one is easy.

Go to your "Layout"

Click on your "Edit Html"

Now scroll down till you see where it says---


/*Header
---------------------------------


*/

#header-wrapper {
margin:0 2% 10px;
border:1px solid $bordercolor;
}

#header {
margin: 5px;
border: 1px solid $bordercolor;
text-align: center;
color:$pagetitlecolor;
}

#header-inner {
background-position: center;
margin-$startSide: auto;
margin-$endSide: auto;
}

#header h1 {
margin:5px 5px 0;
padding:15px 20px .25em;
line-height:1.2em;
text-transform:uppercase;
letter-spacing:.2em;
font: $pagetitlefont;
}

#header a {
color:$pagetitlecolor;
text-decoration:none;
}

#header a:hover {
color:$pagetitlecolor;
}

#header .description {
margin:0 5px 5px;
padding:0 20px 15px;
text-transform:uppercase;
letter-spacing:.2em;
line-height: 1.4em;
font: $descriptionfont;
color: $descriptioncolor;
}

#header img {
margin-$startSide: auto;
margin-$endSide: auto;
}


Your going to delete what is written in blue.


Do not delete where it says--

#header img {
margin-$startSide: auto;
margin-$endSide: auto;
}

You'll need that for your image header.

save and your done.

Now go look, no more framearound your Header..