Take me away

Designer's Comments

Look carefully for specific instructions

It may look simple; but it took me 2 hours to code it, I got frusterated with the links thing, but finaly figured it out (:

Replace the 'XXXXXXXXX' with your friend IDs

And find a comment box and place it in the section where it says 'comment box here' .

Don't remove credit please (:

** Please do not message me to help you with this div, as html knowlege is needed. Thankss :]

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">p {align=justify}
BODY{cursor: url(http://www.fileden.com/files/2007/6/9/1160444/LDpointer.ani);}
a {cursor: url(http://www.fileden.com/files/2007/6/9/1160444/LDpointer.ani);}
</STYLE>
<style type=text/css>
div table td font {display: none;}
</style>

<STYLE TYPE="text/css">
code. {Coded By Lusciouss-x at createblog}
stylesheet. {coding properties of lusciouss-x}

body {
background-color: white;
background-image:url();
background-attachment: fixed;
background-position:bottom left;
background-repeat:no-repeat;
scrollbar-arrow-color: 71B071;
scrollbar-face-color:C3E3C3;
scrollbar-3dlight-color: C3E3C3;
scrollbar-darkshadow-color: C3E3C3;
scrollbar-shadow-color: C3E3C3;
scrollbar-highlight-color: C3E3C3;
scrollbar-track-color:C3E3C3;
}
text:ld; hidden;
}
b, strong {color: 71B071;}
i {font-family: georgia; font-wieght: italic; color:95D095; }
body, p, td, font {
font-family: Arial; font-size: 9px; color:000000; text-transform: ;}
table, td, tr, th {
font-family:Arial; font-size: 9px; color: 000000;}
body, td, ld, li, p, div, li, p, br, tc, table {
font-family: Arial; color: 000000; text-transform:;}
.text {
font-family: Arial; font-size: 9px; color: 000000; text-align:left;}
.blacktext12 {
font-family: Arial; font-size: 0px; color: 000000;}
span.blacktext12 {
background-color: F2E9E6; background-image: url(); width: 0px; height: 0px; display: block;
}.ld:redtext 
{ font-family: Arial; color: 000000; font-size: 9px;
}.ld:redbtext {
font-family: Arial; color: 000000; font-size: 9px;}
.orangetext15 {
font-family: Arial; font-size: 9px; color: 000000; text-transform: ;}
.ld:whitetext12 {
font-family:Arial; font-size: 9px; color: 000000; text-transform:; text-align: center; background-color:white; display: block; }
.lightbluetext8 {
font-family: Arial; font-size: 9px; color: 000000; text-transform: ; text-align: center; background-color: white; display: block; }
.ld2:btext {
font-family: Arial; font-size: 9px; color:000000; text-transform: ; text-align: center; background-color: white; display: block; }
.blacktext10 {
font-family:Arial; font-size: 9px; color: 000000; text-transform: ; text-align: center; background-color: white; display: block; }
.t:nametext {
font-family: Arial; font-size: 9px; color:000000; text-transform: ; text-align: center; background-color:white; display: block; }
table, tr, td {
border: none; background-color: white; padding: 0;}
table {
border: none; background-color: white;}
table table {
border: none; border-color: none; background-color: white;}
.HEADERTEXT {display: block; visibility: visible; font-family: "arial"; color: 71B071; text-align:left; font-size: 23px; letter-spacing:-2px;  text-transform: none; line-height:15px; font-weight: normal; border-bottom: 2px dashed; padding: -15px; border-color:C3E3C3;}
table table table {
border: 0px solid; border-color:white; background-color: white; padding: 0;background-image:url();background-repeat:repeat; background-attachment:fixed;}
table table table table {
border: none; border-color: none;}

a:link, a.man:link, a.text:link, a:visited, a.man:visited, a.text:visited, a:active, a.redlink:active, a.redlink:visited, a.redlink:link, a.navbar:link, a.navbar:visited, a.navbar:active {font-family:arial; font-size: 11px; color: BEDFBE; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: NONE; padding: 0px; line-height: 11px; background-color: trans; border: 0px solid #FFFFFF;}

a.text, table div font a, table div div {visibility:hidden;}
table table div font a, table table div div {visibility:visible;}
img {border:0px;}
table tr td div font {display: none;}

.link1 {display:block;color:C3E3C3;
font-family:arial; font-size:11px; letter-spacing:0px;font-weight: normal;width:140px;
text-transform:none;text-decoration:none!important;line-height:11px;background-color:F4F7F4;
}
.link1:hover {display:block;color:71B071!important;
font-family:arial; font-size:11px; letter-spacing:0px;font-weight: normal;width:140px;
text-transform:none;text-decoration:none;line-height:11px;background-color:F4F7F4;
border-left:0px solid;border-right:0px solid; border-color: F4F7F4; background:url(http://cbimg6.com/layouts/07/06/24/18695aa.png) right no-repeat; background-color:F4F7F4; width:140px;}

a:hover, a.man:hover, a.text:hover, a.redlink:hover, a.navbar:hover {font-family:arial; font-size: 11px; color: 71B071; font-weight: NORMAL; text-decoration: none; letter-spacing: 0px; text-transform: NONE; padding: 0px; line-height: 10px; background-color: trans; border-bottom: 0px solid ld;}
.lusciouss {display: block; visibility: visible; font-family: "arial narrow"; color: C3363F; text-align:center; font-size: 20px; letter-spacing:-2px;  text-transform: none; line-height:15px; font-weight: normal; border-bottom: 1px double; padding: -15px; border-color:F5E6E7;display:none;}text:ld; hidden;

}
<style type="text/css">
c. {Coded By Lusciouss-x}
stylesheet. {codings properties, layouted by lusciouss-x}
table, tr, td {background:white;}
table table table table, table table table table td.text, table.contactTable {display:none;}
td.text table, .orangetext15 {visibility:hidden;}
td.text table table {display:inline; visibility:visible;}
td.text td.text table {display:none;}
div b font font, div font font u {display:none;}
.whitetext12 { display: none; }
.nametext { display:none;}
</style>
}a. hiddentext2
}
<style>td td object {position:absolute; left:0px; top:0px; display:block; width:0px; height:0px;}</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="Main" style="position: absolute; left:220px; top:300px; width:270px; height:120px;">
<span class="HEADERTEXT" class="LD">About Me</span> <BR>
<DIV style="BORDER-RIGHT: 0px doubble; PADDING-RIGHT: 4px; BORDER-TOP: 0px lusciouss; PADDING-LEFT: 4px; FONT-SIZE: 11px; PADDING-BOTTOM: 4px; OVERFLOW: auto; BORDER-LEFT: 0px solid; WIDTH: 270px; COLOR: #343535; PADDING-TOP: 4px; BORDER-BOTTOM: 0px solid; FONT-FAMILY: ARiAL; HEIGHT: 205px; BACKGROUND-COLOR: transparent; TEXT-ALIGN: left">

<B>Bold</B> <I>Italic</I> <U>Underline</U>  Replace XXXXXXXX with your friend ID; and becareful of the myspace mix up links .<BR> Leave the credit on. Your allowed to change the headers of about me, navi, extra, and comment me title.  Just don't replace the div with another pic of your own. And don't take my stylesheet >:( I coded it with effort <3<BR>
TYPE TYPE TYPE TYPE TYPE TYPE TYPE TYPE TYPE TYPE TYPE TYPE TYPE TYPE TYPE TYPE TYPE TYPE TYPE TYPE TYPE TYPE TYPE TYPE TYPE TYPE TYPE TYPE TYPE TYPE TYPE TYPE TYPE TYPE TYPE TYPE TYPE TYPE TYPE TYPE TYPE TYPE TYPE TYPE TYPE TYPE TYPE TYPE TYPE TYPE TYPE TYPE TYPE TYPE TYPE TYPE TYPE TYPE TYPE TYPE TYPE TYPE TYPE TYPE TYPE TYPE TYPE TYPE TYPE TYPE TYPE TYPE TYPE TYPE TYPE TYPE TYPE TYPE

</p>
</div>
</div>

<div class="nav" style="position: absolute; left:43px; top:50px; width:153px; height:194px;">
<span class="HEADERTEXT" class="LD">Navigation</span> <BR>
<DIV style="BORDER-RIGHT: 0px doubble; PADDING-RIGHT: 4px; BORDER-TOP: 0px lusciouss; PADDING-LEFT: 4px; FONT-SIZE: 11px; PADDING-BOTTOM: 4px; OVERFLOW: auto; BORDER-LEFT: 0px solid; WIDTH: 153px; COLOR: #343535; PADDING-TOP: 4px; BORDER-BOTTOM: 0px solid; FONT-FAMILY: ARiAL; HEIGHT: 194px; BACKGROUND-COLOR: transparent; TEXT-ALIGN: left">
<a href="http://home.myspace.com/index.cfm?fuseaction=user" class="link1">Home</a>
<a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX" class="link1">Add Me</a>
<a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=XXXXXXXX" class="link1">Comment Me</a>
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=XXXXXXXX" class="link1">View Pictures</a>
<a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX" class="link1">Message</a>
<a href="http://home.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=XXXXXXXX" class="link1">View friends</a>
<a href="http://collect.myspace.com/index.cfm?fuseaction=user.confirmdeletefriend&friendID=XXXXXXXX" class="link1">Delete me</a>
<a href="http://www.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXXXX" class="link1">Block</a>
<a href="http://lusciouss-x.createblog.com/layouts/" class="link1">Credit</a>

</p>
</div>
</div>

<div class="EXTRA" style="position: absolute; left:43px; top:260px; width:153px; height:150px;">
<span class="HEADERTEXT" class="LD">Extra</span> <BR>
<DIV style="BORDER-RIGHT: 0px doubble; PADDING-RIGHT: 4px; BORDER-TOP: 0px lusciouss; PADDING-LEFT: 4px; FONT-SIZE: 11px; PADDING-BOTTOM: 4px; OVERFLOW: auto; BORDER-LEFT: 0px solid; WIDTH: 153px; COLOR: #343535; PADDING-TOP: 4px; BORDER-BOTTOM: 0px solid; FONT-FAMILY: ARiAL; HEIGHT: 150px; BACKGROUND-COLOR: transparent; TEXT-ALIGN: left">

Extra box. Put anything here; pictures? no more than 150px wide.

</p>
</div>
</div>

<div class="COMMENT BOX" style="position: absolute; left:43px; top:450px; width:153px; height:50px;">
<span class="HEADERTEXT" class="LD">Comment Me</span> <BR>
<DIV style="BORDER-RIGHT: 0px doubble; PADDING-RIGHT: 4px; BORDER-TOP: 0px lusciouss; PADDING-LEFT: 4px; FONT-SIZE: 11px; PADDING-BOTTOM: 4px; OVERFLOW: auto; BORDER-LEFT: 0px solid; WIDTH: 153px; COLOR: #343535; PADDING-TOP: 4px; BORDER-BOTTOM: 0px solid; FONT-FAMILY: ARiAL; HEIGHT: 50PX; BACKGROUND-COLOR: transparent; TEXT-ALIGN: left">

COMMENT BOX HERE.<BR>
no wider than 150px (:

</p>
</div>
</div>
<style>table td div div font {visibility:hidden;}</style>
<div style="display:none;"><table><tr><td><table><tr><td><table><tr><td>

Layout Comments

Showing latest 10 of 21 comments

I like that the rollovers are nice and simple :) I loove this one

By sabrinafickel on Aug 9, 2009 2:26 pm

the comment buttom on mine wont work =[

By jennie876 on May 14, 2008 7:44 pm

it won't come up on mines. o_o

By francie4life on Apr 2, 2008 1:24 am

very pretty :}

By IVIike on Sep 16, 2007 6:05 pm

Awesome layout, great colours, and everything WORKS and was EASY to change to what I needed...better than most others on here...Great job.

By ash1611 on Sep 14, 2007 12:23 am

OMG. I SAW THIS GIRL WHO TOTALLY JOCKED THIS DIV LAYOUT.

By izzyxtinex33 on Jul 21, 2007 11:40 am

love this layout!
the green is great

By bndgeek19 on Jul 10, 2007 10:17 am

I love the soft shades of green. The fonts you used are good and I like the rollovers! :)

By tokyo-rose on Jun 26, 2007 10:46 pm

very pretty and soft :)

By Amaranthus on Jun 25, 2007 5:43 pm

I'll make more soon ^^

By Lusciouss-x on Jun 25, 2007 12:44 pm

View all »

Layout Details

Designer	Lusciouss-x
Submitted on	Jun 24, 2007
Page views	45,170
Favorites	213
Comments	21
Reviewer	alovesopure
Approved on	Jun 24, 2007

Take me away

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates