I created a DIV Overlay for my myspace profile, http://www.myspace.com/tristianrocks , but the images in my friends section won't show up, they only show up as black boxes for me :-/.
Heres the code for my page:
Style:
DIV Overlay:
Any help would be great!
Heres the code for my page:
Style:
Code:
<style type="text/css">
.comt td, .comt table{width:0px!important; height:0px!important; background-color:transparent!important; border:0px!important; _padding:2px!important;} .comt, .comt td, .comt table, .comt td a img, .comt td td td a, .comt td b a, .comt td .redlink{visibility:visible; }
.comt td td td b{top:0px; display:inline;}
.comt td td td table, .comt .orangetext15, .redlink, .comt .rid, .frnd {display:none;}
.comt td b, .blacktext10 {display:block;} .comt {z-index:7;}
.comt table, .comt b {position:relative; top:-39px; _top:-30px;}
.note{The Main comment Div.}
.comt {width:795px; background-color:1b1814;
border:2px solid; border-color:22201d;position:absolute;
top:684px;
left:50%;
margin-left:-400px;}
.bbzherp {comment timestamp width}
.blacktext10 {width: 680px;}
.bbzherp {hides: online now images in comments & top 8;}
.comt td td td div{display:none;}
.bbzherp {hides: online now images only in top 8;}
.comt td td td td div{display:none;}
.bbzherp {hides: comment timestamp;}
.blacktext10{visibility:visible;}
.bbzherp {hides: Displaying XX of XX comments(View/Edit All Comments);}
.comt td b{display:block; background-color:transparent; border:0px;}
.bbzherp {hides: name has XXX friends;}
.comt .btext{display:none;}
.bbzherp {hides: View All of names Friends link;}
.redlink {}
.bbzherp {hides: friend name links;}
.comt td td td a{visibility:hidden!important;font-size:0px!important;}
.bbzherp {unhides: friend name links in top 8 (fix for above code);}
.comt td td td td a{visibility:visible!important; font-size:10px !important;}
.bbzherp {hides: friends name links only in top 8;}
.comt td td td td a{visibility:hidden!important; font-size:0px !important;}
.bbzherp {style of: ALL text;}
.comt td, .comt span {font-family: helvetica, arial, sans-serif;!important; color:9c9890!important; font-weight:normal;}
.bbzherp {style of: ALL links;}
.comt a, a:visited, a:active {color: d8d7d3; text-decoration: none; font-weight: bold;}
.comt a:hover {color: ffffff; text-decoration: none; border-bottom: 1px solid; border-color: 35302a; font-weight: bold;}
.bbzherp {comment: timestamp;}
.comt .blacktext10 {color:9c9890!important; font-size:8pt !important; text-align:right;}
.bbzherp {resizes: images posted in comments;}
.comt td img {width:100px; max-width:200px; width:auto; _width:100px !important;}
.bbzherp {resizes: linked images including friends profile pic;}
.comt td a img {width:100px; max-width:200px; width:auto; _width:100px !important;}
.bbzherp {resizes: online now image;}
.comt div img {width:60px !important;}
.bbzherp {resizes: top 8 friend pics;}
.comt td td td td img {width:60px !important;}
.bbzherp {moves comment timestamp down}
.blacktext10 {position:relative; top:10px;}
.blacktext10:before {content: "[";}
.blacktext10:after {content: "]";}
.bbzherp {center Displaying XX of XX comments View Edit All Comments}
.comt td b {text-align:left;}
.bbzherp {adds comment spacer line}
.blacktext10{border-bottom: 5px solid; border-color:22201d;}
.bbzherp {hides: the Add Comment link;}
.comt td a{visibility:hidden;}
body, td, li, p, div, textarea {font-family:verdana,arial,sans-serif,helvetica; font-size:8pt; color:9c9890; font-weight:normal;}
.main {position:absolute;left:50%;top:125px;z-index:2;margin-left:-400px;padding:0px;border:0px;background-color:000000;}
body {font-family: helvetica, arial, sans-serif; background-color: 000000; scrollbar-arrow-color:161410; scrollbar-track-color: 000000; scrollbar-shadow-color: 363430; scrollbar-face-color:363430; scrollbar-highlight-color:161410; scrollbar-darkshadow-color:161410; scrollbar-3dlight-color: 363430;}
table td{background-color:000000;}
.navbar a {color: d8d7d3; text-decoration: none; font-weight: bold;}
.navbar a:visited {color: d8d7d3; text-decoration: none; font-weight: bold;}
.navbar a:active {color: d8d7d3; text-decoration: none; font-weight: bold;}
.navbar a:hover {color: ffffff; text-decoration: none; border-bottom: 1px solid; border-color: 35302a; font-weight: bold;}
.mainpage a {color: d8d7d3; text-decoration: none; font-weight: bold;}
.mainpage a:visited {color: d8d7d3; text-decoration: none; font-weight: bold;}
.mainpage a:active {color: d8d7d3; text-decoration: none; font-weight: bold;}
.mainpage a:hover {color: ffffff; text-decoration: none; border-bottom: 1px solid; border-color: 35302a; font-weight: bold;}
.secpage a {color: d8d7d3; text-decoration: none; font-weight: bold;}
.secpage a:visited {color: d8d7d3; text-decoration: none; font-weight: bold;}
.secpage a:active {color: d8d7d3; text-decoration: none; font-weight: bold;}
.secpage a:hover {color: ffffff; text-decoration: none; border-bottom: 1px solid; border-color: 35302a; font-weight: bold;}
img {border:1px solid; border-color: 1b1814;}
a:hover img {border:1px solid; border-color: FFFFFF;}
h2 {color: bd934f; font-size: 1.75em; margin: 0; padding: 1px 0; display: inline; border-bottom: 1px solid; border-color: 35302a;}
h3 {color: bd934f; font-size: 1.25em; margin: 0; padding: 1px 0; display: inline; border-bottom: 1px solid; border-color: 35302a;}
.header {text-align: center; color: ffffff; font-size: 2em; margin: 0 0 8px; text-decoration: none; font-weight: normal;}
.header a, a:active, a:visited {color:ffffff; text-decoration: none; font-size: 1em; font-weight: normal;}
.header a:hover font{color:FFFFFF; text-decoration: none; font-weight: normal;}
.header a:hover {color:bd934f; text-decoration: none; font-weight: normal;}
.navbar {text-align: center; color: 666666; font-size: .7em; font-weight: bold;}
.mainpage {background-color: 1b1814; width:500px; z-index: 1; padding: 3px; border: 2px solid; border-color: 22201d; float: left;}
.comments {background-color: 1b1814; width:800px; z-index: 1; padding: 3px; border: 2px solid; border-color: 22201d; float: left;}
.secpage {background-color: 1b1814; border: 2px solid; border-color: 22201d; float: right; left: 550px; width: 250px; z-index: 1; padding: 2px;}
input, textarea {color: 9c9890; font-size: 11px; text-decoration: none; background-color: 161410; border: 1px solid; border-color: 363430; padding: 2px; overflow: hidden;}
td td embed {position:absolute; top:743px; left:647px; background-color: 000000;}
.jessiepreload {display: hidden; background:url(http://tristian.awardspace.com/images/jessie_over.gif);}
.stevepreload {display: hidden; background:url(http://tristian.awardspace.com/images/steve_over.gif);}
.ryanpreload {display: hidden; background:url(http://tristian.awardspace.com/images/ryan_over.gif);}
.chadpreload {display: hidden; background:url(http://tristian.awardspace.com/images/chad_over.gif);}
.abbypreload {display: hidden; background:url(http://tristian.awardspace.com/images/abby_over.gif);}
.brendanpreload {display: hidden; background:url(http://tristian.awardspace.com/images/brendan_over.gif);}
.paulpreload {display: hidden; background:url(http://tristian.awardspace.com/images/paul_over.gif);}
.marypreload {display: hidden; background:url(http://tristian.awardspace.com/images/mary_over.gif);}
.melissapreload {display: hidden; background:url(http://tristian.awardspace.com/images/melissa_over.gif);}
.kaitpreload {display: hidden; background:url(http://tristian.awardspace.com/images/kait_over.gif);}
.peterpreload {display: hidden; background:url(http://tristian.awardspace.com/images/peter_over.gif);}
.lisapreload {display: hidden; background:url(http://tristian.awardspace.com/images/lisa_over.gif);}
.jamiepreload {display: hidden; background:url(http://tristian.awardspace.com/images/jamie_over.gif);}
.jcpreload {display: hidden; background:url(http://tristian.awardspace.com/images/jc_over.gif);}
.jessie a {display:block;width:30px;height:120px;background-image:url(http://tristian.awardspace.com/images/jessie.gif) ; background-position:right;background-repeat:no-repeat;border: 0px;}
.jessie a:hover {background-color: transparent !important;background-image:url(http://tristian.awardspace.com/images/jessie_over.gif) ;background-position:right;background-repeat:no-repeat;border: 0px;}
.steve a {display:block;width:30px;height:120px;background-image:url(http://tristian.awardspace.com/images/steve.gif) ; background-position:right;background-repeat:no-repeat;border: 0px;}
.steve a:hover {background-color: transparent !important;background-image:url(http://tristian.awardspace.com/images/steve_over.gif) ;background-position:right;background-repeat:no-repeat;border: 0px;}
.ryan a {display:block;width:30px;height:120px;background-image:url(http://tristian.awardspace.com/images/ryan.gif) ; background-position:right;background-repeat:no-repeat;border: 0px;}
.ryan a:hover {background-color: transparent !important;background-image:url(http://tristian.awardspace.com/images/ryan_over.gif) ;background-position:right;background-repeat:no-repeat;border: 0px;}
.chad a {display:block;width:30px;height:120px;background-image:url(http://tristian.awardspace.com/images/chad.gif) ; background-position:right;background-repeat:no-repeat;border: 0px;}
.chad a:hover {background-color: transparent !important;background-image:url(http://tristian.awardspace.com/images/chad_over.gif) ;background-position:right;background-repeat:no-repeat;border: 0px;}
.abby a {display:block;width:30px;height:120px;background-image:url(http://tristian.awardspace.com/images/abby.gif) ; background-position:right;background-repeat:no-repeat;border: 0px;}
.abby a:hover {background-color: transparent !important;background-image:url(http://tristian.awardspace.com/images/abby_over.gif) ;background-position:right;background-repeat:no-repeat;border: 0px;}
.brendan a {display:block;width:30px;height:120px;background-image:url(http://tristian.awardspace.com/images/brendan.gif) ; background-position:right;background-repeat:no-repeat;border: 0px;}
.brendan a:hover {background-color: transparent !important;background-image:url(http://tristian.awardspace.com/images/brendan_over.gif) ;background-position:right;background-repeat:no-repeat;border: 0px;}
.paul a {display:block;width:30px;height:120px;background-image:url(http://tristian.awardspace.com/images/paul.gif) ; background-position:right;background-repeat:no-repeat;border: 0px;}
.paul a:hover {background-color: transparent !important;background-image:url(http://tristian.awardspace.com/images/paul_over.gif) ;background-position:right;background-repeat:no-repeat;border: 0px;}
.mary a {display:block;width:30px;height:120px;background-image:url(http://tristian.awardspace.com/images/mary.gif) ; background-position:right;background-repeat:no-repeat;border: 0px;}
.mary a:hover {background-color: transparent !important;background-image:url(http://tristian.awardspace.com/images/mary_over.gif) ;background-position:right;background-repeat:no-repeat;border: 0px;}
.melissa a {display:block;width:30px;height:120px;background-image:url(http://tristian.awardspace.com/images/melissa.gif) ; background-position:right;background-repeat:no-repeat;border: 0px;}
.melissa a:hover {background-color: transparent !important;background-image:url(http://tristian.awardspace.com/images/melissa_over.gif) ;background-position:right;background-repeat:no-repeat;border: 0px;}
.kait a {display:block;width:30px;height:120px;background-image:url(http://tristian.awardspace.com/images/kait.gif) ; background-position:right;background-repeat:no-repeat;border: 0px;}
.kait a:hover {background-color: transparent !important;background-image:url(http://tristian.awardspace.com/images/kait_over.gif) ;background-position:right;background-repeat:no-repeat;border: 0px;}
.paul a {display:block;width:30px;height:120px;background-image:url(http://tristian.awardspace.com/images/paul.gif) ; background-position:right;background-repeat:no-repeat;border: 0px;}
.paul a:hover {background-color: transparent !important;background-image:url(http://tristian.awardspace.com/images/paul_over.gif) ;background-position:right;background-repeat:no-repeat;border: 0px;}
.peter a {display:block;width:30px;height:120px;background-image:url(http://tristian.awardspace.com/images/peter.gif) ; background-position:right;background-repeat:no-repeat;border: 0px;}
.peter a:hover {background-color: transparent !important;background-image:url(http://tristian.awardspace.com/images/peter_over.gif) ;background-position:right;background-repeat:no-repeat;border: 0px;}
.lisa a {display:block;width:30px;height:120px;background-image:url(http://tristian.awardspace.com/images/lisa.gif) ; background-position:right;background-repeat:no-repeat;border: 0px;}
.lisa a:hover {background-color: transparent !important;background-image:url(http://tristian.awardspace.com/images/lisa_over.gif) ;background-position:right;background-repeat:no-repeat;border: 0px;}
.jamie a {display:block;width:30px;height:120px;background-image:url(http://tristian.awardspace.com/images/jamie.gif) ; background-position:right;background-repeat:no-repeat;border: 0px;}
.jamie a:hover {background-color: transparent !important;background-image:url(http://tristian.awardspace.com/images/jamie_over.gif) ;background-position:right;background-repeat:no-repeat;border: 0px;}
.jc a {display:block;width:30px;height:120px;background-image:url(http://tristian.awardspace.com/images/jc.gif) ; background-position:right;background-repeat:no-repeat;border: 0px;}
.jc a:hover {background-color: transparent !important;background-image:url(http://tristian.awardspace.com/images/jc_over.gif) ;background-position:right;background-repeat:no-repeat;border: 0px;}
</style>
DIV Overlay:
Code:
<div class="main">
<table border="0" cellpadding="0" cellspacing="0" style="width:800px; height:1px; cellpadding:0px; cellspacing:0px; background-color:000000;">
<tr>
<td valign="top" class="header" colspan="3">
<font color="444444">. . </font><a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=53470626">tristian<font color="bd934f">flanagan</font></a><font color="444444"> . .</font></td>
</tr>
<tr>
<td valign="top" class="navbar" colspan="3">
<a href="http://home.myspace.com/index.cfm?fuseaction=user">Home</a> |
<a
href="http://comments.myspace.com/index.cfm?fuseaction=user&circuitaction=viewProfile_commentForm&friendID=53470626&name=Tristian">Comment Me</a> |
<a href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=53470626">Send a Message</a> |
<a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=53470626">Add to Friends</a> |
<a href="http://groups.myspace.com/index.cfm?fuseaction=groups.addtogroup&friendID=53470626">Add to Group</a> |
<a href="http://collect.myspace.com/index.cfm?fuseaction=user.addToFavorite&friendID=53470626&public=0">Add to Favorites</a><br>
</td>
</tr>
<tr>
<td valign="top" class="mainpage">
<h2>About Me</h2>
<p style="text-align: justify;">Hey, my name is Tristian Flanagan. I'm 15 years old and live in Hampton.<br><br>I like to play games like Counter-Strike: Source, Warcraft 3 TFT, World of Warcraft, Far Cry, and BattleField 2 (not SF). I like to hang out with my friends, go to <a href="http://www.holo-dek.com/">Holo-Dek</a> and kick peoples asses at Counter-Strike, and play in the tournaments there.<br><br>I have a girlfriend named Jessie, shes pretty damn awesome! I like to go to the beach and eat fried dough (I found the best orgasmic fried dough place on the beach!). My favorite drinks is root beer, and red bull. I haven't drinken any beer, or did any drugs, and I don't smoke. I'm a clean slate :D.<br><br>I like alot of movies, but my favorite kind of movie is action. I hate horror movies! They scare me ;-). I only have one hero and her name is Jessie! I like a few different television shows like House and 24, but there are some others I like.<br><br>I like alot of music, but mostly these bands: Smashing Pumpkins, Angels and Airwaves, The Offspring, Panic! at the disco, Blink-182, Three Doors Down, Third Eye Blind, Green Day, U2, A New Found Glory, Adam and his Package, Hoobastank, Jimmy Eat World, KoRn, Shinedown, System of a Down, Violent Fems, and White Strips. There are more, but the list will keep going and going :P.<br><br>I somehow got into web design and digital graphics, so I have a few website I made and are currently running and is one I am very happy with: <a href="http://www.rustyknifeclan.com/">http://www.rustyknifeclan.com/</a>. I know HTML, CSS, PHP, and JavaScript and I'm still learning more, but those are the main ones I personally know. I'm starting to learn C++.<br><br></p>
<h2>My Friends</h2><br><br><center>
<table border="0" cellpadding="0" cellspacing="2">
<tr>
<td height="120" width="30" class="jessie"><a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=48995728" title="Jessie"></a></td>
<td height="120" width="30" class="steve"><a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=18797073" title="Steve"></a></td>
<td height="120" width="30" class="ryan"><a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=41883707" title="Ryan"></a></td>
<td height="120" width="30" class="chad"><a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=44456384" title="Chad"></a></td>
<td height="120" width="30" class="abby"><a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=28819228" title="Abby"></a></td>
<td height="120" width="30" class="brendan"><a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=5669780" title="Brendan"></a></td>
<td height="120" width="30" class="paul"><a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=69988566" title="Paul"></a></td>
<td height="120" width="30" class="melissa"><a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=29422964" title="Melissa"></a></td>
<td height="120" width="30" class="kait"><a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=32865476" title="Kaitlyn"></a></td>
<td height="120" width="30" class="mary"><a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=91791262" title="Mary"></a></td>
<td height="120" width="30" class="peter"><a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=24523892" title="Peter"></a></td>
<td height="120" width="30" class="lisa"><a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=31609966" title="Lisa"></a></td>
<td height="120" width="30" class="jamie"><a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=59433423" title="Jamie"></a></td>
<td height="120" width="30" class="jc"><a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=46418699" title="JC"></a></td>
</tr>
</table><br>
<a href="http://Home.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=53470626">View All Friends</a><br><b>Best Viewed In <a href="http://www.mozilla.com/firefox/">Mozilla FireFox</a></b>. With <a href="http://www.answers.vt.edu/ask4help/desktop/vtkb431.htm">1024x768 Resolution</a>.</center>
</td>
<td width="50"></td>
<td valign="top">
<table border="0" cellpadding="0" cellspacing="0" ><tr><td class="secpage" valign="top">
<center><a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=53470626"><img src="http://myspace-446.vo.llnwd.net/00805/64/45/805095446_l.jpg" style="width: 200px;" /></a></center>
<br><h3>Me Myself and I</h3><br>
Age :: 15<br />
Body :: 5'6" - 7"<br />
Body Type :: Ripped *ROAR* <br />
Status :: In a Relationship<br />
Here for :: Friends / Dating<br />
Orientation :: Women<br />
Hometown :: Hampton<br />
Ethnicity :: White<br />
Occupation :: Being a Guy<br><br>
<h3>My Groups</h3><br>
- <a href='http://groups.myspace.com/index.cfm?fuseaction=groups.groupProfile&groupID=101959317'>Yes, I'm man enough to dance and sing in the shower</a><br>
- <a href='http://groups.myspace.com/index.cfm?fuseaction=groups.groupProfile&groupID=101976428'>Orgasmic Flying Monkeys</a><br><br>
<h3>Comment Me</h3><br><br></form><form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment" "return lengthCheck(this);"><input type="hidden" name="friendID" value="53470626"> <input type=hidden name=Mytoken value=20041116012729><textarea id="textarea" name="f_comments" cols="30" rows="5"></textarea><br><nobr><input id="buttons" type="submit" value="Submit"><input id="buttonr" type="reset" value="Reset"> :: <a href="http://www.myspace.com/index.cfm?fuseaction=user.viewComments&FriendID=53470626">View All Comments</a></nobr></form>
</td></tr></table></td>
</tr>
</table>
<br>
<div style="position:absolute; background-color:000000; width:800px; height:2px;"> </div>
<table style="width:1px; height:1px; cellpadding:0px; cellspacing:0px; background-color:000000;"><tr>
<td height="1" width="1" class="jessiepreload"></td>
<td height="1" width="1" class="stevepreload"></td>
<td height="1" width="1" class="ryanpreload"></td>
<td height="1" width="1" class="chadpreload"></td>
<td height="1" width="1" class="abbypreload"></td>
<td height="1" width="1" class="brendanpreload"></td>
<td height="1" width="1" class="paulpreload"></td>
<td height="1" width="1" class="melissapreload"></td>
<td height="1" width="1" class="kaitpreload"></td>
<td height="1" width="1" class="marypreload"></td>
<td height="1" width="1" class="peterpreload"></td>
<td height="1" width="1" class="lisapreload"></td>
<td height="1" width="1" class="jamiepreload"></td>
<td height="1" width="1" class="jcpreload"></td>
</tr></table>
<div class="comt"><table><tbody><tr><td><table><br><br><br><nobr><h2>My Comments</h2></nobr>
Any help would be great!