Be4n
01-21-2006, 06:13 AM
I'm making my first ever DIV layout on my myspace page.
So far, (on my tester page) it looks like this:
http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendID=18316689
Now, I am trying to get this picture:
http://i27.photobucket.com/albums/c159/gbcdesigns/myspace/280eb18f.jpg
Set as my background (where it is currently all white).
When I try codes people give me it makes it so its BEHIND the current white
background or box, whatever ya call it. I want the WHITE part (the overlay?)
To become the picture^^
These are my codes so far:
ABOUT ME:
<style type="text/css"> .main{ position:absolute; left:50%; top:125px; width:800px; z-index:1; margin-left:-400px; } .navigation{ border-bottom:1px solid; border:1px solid; } .navigation li{ display:inline; list-style-type:none; padding:0 20px 0 0; } .navigation a:link, .navigation a:visited{ font-family:arial; font-size:11px; padding:3px; } .navigation a:hover{ text-decoration:none; padding:3px; } .content{ width:525px; float:left; padding:5px 5px 5px 7px; margin:5px 0 0 5px; border:1px solid; } .sidebar{ width:210px; float:right; padding:5px 5px 5px 7px; margin:5px 5px 0 0; border:1px solid; } input{ color:FFFF00; background-color:0000CC; border:1px solid; border-color::FFFF00; margin-left:6px; margin-top:4px; } input:hover{ color:0000CC; background-color:FFFF00; border:1px solid; border-color::0000CC; } input:focus{ color:FFFF00; border:1px solid; bord-color:0000CC; } </style>
Who I'd like to meet:
<div class="main"> <table style="width:800px; height:800px; cellpadding:0px; cellspacing:0px; background-color:000000;"> <tr><td valign="top"> INSERT CONTENT AND ADDITIONAL DIVS </td></tr></table></div> <div class="main"> <table style="width:800px; height:800px; cellpadding:0px; cellspacing:0px; background-color:FFFFFF;"> <tr><td valign="top"> <div class="navigation"> <ul> <li><a href="http://url">Link 1</a></li> <li><a href="http://url">Link 2</a></li> <li><a href="http://url">Link 3</a></li> <li><a href="http://url">Link 4</a></li> <li><a href="http://url">Link 5</a></li> </ul> </div> <br /> <div class="content"> MAIN BODY CONTENT </div> <div class="sidebar"> <div class="commentbox"> <center>Add Comment / <a href="http://www.myspace.com/index.cfm?fuseaction=user.homeComments&friendID="30540133">View All</a><br /> <form method="post" action="http://www.myspace.com/index.cfm?fuseaction=user.ConfirmComment"> <input type="hidden" name="friendID" value="30540133"> <textarea name="f_comments" cols="25" rows="5"></textarea><br /> <input type="submit" value="Post"> </form></center></div> <br /> YOUR SIDEBAR CONTENT </div>
Could someone PLEASE tell me exactly what codes I need to make this the way I want (with the background), and where I put the code???
Thank you SO much (In advance;) ).
So far, (on my tester page) it looks like this:
http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendID=18316689
Now, I am trying to get this picture:
http://i27.photobucket.com/albums/c159/gbcdesigns/myspace/280eb18f.jpg
Set as my background (where it is currently all white).
When I try codes people give me it makes it so its BEHIND the current white
background or box, whatever ya call it. I want the WHITE part (the overlay?)
To become the picture^^
These are my codes so far:
ABOUT ME:
<style type="text/css"> .main{ position:absolute; left:50%; top:125px; width:800px; z-index:1; margin-left:-400px; } .navigation{ border-bottom:1px solid; border:1px solid; } .navigation li{ display:inline; list-style-type:none; padding:0 20px 0 0; } .navigation a:link, .navigation a:visited{ font-family:arial; font-size:11px; padding:3px; } .navigation a:hover{ text-decoration:none; padding:3px; } .content{ width:525px; float:left; padding:5px 5px 5px 7px; margin:5px 0 0 5px; border:1px solid; } .sidebar{ width:210px; float:right; padding:5px 5px 5px 7px; margin:5px 5px 0 0; border:1px solid; } input{ color:FFFF00; background-color:0000CC; border:1px solid; border-color::FFFF00; margin-left:6px; margin-top:4px; } input:hover{ color:0000CC; background-color:FFFF00; border:1px solid; border-color::0000CC; } input:focus{ color:FFFF00; border:1px solid; bord-color:0000CC; } </style>
Who I'd like to meet:
<div class="main"> <table style="width:800px; height:800px; cellpadding:0px; cellspacing:0px; background-color:000000;"> <tr><td valign="top"> INSERT CONTENT AND ADDITIONAL DIVS </td></tr></table></div> <div class="main"> <table style="width:800px; height:800px; cellpadding:0px; cellspacing:0px; background-color:FFFFFF;"> <tr><td valign="top"> <div class="navigation"> <ul> <li><a href="http://url">Link 1</a></li> <li><a href="http://url">Link 2</a></li> <li><a href="http://url">Link 3</a></li> <li><a href="http://url">Link 4</a></li> <li><a href="http://url">Link 5</a></li> </ul> </div> <br /> <div class="content"> MAIN BODY CONTENT </div> <div class="sidebar"> <div class="commentbox"> <center>Add Comment / <a href="http://www.myspace.com/index.cfm?fuseaction=user.homeComments&friendID="30540133">View All</a><br /> <form method="post" action="http://www.myspace.com/index.cfm?fuseaction=user.ConfirmComment"> <input type="hidden" name="friendID" value="30540133"> <textarea name="f_comments" cols="25" rows="5"></textarea><br /> <input type="submit" value="Post"> </form></center></div> <br /> YOUR SIDEBAR CONTENT </div>
Could someone PLEASE tell me exactly what codes I need to make this the way I want (with the background), and where I put the code???
Thank you SO much (In advance;) ).