Listen To The Music

Designer's Comments

Look carefully for specific instructions

Questions or Installing Issues:
e-mail: ale@alecreations.net
website: http://alecreations.net/tutorial.php

please DO NOT take off my credit link

CREDIT:
Icon for preview: xxlove-spellxx.createblog.com
Brushes: SS-Brushes

DO NOT STEAL MY CODING AND/OR EXACT IDEAS; AND DO NOT REDISTRIBUTE. IF I SEE A LAYOUT OF MINE AND YOU CLAIM IT AS YOURS, I WILL DO WHATEVER IT TAKES TO HAVE IT REMOVE.

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{display:none;}
table, tr, td {background:transparent;} table table table table, table.contactTable {display:none;} td.text table{visibility:hidden;}.nametext, .whitetext12, .orangetext15 {display:none;}div table td font {display: none;}body {background-color:color here;} td.text table table{display:inline;visibility:visible;}table, td{border-width:0px;}
table.navigationBar {display:none !important}

body{
background-color:000000;
scrollbar-arrow-color:ffffff;
scrollbar-face-color:999999;
scrollbar-3dlight-color:ffffff;
scrollbar-darkshadow-color:999999;
scrollbar-shadow-color:000000;
scrollbar-highlight-color:000000;
scrollbar-track-color:999999;}

.title {
color:FFFFFF;
font: 8pt century gothic;
font-weight: bold;
padding: 1px;
letter-spacing: 1px;
border-bottom:1px dotted 003366! IMPORTANT;
border-width: 1px;
background-color:transparent ;
background-image: url(''); 
background-repeat:repeat; 
text-align:Left;
text-transform:uppercase;}

.links a:link, a:active, a:visited
{background-color:333333;
width:159px;
font-family:century gothic;
border-bottom:2px dotted ffffff;
border-width: 1px;
font-size:12px;
text-transform: uppercase;
color:white;
text-decoration:none;
text-align:left;
height:10px;}
.links a:hover
{background-color:999999;
width:159px;
font-family:century gothic;
font-size:12px;
text-transform: uppercase;
border-bottom:2px dotted ffffff;
background-image:url("");
background-position:left;
border-width: 1px;
color:white;
height:18px;
text-align:left;
text-decoration:none;}

A:link,
A:visited,
A:active{
font-family:verdana;
font-size:10px;
color:ffffff;}

A:hover{
color:ffffff;
text-decoration:underline;}

.backg{
position:absolute;
left:50%;
top:125px;
margin-left:-355px;
width:700px;
height:1122px;
overflow:none;
z-index:1;
visibility:visible!important;}

.info{
position:absolute;
left:50%;
top:580px;
margin-left:-108px;
width:425px;
height:265px;
overflow:auto;
z-index:1;
visibility:visible!important;
font-family:verdana;
color:white;
font-size:10px;}

.links{
position:absolute;
left:50%;
top:580px;
margin-left:-330px;
width:167px;
height:265px;
overflow:auto;
z-index:1;
visibility:visible!important;
color:white;}

.comment{
background:transparent;
position:absolute;
top:909px;
left:50%;
margin-left:-334px;
width:655px;
height:139px;
overflow:auto;
z-index:1;
visibility:visible!important;}

.comment, .comment td, .comment table, .comment td a img, .comment td td td a, .comment td b a, .comment td .redlink{visibility:visible;}  .comment td td td table, .comment .orangetext15, .redlink, .comment .btext, .rid, .frnd{display:none;} .comment td b, .blacktext10 {display:block;} .comment {z-index:7;}
.comment table, .comment b {position:relative; top:-30px; _top:-30px;}

.comment td td td div{display:none;}
.comment td td td td div{display:none;}
.blacktext10{visibility:visible;}
.comment .btext{display:none;}
.redlink{display:none;}

.note {Style of all text}
.comment td, .comment span {font-size:10px !important; font-family:verdana!important; color:ffffff!important; font-weight:normal;}

.note {style of all links}
.comment a {color:ffffff!important; text-decoration:none !important;font-weight:bold;}
.comment a:hover {color:000000!important;}

.note {comment: timestamp}
.comment .blacktext10 {color:ffffff!important; font-size:10px; text-align:left; font-weight:bold;}

.note {adds comment spacer line}
.blacktext10{border-bottom:1px dotted; border-color:ffffff; width:500px;}

.note {"Displaying x of x comments" properties}
.comment td b {text-align:center;  font-size:10px!important; font-family:verdana!important; color:000000!important;}

.note {resizes: images posted in comments}
.comment td img {width:300px; max-width:300px; 
width:auto; _width:300px !important;}

