Train Toy

Designer's Comments

Look carefully for specific instructions

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

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:003366;
scrollbar-3dlight-color:ffffff;
scrollbar-darkshadow-color:003366;
scrollbar-shadow-color:000000;
scrollbar-highlight-color:000000;
scrollbar-track-color:003366;}

.title {
color:FFFFFF;
font: 8pt century gothic;
font-weight: bold;
padding: 1px;
letter-spacing: 1px;
border-bottom:1px solid 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:000000;
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:000000;
width:159px;
font-family:century gothic;
font-size:12px;
text-transform: uppercase;
border-bottom:3px dotted ffffff;
background-image:url("http://cbimg6.com/layouts/07/12/27/24171aa.gif");
background-position:left;
border-width: 1px;
color:003366;
height:18px;
text-align:right;
text-decoration:none;}

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

A:hover{
color:003366;
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:003366!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 solid; border-color:003366; width:500px;}

.note {"Displaying x of x comments" properties}
.comment td b {text-align:center;  font-size:10px!important; font-family:verdana!important; color:003366!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>

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://www.myspace.com">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 5 of 5 comments

This is seriously cool. I love the image, colors, and everything.

By tokyo-rose on Dec 29, 2007 1:02 pm

Great navigation. The comment box background are probably should've been black or blue with white text, like the about me content area. Other than that, I think you've done a pretty good job with a great use of space which gives users a bit more freedom to express themselves. Very nice =]

By jesusisthebestthing on Dec 28, 2007 8:47 pm

other than the nav it's pretty tight.

By Marlons on Dec 28, 2007 8:31 pm

very nice. i think you should take out the comment box. try using height or padding for the navigation links so it won't move up and down when you hover over them. it'd be better if the banner and the content were the same widths. too much space at the bottom. apart from that, flawless. great job =]

By twodreamlovers on Dec 27, 2007 11:25 pm

nice roll overs :3

By mikxoh on Dec 27, 2007 9:52 pm

Layout Details

Designer	alecreations
Submitted on	Dec 27, 2007
Page views	18,298
Favorites	62
Comments	5
Reviewer	karmakiller
Approved on	Dec 27, 2007

Train Toy

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