Would like friend's comments and friends in div on profile, need help please Options

[djdaveoc]

All my code is in my "about me". My page is myspace.com/djpoggi

I'd like to find a way to make my friends and comments show on the page (in a div for each table separately).
I ultimately would like to move them and change the width/height.

Can anyone give me a code (one for each table if need be) that will accomplish this?
I can edit the px or % to get it where I want. I'm just not great with coding and I'm not even sure why these 2 tables are hidden. (I guess some of the other code does this). Thanks in advance for your help.

Here is my code:

CODE

<p><a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmNyZWF0ZWJsb2cuY29tL2xheW91dHMvaW5kZXgucGhwP2xheW91dD1teXNwYWNl
2xheW91dHM=" title="Grab Myspace Layouts and Myspace Codes"><img src="http://img8.imageshack.us/img8/7228/scratchu.jpg" border="0" alt="Myspace Layouts" style="position:absolute;top:408px;left:995px;width:263px;height:181px;" /></a></p>

<p><a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmNyZWF0ZWJsb2cuY29tL2xheW91dHMvaW5kZXgucGhwP2xheW91dD1teXNwYWNl
2xheW91dHM=" title="Grab Myspace Layouts and Myspace Codes"><img src="http://img9.imageshack.us/img9/9911/ttm56f.jpg" border="0" alt="Myspace Layouts" style="position:absolute;top:408px;left:0px;width:263px;height:381px;" /></a></p>

<p><a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmNyZWF0ZWJsb2cuY29tL2xheW91dHMvaW5kZXgucGhwP2xheW91dD1teXNwYWNl
2xheW91dHM=" title="Grab Myspace Layouts and Myspace Codes"><img src="http://img6.imageshack.us/img6/3849/rolandsp404.jpg" border="0" alt="Myspace Layouts" style="position:absolute;top:790px;left:0px;width:263px;height:366px;" /></a></p>

<p><a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmNyZWF0ZWJsb2cuY29tL2xheW91dHMvaW5kZXgucGhwP2xheW91dD1teXNwYWNl
2xheW91dHM=" title="Grab Myspace Layouts and Myspace Codes"><img src="http://img6.imageshack.us/img6/5417/s115vu.jpg" border="0" alt="Myspace Layouts" style="position:absolute;top:790px;left:995px;width:263px;height:402px;" /></a></p>

href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmNyZWF0ZWJsb2cuY29tL2xheW91dHMvaW5kZXgucGhwP2xheW91dD1teXNwYWNl
2xheW91dHM=" title="Grab Myspace Layouts and Myspace Codes"><img src="http://img6.imageshack.us/img6/7789/pchpdv6838nrcn.jpg" border="0" alt="Myspace Layouts" style="position:absolute;top:590px;left:995px;width:263px;height:196px;" /></a></p>

<style>
.mslogo, .clearfix form, .clearfix a, .clearfix select, .profileinfo, .contacttable, .userprofileurl, .interestsanddetails, .userprofiledetail, .userprofilenetworking, .userprofileschool, .userprofilecompany, .extendednetwork, .latestblogentry, .blurbs td.text, .orangetext15, .friendspace, .friendscomments, table div {display:none!important;}
table table div, .clearfix, .clearfix div {display:block!important;}
table, tr, td, .clearfix {background:none!important;}
.clearfix tr td div {filter:alpha(opacity:0)!important;}
.bodycontent div {_filter:alpha(opacity:100)!important;}
div[id="topnav"], div[id="shortcuts"] {opacity:0!important;}
</style>
<style>

body {
background-color:black;
cursor:crosshair;
font-family:geneva;
font-size:12px;
color:white;
text-transform:uppercase;
font-weight:normal;
}

.splat {
font-family:geneva;
font-size:12px;
text-transform:uppercase;
font-weight:normal;
background-color:transparent;
border-right:none;
border-color:FFFFFF;
color:white;
width:100px;
text-decoration:none;
}

.splat:hover {
font-family:geneva;
font-size:12px;
text-transform:uppercase;
font-weight:normal;
color:FFFFFF;
border-right:none;
background-color:transparent;
width:100px;
text-decoration:none;
}

a:link, a:visited, a:active {
font-family:geneva;
font-size:12px;
text-transform:uppercase;
font-weight:normal;
background-color:transparent;
color:white;
text-decoration:none;
}

a:hover {
font-family:geneva;
font-size:12px;
text-transform:uppercase;
font-weight:normal;
color:FFFFFF;
background-color:black;
text-decoration:none;
}

.layout {
position:absolute;
overflow:auto;
background-color:transparent;
top:338px;
left:50%;
margin-left:-250px;
background-color:transparent;
border:0px;
}

.blush1 {
position:absolute;
overflow:auto;
background-color:transparent;
top:699px;
left:50%;
margin-left:-200px;
background-color:transparent;
border:0px;
}

.blush2 {
position:absolute;
overflow:auto;
background-color:transparent;
top:977px;
left:50%;
margin-left:-200px;
background-color:transparent;
border:0px;
}

.title {
position:absolute;
left:267px;
top:110px;
heigth:100px;
width:760px;
background-color:transparent;
border:0px;
font-family:geneva;
font-size:28px;
text-transform:uppercase;
color:white;
letter-spacing:-3px;
}

.content {
position:absolute;
overflow:auto;
top:155px;
left:50%;
margin-left: -350px;
background-color:transparent;
border:0px;
font-family:geneva;
font-size:12px;
color:white;
text-transform:uppercase;
font-weight:normal;
width:600px;
height:170px;
}

.navigation {
position:absolute;
overflow:auto;
background-color:transparent;
font-family:geneva;
font-size:12px;
color:white;
text-transform:uppercase;
font-weight:normal;
border:0px;
width:200px;
height:150px;
top:195px;
left:69%;
}
</style>

<div class="layout">
<img src="http://img13.imageshack.us/img13/4593/prive1.jpg" /></div>

<div class="blush1">
<img src="http://img6.imageshack.us/img6/7773/blush1.jpg" /></div>

<div class="blush2">
<img src="http://img6.imageshack.us/img6/6725/blush2.jpg" /></div>


<div class="title">
Welcome to the official Myspace home of DJ Poggi!!!
</div>

<div class="content">
<img src="http://img247.imageshack.us/img247/1391/djit5sg8.jpg" style="float:left;" />
<b>THIS SITE IS UNDER CONSTRUCTION SO KEEP CHECKING BACK!!!</b><br />
<b>SITE DESIGN BY ME, YES, I HAVE SKILLS</b><br />
<b>Add Me As A Friend Or Leave Me A Message Why Don't You?!?!?! >>></b><br /><br />
<b>Name: David Alan Poggi</b><br />
<b>Location: Murrieta, CA USA</b><br />
<b>Status: Single</b><br />
<b>Occupation: I.T. For Public Safety/DJ</b><br />
<b>Interests: DJing, Working Out, Snowboarding</b>
</div>

<div class="navigation">
<a href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2Vy" class="splat">Home</a>
<a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZSZmcmllbmRJRD00NTU5MzM1NTM=" class="splat">Send Me A Message</a>
<a href="http://www.msplinks.com/MDFodHRwOi8vY29sbGVjdC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJRD00NTU5MzM1NTM=" class="splat">Add Me As A Friend</a>
<a href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdQcm9maWxlX2NvbW1lbnRGb3JtJmZyaWVuZElEPTQ1NTkzMzU1Mw==" class="splat"></a>
</div>

<style>
table div object {visibility:visible;
position:absolute;
top:100px;
left:0px;
width:263px;
height:307px;}
</style>

Well I'm making progress on my own. I removed the

.friendspace, .friendscomments

from the style area and can see the two tables again. Now I just need to move them both over to the right which is where I want them. I will look for a code to add them into a div and then I think I just need to move them over. If anyone has the code to add these 2 tables (separately is fine) into a div please let me know. I'll go search.




Ok, so I've made good progress and now have both tables where I want them basically. I just have 2 touch-up questions:

1. What is the default width of the friends and friends comments tables on Myspace 1.0?

2. How can I make all the text in these 2-tables white and get it all to show? Some of the text is hidden I think in these 2-tables so they don't look right. Thanks in advance for the help.

Here is my new code, all in my "about me" area.

CODE

<style>
.friendsComments {position:absolute; left: 700px; top:656px; width:500px; height:500px; background-color:transparent; overflow:auto;}
.friendsComments table, .friendsComments td, .friendsComments table td {width:100%;}
</style>

<style>
.friendSpace {position:absolute; left: 665px; top:155px; width:500px; height:200px; background-color:transparent; overflow:auto;}
.friendspace table, .friendspace td, .friendspace table td {width:100%;}
</style>

<p><a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmNyZWF0ZWJsb2cuY29tL2xheW91dHMvaW5kZXgucGhwP2xheW91dD1teXNwYWNl
2xheW91dHM=" title="Grab Myspace Layouts and Myspace Codes"><img src="http://img13.imageshack.us/img13/7099/cdjl.jpg" border="0" alt="Myspace Layouts" style="position:absolute;top:1157px;left:0px;width:263px;height:307px;" /></a></p>

<p><a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmNyZWF0ZWJsb2cuY29tL2xheW91dHMvaW5kZXgucGhwP2xheW91dD1teXNwYWNl
2xheW91dHM=" title="Grab Myspace Layouts and Myspace Codes"><img src="http://img8.imageshack.us/img8/7228/scratchu.jpg" border="0" alt="Myspace Layouts" style="position:absolute;top:1465px;left:0px;width:263px;height:181px;" /></a></p>

<p><a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmNyZWF0ZWJsb2cuY29tL2xheW91dHMvaW5kZXgucGhwP2xheW91dD1teXNwYWNl
2xheW91dHM=" title="Grab Myspace Layouts and Myspace Codes"><img src="http://img9.imageshack.us/img9/9911/ttm56f.jpg" border="0" alt="Myspace Layouts" style="position:absolute;top:408px;left:0px;width:263px;height:381px;" /></a></p>

<p><a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmNyZWF0ZWJsb2cuY29tL2xheW91dHMvaW5kZXgucGhwP2xheW91dD1teXNwYWNl
2xheW91dHM=" title="Grab Myspace Layouts and Myspace Codes"><img src="http://img6.imageshack.us/img6/3849/rolandsp404.jpg" border="0" alt="Myspace Layouts" style="position:absolute;top:790px;left:0px;width:263px;height:366px;" /></a></p>

<p><a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmNyZWF0ZWJsb2cuY29tL2xheW91dHMvaW5kZXgucGhwP2xheW91dD1teXNwYWNl
2xheW91dHM=" title="Grab Myspace Layouts and Myspace Codes"><img src="http://img6.imageshack.us/img6/5417/s115vu.jpg" border="0" alt="Myspace Layouts" style="position:absolute;top:1647px;left:0px;width:263px;height:402px;" /></a></p>

<p><a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmNyZWF0ZWJsb2cuY29tL2xheW91dHMvaW5kZXgucGhwP2xheW91dD1teXNwYWNl
2xheW91dHM=" title="Grab Myspace Layouts and Myspace Codes"><img src="http://img6.imageshack.us/img6/7789/pchpdv6838nrcn.jpg" border="0" alt="Myspace Layouts" style="position:absolute;top:2050px;left:0px;width:263px;height:196px;" /></a></p>

<style>
.mslogo, .clearfix form, .clearfix a, .clearfix select, .profileinfo, .contacttable, .userprofileurl, .interestsanddetails, .userprofiledetail, .userprofilenetworking, .userprofileschool, .userprofilecompany, .extendednetwork, .latestblogentry, .blurbs td.text, .orangetext15, table div {display:none!important;}
table table div, .clearfix, .clearfix div {display:block!important;}
table, tr, td, .clearfix {background:none!important;}
.clearfix tr td div {filter:alpha(opacity:0)!important;}
.bodycontent div {_filter:alpha(opacity:100)!important;}
div[id="topnav"], div[id="shortcuts"] {opacity:0!important;}
</style>
<style>

body {
background-color:black;
cursor:crosshair;
font-family:geneva;
font-size:12px;
color:white;
text-transform:uppercase;
font-weight:normal;
}

.splat {
font-family:geneva;
font-size:12px;
text-transform:uppercase;
font-weight:normal;
background-color:transparent;
border-right:none;
border-color:FFFFFF;
color:white;
width:100px;
text-decoration:none;
}

.splat:hover {
font-family:geneva;
font-size:12px;
text-transform:uppercase;
font-weight:normal;
color:FFFFFF;
border-right:none;
background-color:transparent;
width:100px;
text-decoration:none;
}

a:link, a:visited, a:active {
font-family:geneva;
font-size:12px;
text-transform:uppercase;
font-weight:normal;
background-color:transparent;
color:white;
text-decoration:none;
}

a:hover {
font-family:geneva;
font-size:12px;
text-transform:uppercase;
font-weight:normal;
color:FFFFFF;
background-color:black;
text-decoration:none;
}

.layout {
position:absolute;
overflow:auto;
background-color:transparent;
top:338px;
left:274px;
background-color:transparent;
border:0px;
}

.blush1 {
position:absolute;
overflow:auto;
background-color:transparent;
top:629px;
left:274px;
background-color:transparent;
border:0px;
}

.blush2 {
position:absolute;
overflow:auto;
background-color:transparent;
top:907px;
left:274px;
background-color:transparent;
border:0px;
}

.title {
position:absolute;
left:274px;
top:110px;
heigth:100px;
width:760px;
background-color:transparent;
border:0px;
font-family:geneva;
font-size:27px;
text-transform:uppercase;
color:white;
letter-spacing:-3px;
}

.content {
position:absolute;
overflow:auto;
top:155px;
left:274px;
background-color:transparent;
border:0px;
font-family:geneva;
font-size:12px;
color:white;
text-transform:uppercase;
font-weight:normal;
width:400px;
height:170px;
}

.navigation {
position:absolute;
overflow:auto;
background-color:transparent;
font-family:geneva;
font-size:12px;
color:white;
text-transform:uppercase;
font-weight:normal;
border:0px;
width:200px;
height:150px;
top:10px;
left:110px;
}
</style>

<div class="layout">
<img src="http://img6.imageshack.us/img6/4593/prive1.jpg" /></div>

<div class="blush1">
<img src="http://img6.imageshack.us/img6/7773/blush1.jpg" /></div>

<div class="blush2">
<img src="http://img6.imageshack.us/img6/6725/blush2.jpg" /></div>

<div class="title">
Welcome to the official Myspace home of DJ Poggi!!!
</div>

<div class="content">
<img src="http://img247.imageshack.us/img247/1391/djit5sg8.jpg" style="float:left;" />
<b>THIS SITE IS UNDER CONSTRUCTION SO KEEP CHECKING BACK!!!</b>
<b>SITE DESIGN BY ME</b><br />
<b>Add Me As A Friend Or Leave Me A Message Why Don't You?!?!?!?</b><br />
<b>Name: David Alan Poggi</b><br />
<b>Location: Murrieta, CA USA</b><br />
<b>Status: Single</b><br />
<b>Interests: DJing, Working Out, Snowboarding</b>
</div>

<div class="navigation">
<a href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2Vy" class="splat">Home</a>
<a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZSZmcmllbmRJRD00NTU5MzM1NTM=" class="splat">Send Me A Message</a>
<a href="http://www.msplinks.com/MDFodHRwOi8vY29sbGVjdC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJRD00NTU5MzM1NTM=" class="splat">Add Me As A Friend</a>
<a href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdQcm9maWxlX2NvbW1lbnRGb3JtJmZyaWVuZElEPTQ1NTkzMzU1Mw==" class="splat"></a>
</div>

<style>
table div object {visibility:visible;
position:absolute;
top:100px;
left:0px;
width:263px;
height:307px;}
</style>

Reason for edit: Please use the Edit button instead of triple-posting and use [codebox] tags when posting codes. - Mike

[Harp]

Could you not post multiple times, and just edit your original post? Also, make sure you're using the codebox tags. Someone will help you soon.

[Mickey]

I believe the width of the tables is 430 pixels or somewhere around that. For the text, try this code:

CODE

<style>
.friendSpace, .friendSpace table, .friendSpace td, .friendsComments, .friendsComments table, .friendsComments td {color:ffffff;}
</style>

[djdaveoc]

Thanks Mike, I think that partially worked. There is still some red numbers in the 2-tables and I think there are some words missing from the top of the friends table. I'm not positive, but maybe what I need is a code to make all text on my whole profile white. I will go try to find something like that and see if it works. If you have any other ideas, please let me know. Thanks.

www.myspace.com/djpoggi

[fixtatik]

if you add ".redbtext" to mike's code, that should change the numbers of your friends and comments.

[djdaveoc]

That took care of the number on top of my friends but not the number down in my comments table. Also, if you look on top of my friends, it just has the #11 instead of the text. I think it's supposed to say something like "displayiing 11 of 11 friends" or something like that. I don't know how to get that text to show again.
The links under friends for "all, new, online" are blue also.
Thanks for the help, I'm still searching myself as well but no luck yet.

[fixtatik]

whoops, yeah, it's just redtext for the comments. the whole code should look like this:

CODE

.friendSpace, .friendSpace table, .friendSpace td, .friendsComments, .friendsComments table, .friendsComments td, .btext, .redbtext, .redtext { color:ffffff; }

[djdaveoc]

I did and the last thing to fix is the 3-blue links. For the friends. Any idea how to make the blue white? Thanks for all the help guys. Other than adding a lot more pictures I think I'm almost done.

[djdaveoc]

I apologize in advance, I don't know how to put my code in that box. It is possible, I did it with this: (Thank you for all your help everyone.)

CODE

<style>
body { text-align:center;
background-color:000000;
}
table, td {background:transparent; border:0px;}
table table table {background-color:white;}
table table table {
border-width:0px;
border-color:000000;
border-style:none;
padding:1px; }
table table table table { border:0px; }
td, span, div, input, a, table td div div font,
body div table tbody tr td font {font-family:geneva, !important;}
td, span, div, input, table td div div font,
body div table tbody tr td font {color:FFFFFF !important;}
.nametext, .whitetext12, .lightbluetext8, .orangetext15, .blacktext12,
.redtext, .redbtext, .blacktext10 {color:FFFFFF !important;}
a {color:FFFFFF !important; text-decoration:none !important; text-transform:none !important; font-weight:normal !important; font-style:normal !important;}
a:hover {color:000000 !important; text-decoration:none !important; text-transform:none !important; font-weight:normal !important; font-style:normal !important;}
img {border:0px;}
.text {align:left}
input {background-color:transparent !important;}
</style>

This post has been edited by decaydancefbr: Mar 8 2009, 04:08 PM

Reason for edit: You can get the code in that box by using [code][/code] tags for a future reference. - TJ

[djdaveoc]

What I put in my last post actually works perfectly. And it took care of a couple other problems I was having as well like my links not flickering when you hover over them. So I think I'm good for now, but if you want to post it anyway for everyone else, please do, and thank you.