.note {resizes: linked images}
.comment td a img {width:90px; max-width:90px; 
width:auto; _width:90px !important; _padding:0px !important; padding:0px;}

.byebye {display:none !important;}

</style>

.a {hide top search bar}
div div select, div div form {display:none !important;}

</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<p class="title">ABOUT ME</P>

<img src="http://cbimg6.com/layouts/07/12/31/24283ab.gif" align="left">
<b>Name:</b> Alejandra<br>
<b>Nicknames:</b> Ale, Ale's Creations<br>
<b>Age:</b> 18<br>
<b>Occupation:</b> Web Design/Graphic Design,Myspace<br>
<b>Music:</b> My favorite band is MCR! :)<br>
<br >
<br >
Well, basically you replace this following text with yours. Type your about me, what you want others to know. blah blah blah. etc. Well, basically you replace this following text with yours. Type your about me, what you want others to know. blah blah blah. etc. Well, basically you replace this following text with yours. Type your about me, what you want others to know. blah blah blah. etc. Well, basically you replace this following text with yours. Type your about me, what you want others to know. blah blah blah. etc. Well, basically you replace this following text with yours. Type your about me, what you want others to know. blah blah blah. etc.Well, basically you replace this following text with yours. Type your about me, what you want others to know. blah blah blah. etc.

<p class="title">TITLE GOES HERE</P>

<br >
<br >
http://alecreations.net
<br >
<br >

Well, basically you replace this following text with yours. Type your about me, what you want others to know. blah blah blah. etc. Well, basically you replace this following text with yours. Type your about me, what you want others to know. blah blah blah. etc.Well, basically you replace this following text with yours. Type your about me, what you want others to know. blah blah blah. etc.  Well, basically you replace this following text with yours. Type your about me, what you want others to know. blah blah blah. etc. Well, basically you replace this following text with yours. Type your about me, what you want others to know. blah blah blah. etc.Well, basically you replace this following text with yours. Type your about me, what you want others to know. blah blah blah. etc.

<p class="title">TITLE GOES HERE</P>
Well, basically you replace this following text with yours. Type your about me, what you want others to know. blah blah blah. etc. Well, basically you replace this following text with yours. Type your about me, what you want others to know. blah blah blah. etc.Well, basically you replace this following text with yours. Type your about me, what you want others to know. blah blah blah. etc. Well, basically you replace this following text with yours. Type your about me, what you want others to know. blah blah blah. etc. Well, basically you replace this following text with yours. Type your about me, what you want others to know. blah blah blah. etc.Well, basically you replace this following text with yours. Type your about me, what you want others to know. blah blah blah. etc. 
</div>

<p class="title">Navigation</P>

<a href="http://home.myspace.com/index.cfm?fuseaction=user">Home</a> 
<br>
<a href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX">Message me</a>  
<br>
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=XXXXXXXX"> pictures</a>
<br>
<a href="http://messaging.myspace.com/index.cfm?fuseaction=invite.addfriend_confirm&statusCD=1&friendID=XXXXXXXX">Add Me</a> 
<br>
<a href="http://alecreations.net">Ale Creations</a>

</div>

Layout Comments

Showing latest 10 of 22 comments

awesome layout but how can i hide my comments?

By JoseCamachoJr on Nov 23, 2009 11:34 pm

can we take the teddybear off?

By juswill09 on Aug 17, 2009 1:31 am

this is amazing! my favorite profile everr!

By kcruns on Jul 24, 2009 8:29 pm

I love this.

By hthr95 on Jun 7, 2009 7:33 am

nice layout but can u help me change the teddy bear picture

By wild619 on May 14, 2009 3:57 am

Hey i really love this layout indeed. It is awesome. But i was wondering since of course your coding and design is copyrighted. I was wondering if it would be okay if i could actually add an extra div to the code cause i want to use this for my music page and i wanted to push my player into z space positioning and place it next the headphones. If you can get back to me it would be really great.

By innerdemon25 on Apr 16, 2009 12:12 pm

umm i wanna noee iff we kan HIDE our comments??

By keakea00 on Apr 8, 2009 11:33 pm

great job on this one! luv the banner work & layout design!

By calilani on Mar 18, 2009 9:20 am

i love this layout!!!
im gng to use it!

By onikristin on Feb 24, 2009 1:16 am

how do i get mi default to show up
all im gettin is the one that u put

i really need ur help
plz an thanz

By dead1423 on Dec 7, 2008 9:21 pm

View all »

Layout Details

Designer	alecreations
Submitted on	Dec 30, 2007
Page views	97,546
Favorites	788
Comments	22
Reviewer	S-Majere
Approved on	Dec 31, 2007

Listen To The Music

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates