--------------------------------------------------------------------
Below is a background code to use.........
CSS Background code with a top banner with easy instructions. if you need sizes let me know
backgrounds aprox 1690 X 930 top banner 800 x 500
the text in this code is white #ffffff and can be changed
do not remove anything except what is in red. and dont leave anyspaces when you add in codes in area
You can leave this code in your Css box and when you change the page just change the codes in the areas the http: code is, write notes so you remember,, any questions just ask, , it's more fun when you can do it your self
make sure you copy the whole code below this line all the way down
--------------------------------------------------------------------------- -----------
body { background: #FFFFFF; color: #FFFFFF; }
#main { background: url(This is where you put the middle section http: code of picture you want to use); color: #FFFFFF; }
a { color: #FFFFFF; }
a:hover { color: #FFFFFF; }
#top { background: transparent; color: #FFFFFF; }
#top a { color: #FFFFFF; }
#top a:hover { color: #FFFFFF; }
.top2 { background: transparent; }
.mainmenu5 { background: transparent; color: #FFFFFF; }
.border2 { background: transparent; color: #FFFFFF; border: 1px transparent solid; }
.color { color: #FFFFFF; }
.border13 { background: transparent; color: #FFFFFF; }
.border13 a { color: #FFFFFF; }
.border13 a:hover { color: #FFFFFF; }
.comment { background: transparent; }
.comment-text { color: #FFFFFF; }
.comment-head { background: transparent; color: #FFFFFF; }
#outer2 { background: transparent; }
.menu { background: transparent; color: #FFFFFF; }
.menu2 { background: transparent; color: #FFFFFF; }
.item3 { border-bottom: 1px transparent solid; color: #FFFFFF; }
.item2 { border-bottom: 1px transparent solid; border-top: 2px transparent solid; border-left: 1px transparent solid; border-right: 1px transparent solid; background: transparent; }
.item { border-bottom: 1px transparent solid; border-top: 1px transparent solid; border-left: 1px transparent solid; border-right: 1px transparent solid; background: transparent; }
.item a { color: #FFFFFF; }
.item a:hover { color: #FFFFFF; }
.item2 a { color: #FFFFFF; }
.item2 a:hover { color: #FFFFFF; }
#bottom3 { background: transparent; color: #FFFFFF; }
#bottom4 { background: transparent; color: #FFFFFF; }
#bottom3 a { color: #FFFFFF; }
#bottom3 a:hover { color: #FFFFFF; }
body{border:none;}
#main{border:none;}
.border2{border:none;}
.border13{border:none;}
#outer2{border:none;}
.item3{border:none;}
#top{border:none;}
.top2{border:none;}
html{
scrollbar-face-color: #FFFFFF;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-shadow-color: #FFFFFF;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-arrow-color: #FFFFFF;
scrollbar-track-color: #FFFFFF;
}
#outer2 {color:#FFFFFF; font-size: 14px ! important; border:none;}
/*LINKS-FONT-GALLERY MENU HOME FRIENDS ETC*/
#outer2 a{ color: #FFFFFF;}
#outer2 a:hover { color: #FFFFFF;text-decoration: underline;}
/*LINKS HOVER-FONT-GALLERY MENU HOME FRIENDS ETC*/
body { background-image: url(This is where you put the background picture http: code); border: none;
background-attachment: fixed;: ;font-family:georgia; font-style:italic; font-weight:bold;background-position: center center;} /*BACKGROUND-PAGE FONT STYLES*/
/***/
/*THIS SECTION CONTROLS THE HEADERS LEFT AND RIGHT SIDE-HEADER FONTS AND HEADER BACKGROUND PICTURE*/
.mainmenu5 {background: url(Put divider url here) center no-repeat !important; height: 100px !important; color: #ffffff; font-face: Trebuchet MS; font-size: 16px !important; text-align:center; vertical-align: top; padding-top: 2px !important; border: none !important; filter: none !important;}/*ALL BOX HEADERS COLOR AND HEADER FONT STYLES-HEADER BACKGROUND PICTURE*/
.block_header{font-family: Trebuchet MS; color: #ffffff; font-size: 16px !important; text-align: center; vertical-align: top; padding-top: 2px !important; border: none !important;}/*LEFT SIDE MENU HEADERS*/
/***/
#outer2{
clear: both;
overflow: hidden;
text-align: center;
height: 500px;
padding-top: 7px;
padding-bottom: 0px;
margin: 20px 0 0;
background-image:url(Put url code here for banner http: code);
color: transparent;
font-family:Georgia;
font-size: 14px;
text-shadow : 0 1px 1p #ffffff;
font-weight: normal;
font-style: normal;
text-decoration: none;
font-variant: small-caps;
background-position: center top;
background-repeat: no-repeat;
border: none !important ;
-moz-box-shadow: 2px 4px 30px #ffffff inset;
-webkit-box-shadow: 2px 4px 30px #ffffff inset;
border: none !important;
border-left: none!important;
border-right:none !important;
border-top:none !important;
border-bottom:none !important;
-webkit-border-radius: 0px;
-ms-border-radius: 0px;/
.top2{
visibility:hidden;
display: none;
border: none; !important}
.comment-text { color: #CCCCCC !important; font-size: 14px !important; overflow-x:auto; position: relative; width: 450px;}/*COMMENT FONT STYLES AND NO STRETCH CODE*/
