please help adding top friends to myspace serenity div layout Options

[osowckd]

Hello all. I am very new to using the div overlay layout. I'm pretty good at HTML in the standard myspace layout.

My myspace page:
http://profile.myspace.com/index.cfm?fusea...iendid=84296088

Here is what I found and would like to use:
http://www.createblog.com/layouts/code.php?id=26660


This is what I copied:

ABOUT ME:

CODE

<p><a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmNyZWF0ZWJsb2cuY29tL2xheW91dHMvaW5kZXgucGhwP2xheW91dD1teXNwYWNl
2xheW91dHM=" title="Grab Myspace Layouts and Myspace Codes"><img src="http://www.createblog.com/images/link1.gif" border="0" alt="Myspace Layouts" style="position:absolute;top:0px;left:0px;width:10px;height:27px;" /></a></p><style>
.userProfileCompany, .userProfiledetail, .userProfileURL, .userProfileSchool, .interestsAndDetails, .friendSpace, .friendsComments, .extendedNetwork, .latestBlogEntry, .orangetext15, .navigationbar, .profileInfo, .contacttable {display:none;}
a.text, table div font a, table div div {visibility:hidden;}
table tr td div font {display: none;}
body div table td form {display:none;}
table, td, tr{ background-color:transparent;}
object, embed{ width:0px; height:0px;}
body div td div div select {width:0px;}
</style>

<div class="kv101"><img src="http://cbimg6.com/layouts/08/04/03/26660aa.png" border="0" usemap="#kv10"><map name="kv10"><area shape="rect" alt="Korima Production" coords="141,359,160,369" href="http://www.msplinks.com/MDFodHRwOi8va29yaW1hLmNyZWF0ZWJsb2cuY29tL2xheW91dHMv"></map></div>

<style>
.credit {Korima Production}

body { background:url('http://cbimg6.com/layouts/08/04/03/26660ab.png');
background-repeat: repeat-y;
background-position: center;
background-color: dedede;
}

.kv101 {
position: absolute;
margin-left: -320px;
top: 0px;
}

.kv102 {
position: absolute;
top: 825px;
margin-left: -279px;
width: 702;
height: autopx;
overflow: auto;
font: 9px Verdana;
line-height: 14px;
text-align: justify;
color: dedede;
}

h1 {
margin-top: 2px;
height: 50px;
font: 20px Georgia;
background:url('http://cbimg6.com/layouts/08/04/03/26660ac.png');
background-repeat: no-repeat;
text-transform: uppercase;
line-height: 15px;
color: b2784d;
}

h2 {
margin-top: -40px;
font: 16px Georgia;
text-indent: 30px;
text-transform: lowercase;
text-align: justify;
line-height: 15px;
color: ddb88d;
}

a:active,a:visited,a:link,a {
font: 9px Verdana;
line-height: 14px;
font-weight: bolder;
color: 93a9bb;
}

a:hover {
font: 9px Verdana;
line-height: 14px;
font-weight: bolder;
color: ddb88d;
}

U {
color: cfcfcf;
text-decoration: underline;
}

I {
color: cfcfcf;
font-style: italic;
}

B {
color: cfcfcf;
font-weight: bold;
}

</style>


<style>

.mh {
position: absolute;
top: 783;
margin-left: -262;
width: 120px;
height: 36px;
line-height: 1pt;
background-COLOR: transparent;
}
.mh1 {
width: 120px;
height: 36px;
background-COLOR: transparent; hidden;
background: url(http://cbimg6.com/layouts/08/04/03/26660ad.png) top left no-repeat; display: block;
}
.mh1:hover {background-position: bottom left;}


.pm {
position: absolute;
top: 771;
margin-left: -134;
width: 120px;
height: 48px;
line-height: 1pt;
background-COLOR: transparent;
}
.pm2 {
width: 120px;
height: 48px;
background-COLOR: transparent; hidden;
background: url(http://cbimg6.com/layouts/08/04/03/26660ae.png) top left no-repeat; display: block;
}
.pm2:hover {background-position: bottom left;}


.ffl {
position: absolute;
top: 776;
margin-left: -5;
width: 108px;
height: 43px;
line-height: 1pt;
background-COLOR: transparent;
}
.ffl3 {
width: 108px;
height: 43px;
background-COLOR: transparent; hidden;
background: url(http://cbimg6.com/layouts/08/04/03/26660af.png) top left no-repeat; display: block;
}
.ffl3:hover {background-position: bottom left;}


.mp {
position: absolute;
top: 776;
margin-left: 105;
width: 110px;
height: 43px;
line-height: 1pt;
background-COLOR: transparent;
}
.mp4 {
width: 110px;
height: 43px;
background-COLOR: transparent; hidden;
background: url(http://cbimg6.com/layouts/08/04/03/26660ag.png) top left no-repeat; display: block;
}
.mp4:hover {background-position: bottom left;}


.cm {
position: absolute;
top: 780;
margin-left: 224;
width: 94px;
height: 39px;
line-height: 1pt;
background-COLOR: transparent;
}
.cm5 {
width: 94px;
height: 39px;
background-COLOR: transparent; hidden;
background: url(http://cbimg6.com/layouts/08/04/03/26660ah.png) top left no-repeat; display: block;
}
.cm5:hover {background-position: bottom left;}


.an {
position: absolute;
top: 767;
margin-left: 328;
width: 52px;
height: 70px;
line-height: 1pt;
background-COLOR: transparent;
}
.an6 {
width: 70px;
height: 52px;
background-COLOR: transparent; hidden;
background: url(http://cbimg6.com/layouts/08/04/03/26660ai.png) top left no-repeat; display: block;
}
.an6:hover {background-position: bottom left;}

</style>

<div class=mh><a href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2Vy" class="mh1"></a></div><div class=pm><a href="http://www.msplinks.com/MDFodHRwOi8vdmlld21vcmVwaWNzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPXVzZXIu
mlld0FsYnVtcyZmcmllbmRJRD04NDI5NjA4OA==" class="pm2"></a></div><div class=ffl><a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdmcmllbmRzMiZmcmllbmRJRD04NDI5NjA4OA==" class="ffl3"></a></div><div class=mp><a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZSZmcmllbmRJRD04NDI5NjA4OA==" class="mp4"></a></div><div class=cm><a href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdQcm9maWxlX2NvbW1lbnRGb3JtJmZyaWVuZElEPTg0Mjk2MDg4" class="cm5"></a></div><div class=an><a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPWludml0ZS5h
GRmcmllbmRfdmVyaWZ5JmZyaWVuZElEPTg0Mjk2MDg4" class="an6"></a></div>

I'D LIKE TO MEET:

<div class="kv102">


<h1>About Me</h1>
<h2></h2>

Wii code is 2695-7965-0063-5250<br><br>

<br><br>




<br><br><h1>Heroes, Interests, etc.</h1>


=D. <br><br>

=D.<br><br>



<br><br><h1>My Top Friends</h1>
<h2></h2>
<center>

<small><i>Here is where it says I can put my friends, but I don't know how to actually get them here. It shows I can use my top 8, which is fine with me.</i></small><br><br>

<a
<a
<a
<a
<br><br>
<a
<a
<a
<a


</center>
<br><br>
</div>

I apologize if this is a simple fix. I tried to fix it on my own first. Thank you to anyone who puts time into this fix.

Reason for edit: please use codeboxes

[S-Majere]

The easiest thing to do here is to simply upload your friends' pictures and use the following pasted into the relevant section:

CODE

<a href="http://www.myspace.com/YOURFRIEND"><img src="IMAGE URL HERE" border=0></a>

[Melie]

there is also this if you're just trying to have your friends show.

http://www.createblog.com/scripts/script.php?id=1143

the only thing is that you need to put this code in instead of the orginial because it blocks your friends to show.

CODE

<p><a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmNyZWF0ZWJsb2cuY29tL2xheW91dHMvaW5kZXgucGhwP2xheW91dD1teXNwYWNl
2xheW91dHM=" title="Grab Myspace Layouts and Myspace Codes"><img src="http://www.createblog.com/images/link1.gif" border="0" alt="Myspace Layouts" style="position:absolute;top:0px;left:0px;width:10px;height:27px;" /></a></p><style>
.userProfileCompany, .userProfiledetail, .userProfileURL, .userProfileSchool, .interestsAndDetails, .friendsComments, .extendedNetwork, .latestBlogEntry, .orangetext15, .navigationbar, .profileInfo, .contacttable {display:none;}
a.text, table div font a, table div div {visibility:hidden;}
table tr td div font {display: none;}
body div table td form {display:none;}
table, td, tr{ background-color:transparent;}
object, embed{ width:0px; height:0px;}
body div td div div select {width:0px;}
</style>

<div class="kv101"><img src="http://cbimg6.com/layouts/08/04/03/26660aa.png" border="0" usemap="#kv10"><map name="kv10"><area shape="rect" alt="Korima Production" coords="141,359,160,369" href="http://www.msplinks.com/MDFodHRwOi8va29yaW1hLmNyZWF0ZWJsb2cuY29tL2xheW91dHMv"></map></div>

<style>
.credit {Korima Production}

body { background:url('http://cbimg6.com/layouts/08/04/03/26660ab.png');
background-repeat: repeat-y;
background-position: center;
background-color: dedede;
}

.kv101 {
position: absolute;
margin-left: -320px;
top: 0px;
}

.kv102 {
position: absolute;
top: 825px;
margin-left: -279px;
width: 702;
height: autopx;
overflow: auto;
font: 9px Verdana;
line-height: 14px;
text-align: justify;
color: dedede;
}

h1 {
margin-top: 2px;
height: 50px;
font: 20px Georgia;
background:url('http://cbimg6.com/layouts/08/04/03/26660ac.png');
background-repeat: no-repeat;
text-transform: uppercase;
line-height: 15px;
color: b2784d;
}

h2 {
margin-top: -40px;
font: 16px Georgia;
text-indent: 30px;
text-transform: lowercase;
text-align: justify;
line-height: 15px;
color: ddb88d;
}

a:active,a:visited,a:link,a {
font: 9px Verdana;
line-height: 14px;
font-weight: bolder;
color: 93a9bb;
}

a:hover {
font: 9px Verdana;
line-height: 14px;
font-weight: bolder;
color: ddb88d;
}

U {
color: cfcfcf;
text-decoration: underline;
}

I {
color: cfcfcf;
font-style: italic;
}

B {
color: cfcfcf;
font-weight: bold;
}

</style>


<style>

.mh {
position: absolute;
top: 783;
margin-left: -262;
width: 120px;
height: 36px;
line-height: 1pt;
background-COLOR: transparent;
}
.mh1 {
width: 120px;
height: 36px;
background-COLOR: transparent; hidden;
background: url(http://cbimg6.com/layouts/08/04/03/26660ad.png) top left no-repeat; display: block;
}
.mh1:hover {background-position: bottom left;}


.pm {
position: absolute;
top: 771;
margin-left: -134;
width: 120px;
height: 48px;
line-height: 1pt;
background-COLOR: transparent;
}
.pm2 {
width: 120px;
height: 48px;
background-COLOR: transparent; hidden;
background: url(http://cbimg6.com/layouts/08/04/03/26660ae.png) top left no-repeat; display: block;
}
.pm2:hover {background-position: bottom left;}


.ffl {
position: absolute;
top: 776;
margin-left: -5;
width: 108px;
height: 43px;
line-height: 1pt;
background-COLOR: transparent;
}
.ffl3 {
width: 108px;
height: 43px;
background-COLOR: transparent; hidden;
background: url(http://cbimg6.com/layouts/08/04/03/26660af.png) top left no-repeat; display: block;
}
.ffl3:hover {background-position: bottom left;}


.mp {
position: absolute;
top: 776;
margin-left: 105;
width: 110px;
height: 43px;
line-height: 1pt;
background-COLOR: transparent;
}
.mp4 {
width: 110px;
height: 43px;
background-COLOR: transparent; hidden;
background: url(http://cbimg6.com/layouts/08/04/03/26660ag.png) top left no-repeat; display: block;
}
.mp4:hover {background-position: bottom left;}


.cm {
position: absolute;
top: 780;
margin-left: 224;
width: 94px;
height: 39px;
line-height: 1pt;
background-COLOR: transparent;
}
.cm5 {
width: 94px;
height: 39px;
background-COLOR: transparent; hidden;
background: url(http://cbimg6.com/layouts/08/04/03/26660ah.png) top left no-repeat; display: block;
}
.cm5:hover {background-position: bottom left;}


.an {
position: absolute;
top: 767;
margin-left: 328;
width: 52px;
height: 70px;
line-height: 1pt;
background-COLOR: transparent;
}
.an6 {
width: 70px;
height: 52px;
background-COLOR: transparent; hidden;
background: url(http://cbimg6.com/layouts/08/04/03/26660ai.png) top left no-repeat; display: block;
}
.an6:hover {background-position: bottom left;}

</style>

<div class=mh><a href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2Vy" class="mh1"></a></div><div class=pm><a href="http://www.msplinks.com/MDFodHRwOi8vdmlld21vcmVwaWNzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPXVzZXIu
mlld0FsYnVtcyZmcmllbmRJRD04NDI5NjA4OA==" class="pm2"></a></div><div class=ffl><a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdmcmllbmRzMiZmcmllbmRJRD04NDI5NjA4OA==" class="ffl3"></a></div><div class=mp><a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZSZmcmllbmRJRD04NDI5NjA4OA==" class="mp4"></a></div><div class=cm><a href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdQcm9maWxlX2NvbW1lbnRGb3JtJmZyaWVuZElEPTg0Mjk2MDg4" class="cm5"></a></div><div class=an><a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPWludml0ZS5h
GRmcmllbmRfdmVyaWZ5JmZyaWVuZElEPTg0Mjk2MDg4" class="an6"></a></div>

I'D LIKE TO MEET:

<div class="kv102">


<h1>About Me</h1>
<h2></h2>

Wii code is 2695-7965-0063-5250<br><br>

<br><br>




<br><br><h1>Heroes, Interests, etc.</h1>


=D. <br><br>

=D.<br><br>



<br><br><h1>My Top Friends</h1>
<h2></h2>
<center>

<small><i>Here is where it says I can put my friends, but I don't know how to actually get them here. It shows I can use my top 8, which is fine with me.</i></small><br><br>

<a
<a
<a
<a
<br><br>
<a
<a
<a
<a


</center>
<br><br>
</div>

[osowckd]

Thank you so much! Melie you wrote :the only thing is that you need to put this code in instead of the orginial because it blocks your friends to show.
Where should I put the code? In the About Me or the Who I'd Like to Meet sections? I truly appreciate the help!

[osowckd]

I was also curious if there is a way to get my comments to show on this layout or not? It is no big deal, but I'd like to be able to add it if I can. Any help is greatly appreciated. By the way I am running Fire Fox.

Also from S-Majere you wrote:
The easiest thing to do here is to simply upload your friends' pictures and use the following pasted into the relevant section:
Will it link to their pages or just show the pictures? Also what section would I copy this to? Sorry guys, I am a little remedial... But thanks so MUCH!!!

[osowckd]

I still can't get it to work. When I do add the friends and comments codes the pictures end up all over the place and the comments are ok, but you can't read them because the color blends into the background. I'm not sure what to do. Maybe I'm just not ready for this type of challenge yet. Thanks everyone, but I either need simple step by step (yes, drawing pictures would help LOL) or I may just not be able to make this work. I'm getting frustrated since I can't make it look like I wish it would. Thanks to all who attempted to help me. I really do appreciate it.

[S-Majere]

Alright, let's assume that letting the entire default top friends and comment section show up on your layout is too tricky to do currently with the layout you have.

Let's concentrate on just getting your top friends to show, huh?

What I'd like to do is to give you a fully edited code that contains the pictures and links to your top friends. What I'd need for this is links to each of the top friends you would like included. (I can thumbnail their images and link them from your profile no problem then.)

[osowckd]

Wow, thank you. That would be great! How can I send you their links? Do you need their friend IDs? Or just a copy of the link like I did in my original post to show you my page? I can't express how much I truly appreciate the help!

[S-Majere]

No problem! A direct link to their Myspace (something like www.myspace.com/friend) posted in this thread is fine.

[osowckd]

Ok. So here are my top 8 friends. If I could just get them and the comments to show below them at the bottom of the page (with the font color on the comments a different color, so it shows up) then I will be a very happy camper! Will it matter if their profiles are set to private? I think that some of them are and then two of them have the URL link hidden so I just put the http address, hope that's ok.
Thanks so much here they are:

1)www.myspace.com/jeepinnate

2)http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=104179037

3)www.myspace.com/chinwoman

4)www.myspace.com/thiscat8yourmouse

5)www.myspace.com/averycreativename

6)www.myspace.com/jasonpietz

7)www.myspace.com/ashleykrugman

8)http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=10508372

Thank you!

[S-Majere]

Let's concentrate on just getting your top friends to show, huh?

Just for now, hokay?

I'd Like To Meet

CODE

<div class="kv102">

<h1>About Me</h1>
<h2></h2>

Wii code is 2695-7965-0063-5250<br><br>

<br><br>




<br><br><h1>Heroes, Interests, etc.</h1>


=D. <br><br>

=D.<br><br>



<br><br><h1>My Top Friends</h1>
<h2></h2>
<center>

<a href="http://www.myspace.com/jeepinnate"><img src="http://img214.imageshack.us/img214/457/m0faa763d9de8148f1403c2an5.jpg" border=0 width="90" height="90"></a>

<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=104179037"><img src="http://img353.imageshack.us/img353/7172/mc62921146f02b8bf897622fa3.jpg" border=0 width="90" height="90"></a>

<a href="http://www.myspace.com/chinwoman"><img src="http://img353.imageshack.us/img353/2696/m28ac80679d18ab8c203a69dr6.jpg" border=0 width="90" height="90"></a>

<a href="http://www.myspace.com/thiscat8yourmouse"><img src="http://img353.imageshack.us/img353/2807/m762bab0788d36aeef764e9tv1.jpg" border=0 width="90" height="90"></a>

<a href="www.myspace.com/averycreativename"><img src="http://img230.imageshack.us/img230/1969/m986c1acd55db26151f60e4hz8.jpg" border=0 width="90" height="90"></a>

<a href="http://www.myspace.com/jasonpietz"><img src="http://img353.imageshack.us/img353/117/m9d52f30b0bec134cb88a5bhk9.jpg" border=0 width="90" height="90"></a>

<a href="http://www.myspace.com/ashleykrugman"><img src="http://img353.imageshack.us/img353/5515/m5cfc328cafb39b3b0ddaf8pr2.jpg" border=0 width="90" height="90"></a>




</center>
<br><br>
</div>

Your last friend had an invalid Friend ID.

If you want to resize the pictures, simply change the pixel width after the image URL. I've set it to 90 pixels for you.

Hope it helps!

[osowckd]

That worked perfectly! That's so awesome! Thanks so much!

[Insurmountable]

Topic closed, after a day or two this will be moved to the resolved topics forum. If you have any questions before then please feel free to contact me to reopen this.