Welcome Guest Login or Signup
FLASHCHAT | INSTANT MESSENGER | BOOKMARK
| LANGUAGE:
 

Please Support My Boomer Place with Your Kindness


Groups >> BOOMER CENTRAL >> Forum >> Background Code for your Profile Page.

Viewing 1 - 1 out of 1 posts



POSTED BY: writterdeb on Mar 31, 2008
Background Code for your Profile Page.

To place a solid background on your profile page with all comment boxes, etc., tansparent I use the following code.  This is the code that is running my profile page at this time with white text.  You are welcome to use this code just remember to change the url of where your background image is stored for YOUR background image. 
**********************************************************''


body {
background-color: #660099 !important;
background-image:


url("http://www.debbiepickens.com/pics/brown3.jpg") !important;


background-repeat: no-repeat !important;
background-attachment: fixed !important;
background-position: 50% 65% !important;
border: none !important;
}


a {color:#ffffff;}
a:hover {color:#ffffff;}


#main { background:transparent; }
#main {color:#ffffff;} 
#top { background:transparent; }
#top { color:#ffffff; }
#top a { color:#ffffff; }
#top a:hover { color:#;ffffff } 
.top2 { background:transparent; }


.mainmenu5 { background:transparent; }
.mainmenu5 { color:#ffffff; }
.border2 { background:transparent; }
.border2 { color:#ffffff; }
.color { color:#ffffff; }
.border2 { border:1px transparent solid; }


.border13 { background:transparent; }
.border13 { color:#ffffff; }
.border13 a { color:#ffffff; }
.border13 a:hover { color:#ffffff; }
.comment{ background:transparent; }
.comment-text {color:#ffffff;}


.comment-head{ background:transparent; }
.comment-head{color:#ffffff;}
#outer2 { background:transparent; } 
.menu { background:transparent; }
.menu a { color:#ffffff; }
.menu a:hover { color:#ffffff; }


.menu2 { background:transparent; }
.menu2 a { color:#ffffff; }
.menu2 a:hover { color:#ffffff; }
.item3 { border-bottom:1px transparent solid; /* Username Menu Border */ }
.item3 { color:#ffffff; }


.item2 { border-bottom:1px transparent solid;
border-top:2px transparent solid;
border-left:1px transparent solid;
border-right:1px transparent solid; }


.item { border-bottom:1px transparent solid;


border-top:1px transparent solid; border-left:1px transparent solid;
border-right:1px transparent solid; }
.item { background:transparent; }
.item a { color:#ffffff; }
.item a:hover { color:#ffffff; }
.item2 { background:#ffffff; }


.item2 a { color:#ffffff; }
.item2 a:hover { color:#ffffff; } 
#bottom3 { background:transparent; }
 #bottom4 { background:transparent;
color:#ffffff; } #bottom3 { color:#ffffff; }
#bottom3 a { color:#ffffff; }


#bottom3 a:hover { color:#ffffff; }



#outer2 {border-bottom:1px #ffffff solid;           &nb sp;                         &nb sp;         
  border-top:1px transparent solid;}           &n bsp;             ;     
.comment { border:1px transparent solid;}


#top {border-left:1px transparent solid; border-right:1px transparent solid;}
#main {border-left:1px transparent solid;}
.border2 { border:1px transparent solid;  }
.border4 { border:1px transparent solid;}


.border11 { border:1px transparent solid;}


{font-family:tahoma;
font-size:10pt; color:ffffff; font-weight:bold;}



.r{}


*************************************************************************** *******************
If you are using photobucket just place the direct html code and make sure you do not delete any of the main code with it.  (example: This is where I store my picture to share on different web sites.
http://www.debbiepickens.com/pics/brown3.jpg
Therefore I would place that url code. You will need to replace my url - background-image: url("
http://www.debbiepickens.com/pics/brown3.jpg") !important; with the url of where your image is located.
Make sure you do not delete the (" or") and !important.


Note - placing an image in the code does NOT take any space on myboomerplace as the code points to where you already have your image stored.


If you have any questions please ask.





--------------------------------------------------------------
Just a thought.......
Back To Top
Dec 1, 2008

Please Support My Boomer Place with Your Kindness


*** My Boomer Place.com ***