pic in bgwith div Options

[ReggieM]

how do i get a picture in the bg of my page i cant find where to insert the code cuz all the div

[coldtrance]

it should be in your css

[duplicatex0x0x0]

What do you mean?

[ReggieM]

like i want a picture in the bg but i dont where to insert the code becauseits not showing up

[coldtrance]

do you have a code that looks like this:


body {background-image: url("url to imge here");
background-attachment:fixed;
background-repeat: repeat;
background-position:bottom left;
background-color:color here; }

you need that in between style tags with the rest of your layout code (aka css) to have an image appear on your profile

[*This Confession*]

are you making a overlay?
or just a normal layout if just a normal layout then coldtrace gave you the code
but ifyour making a div then you need to look probably in the scripts or div helps and theres a code you can postion your image and such

i can't help much im at a hospital computer
sorry.
im sure someone else can help if you clarify what i just asked.

[coldtrance]

actually i gave the code i used in my div layout... but all div layouts use css

[*This Confession*]

well i use differeny codes then most people making divs.
so yea thats what i meant

also from what ive seen of your profiles their not div overlays...

[ReggieM]

Well yea i already made a div and i want a picture in the very back but i cant seem to know where to put the code

<!-- begin code provided by createblog.com --><br /> </style> <div class="sidebar"> <div class="commentbox"> <center>Add Comment / <a href="http://www.myspace.com/index.cfm?fuseaction=user.homeComments&friendID="3494437"><a href="http://collect.myspace.com/index.cfm?fuseaction=user.homeComments&FriendID=3494437">View all comments</a><br /><a href="http://www.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=3494437">View all friends</a> <form method="post" action="action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment "> <input type="" name="friendID" value="3494437"> <textarea name="f_comments" cols="25" rows="5"></textarea><br /> <input type="submit" value="Post"> </form></center></div> <br /> About Me: </div> <style type="text/css"> body { background-color:black; } table tr td { background-color:black; } .btext {display:none;} .contacttable {display:none;} .lightbluetext8 {display:none;} .nametext {display:none;} .orangetext15 {display:none;} .redlink {display:none;} .whitetext12 {display:none;} .hidethem {visibility:hidden; display:none;} .comments {visi­bility:hi­dden;display:none;} a.link1:active, a.link1:visited, a.link1:link { font-size:14px; font-weight:bold; font-family:helvetica; color:red; } a.link1:hover { color:white; } .profile { background-color:black; border: 6px groove white; font-size:22pt; font-weight:bold; text-align:center; color: white; padding: 20px; position:absolute; left:50%; margin-left:-400px; height:600px; width:800px; top:155px; z-index:1; } .picture { background-color:black; border:3px ridge white; text-align:center; padding: 18px; position:absolute; left:50%; margin-left:-350px; top:205px; z-index:2; } .buttons { width:142px; background-color:black; border:3px ridge white; padding:12px; text-align:center; } .messageme { position:absolute; left:50%; top: 600px; margin-left:-350px; z-index:2; } .addme { position:absolute; left:50%; top: 500px; margin-left:-350px; z-index:2; } .blockme { position:absolute; left:50%; top: 550px; margin-left:-350px; z-index:2; } .aboutme { background-color:black; border:3px ridge white; font-family:helvetica; font-size:12px; font-weight:bold; color:white; padding: 10px; position:absolute; left:50%; margin-left:-150px; top:227px; z-index:2; height:150px; width:300px; overflow:auto } .music { background-image:url('http://c.myspace.com/Groups/00009/65/69/9129656_l.gif'); background-repeat:repeat; background-position:center; border:3px ridge white; font-size:8pt; font-weight:bold; color:white; padding: 18px; position:absolute; left:50%; margin-left:170px; top:205px; z-index:2; width:180px; height:500px; } .movies { background-color:black; border:3px ridge white; font-family:helvetica; font-size:12px; font-weight:bold; color:white; padding: 10px; position:absolute; left:50%; margin-left:-150px; top:400px; z-index:2; height:250px; width:300px; } .finale { background-image:url('http://i12.photobucket.com/albums/a236/ohenry64/jjjj.gif'); background-color:black; border:3px ridge white; font-family:helvetica; font-size:22px; font-weight:bold; color:white; padding: 10px; position:absolute; left:50%; margin-left:-350px; top:555px; z-index:3; height:150px; width:400px; } </style><br /><!-- end code provided by createblog.com -->

Codebox, please..

This post has been edited by Julie.: Feb 15 2006, 10:37 PM

[ReggieM]

i think i got it but how would i put it in the second closest background?

[Jane Doe.]

Okay, well. To get a background image on your biggest(?) DIV, look through your about me, and find the following:

.profile {
background-color:black;
border: 6px groove white;
font-size:22pt;
font-weight:bold;
text-align:center;
color: white;
padding: 20px;
position:absolute;
left:50%;
margin-left:-400px;
height:600px;
width:800px;
top:155px;
z-index:1;
}

anywhere in between that you can add

background-image: url(IMAGEURLHERE);
For example:

<!-- begin code provided by createblog.com --><br />.profile {<br />background-color:black;<br />background-image: url(IMAGEURLHERE);<br />border: 6px groove white;<br />font-size:22pt;<br />font-weight:bold;<br />text-align:center;<br />color: white;<br />padding: 20px;<br />position:absolute;<br />left:50%;<br />margin-left:-400px;<br />height:600px;<br />width:800px;<br />top:155px;<br />z-index:1;<br /> }<br /><!-- end code provided by createblog.com -->

Here are some more background properties:
http://www.w3schools.com/about/about_free.asp