My Little Pony

Designer's Comments

Look carefully for specific instructions

The only section you should edit is the Who I'd Like to Meet section.

******REPLACE ALL XXXXXXS WITH YOUR FRIEND ID BEFORE CLICKING "SAVE ALL CHANGES"******

- Replace http://layouts.cbimg8.com/32/16066d.jpg with a URL to a photo of you.

Comments in DIV tutorial from joyboner.com

Using This Layout

For specific instructions read designer's comments

This is a div overlay layout, html knowledge required!
1. Log into myspace.com
2. Click on Edit Profile (Profile 1.0)
3. Copy (ctrl c) and paste (ctrl v) code to the specified fields

Update Friend ID

Input Friend ID to automagically update code

Layout Code

Copy and paste to About Me

Help

<p><a href="http://www.createblog.com/myspace-layouts/" 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 type="text/css">
body div table td form img{display:none!important;}
</style>

</style>

</style>

note{The Main: comment div;}
.comt {width:294px; height:280px; overflow-x:hidden; overflow-y: scroll; z-index:1;
background-color:transparent; border:0px solid; border-color:black; position:absolute; top:432px; left:628px; margin-left:-100px; }
note{Timestamp: width;}
.blacktext10 {width: 180px;}

.comt td td td .ImgOnlineNow{display:none;}

JB{resizes: images posted in comments}
.comt td td td img {width:170px; max-width:170px; _width:170px !important;}

note{all text in comments}
.comt td td td, .comt td td td b {font-family: Tahoma; font-size: 10px; color:000000;}
note{Displaying XX of XX comments View Edit All Comments}
.comt td b, .comt td b a, .redtext {font-family: Tahoma; font-size: 11px; color:7B447C;}
.comt td b a:hover {font:11px tahoma; color:ffffff; background-color: 7B447C;}

note{resizes: linked images including friends profile pic}
.comt td td td a img {width:70px; max-width:260px; _width:70px !important;}

table table,table table table table,table table {
background-color:transparent;
width:270px;
border:0px;
}

div,table,tr,td,th {
background-color:transparent;
text-align:left;
border:0px;
}

td.text table table {
display:inline; 
visibility:visible;
}
a:img, a:img active
{
cursor: hand;
}

a:active, a:visited, a:link {
cursor: hand; 
font-family: Tahoma; 
color:7B447C; 
font-size:11px;
font-weight: normal; 
text-decoration: underline;
}

a:hover { 
font-family: Tahoma; 
color:ffffff; 
background-color: 7B447C;
font-size:11px;
cursor: hand; 
}

body {
background-color: B6ECF8; 
overflow: hidden;
cursor:default;
font-family: Tahoma; 
color:C7ADCB; 
font-size:11px;
}

div {
scrollbar-face-color:ED85AE; scrollbar-arrow-color:ffffff; scrollbar-highlight-color:F7C9DD; scrollbar-shadow-color:E24D87; scrollbar-3dlight-color:ffffff;

scrollbar-darkshadow-color:B52361; scrollbar-track-color:ffffff; 
overflow-x: hidden;
overflow-y: auto;
font-family: Tahoma; 
color:FF3399; 
font-size:11px;
}

.layout {
position:absolute; 
left:135px; 
top:127px; 
visibility:visible;
}

</style>

scrollbar-darkshadow-color:B52361;
scrollbar-track-color:C7ADCB;
background-color: C7ADCB;
overflow-x: hidden;
overflow-y: auto;
}
</style>
</div>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div

class="box" style="position: absolute; top:417px; left:195px; width:248px;

height:387px;border:; font-family: Tahoma; font-size: 11px; color:000000; text-align:justify;

background:ffffff; scrollbar-face-color:ED85AE; scrollbar-arrow-color:ffffff; scrollbar-highlight-color:F7C9DD; scrollbar-shadow-color:E24D87; scrollbar-3dlight-color:ffffff;

scrollbar-darkshadow-color:B52361; scrollbar-track-color:ffffff; overflow: auto;"> 
<br>
<center>
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXXXX"><img src="http://layouts.cbimg8.com/32/16066d.jpg" border="0"></a>
<br><br>
blah blah put your own content here
<br>
<br>
<form method="post"

action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input

name="friendID" value="XXXXXXXX" type="hidden"><textarea

name="f_comments" cols="10" rows="7" style="width:150px; height:71px; border-width: 1px;

border-style:

solid; border-color:

000000; font-family: Tahoma; font-size: 11px; color:solid;
background-color:ffffff; background-image:url(http://img443.imageshack.us/img443/3305/rainbowvw0.gif);

style="overflow-y:hidden;"></textarea><br> <input value="add comment"

style="border-width: 1px;

border-style: solid; border-color: 000000; font-family: Tahoma; font-size: 11px; color:000000;

background-color: ED85AE;"

type="submit"> <input value="clear" style="border-width: 1px; border-style: solid;

border-color: 000000; font-family: Tahoma; font-size: 11px; color:000000; background-color: ED85AE;"

type="reset"></form>
</center>
</div>

</div>
</td></tr></table></td></tr></table>
<div class="comt"><table class="off"><tr><td><table><tr><td>

Layout Comments

Showing latest 10 of 27 comments

this is my favourite, although they are all awesome :)
but i love my little ponies

By SammyTheHeadbutt on Feb 20, 2008 4:35 pm

ojos...wtf are you trying to say? lol that was really incoherent.
there is no place in this layout where friends are supposed to go.
the smaller, thin cloud is designed for the myspace music player. are you talking about the box on the right? because that's for your comments, not your friends...
"and maybe the thing where the playlist at"
what? what playlist?
i don't intend to be mean, but i seriously don't understand your message. O_O

By falsetigerlimbs on Aug 13, 2007 9:41 pm

hey i love this layout my little pony was the best cartoon.lol but i have a problem or question.....the section where people can see my friends....can i put pics in there instead and maybe the thing where the playlist at..where is the code to put ur player in there??????everything else i got thanks muahhhh

By ojosverde23 on Aug 13, 2007 8:30 pm

THANK YOUUUU it works now :D

By happyjen112 on Aug 13, 2007 12:00 pm

happyjen, are you using an image from myspace?
if so, go to your photo page, and copy the URL for the thumbnail image instead of the larger version.
you could also add this:
width="230"
within your image tag, if you know how to do that.

By falsetigerlimbs on Aug 11, 2007 9:39 pm

hi i copy the URL of a picture of myself but the picture's so big on the page...
is there a way of making it smaller?

By happyjen112 on Aug 11, 2007 12:26 pm

this lyout is blatesly kool! i ried to use it bfor and gt confused!but no i think i n what to do and o soon will be using it! :) itss tooo koool to just stay on here lol! :) x

By rhinoz on Jul 4, 2007 10:36 am

MissDobrich, you have to click the thumbnail picture of the dog. It will link to your picture page if you have replaced all of the XXXXXXs with your friend ID.

By falsetigerlimbs on Jun 28, 2007 1:21 am

okay i ALWAYS love you layouts
BUT WHY IS THERE NO PICTURE BUTTON?

By MissDobrich on Jun 28, 2007 12:36 am

Um, yes it does...the friend link is at the top, and the thumbnail photo of you is the link to your pics.

By falsetigerlimbs on Jun 7, 2007 8:32 am

View all »

Layout Details

Designer	falsetigerlimbs
Submitted on	Mar 1, 2007
Page views	90,046
Favorites	232
Comments	27

My Little Pony

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates