Back to Basics

Designer's Comments

Look carefully for specific instructions

Notes:
Wow... ok so this is my first DIV layout in over 9 months D: i know right, what the hell!?
Basically have moved house twice since then and with all my coursework just couldnt seem to get back into layout making, but finall decided to give it a go again (:
I took general set-up inspritaion from my LSL co-worker for this, and we are currently working on a series of 2 column DIVS which is why it looks similar to her recent postings, in case anyone noticed :P
She also helped me with the code where i had forgotten :P (thanks Aliiicimo!)

NOTE: This layout will look best in IE, it will work in other browsers, but some of the text colours may be lost.

Use:
please leave the credit on, and for the links just replace the X's with your friend ID.

Credit:
Images from: SweetAndTalented

Other:
Constuctive criticism/comments, and general feedback will be very much appreciated because of the long layout gap (:
thankyou for viewing!
~Martz
x---x

*also, the Nav-bar shadow does not show on myspace.

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

{Background}
body {
 background-color:cccccc;
background-image:url(http://cbimg6.com/layouts/09/06/34812aa.jpg);
	background-position:top left;
	background-repeat:repeat-y;
 scrollbar-arrow-color:ba99bd;
 scrollbar-face-color:cccccc;
 scrollbar-3dlight-color:cccccc;
 scrollbar-darkshadow-color:cccccc;
 scrollbar-shadow-color:cccccc;
 scrollbar-highlight-color:cccccc;
 scrollbar-track-color:cccccc;
 cursor: default;}

table, tr, td {background-color: transparent; border: 0px; padding:2;}
table table {border: 0px;}
table table table table{border: 0px;}

{Side Links}
.side a:link, a:active,
{background-color:c7becc;
width:176px;
font-family:arial;
font-size:10px;
text-transform: none;
color:ffffff;
text-decoration:none;
text-align:center;
height:12px;
line-height:12px;
border-left:5px solid;
border-right:5px solid;
border-color:bcafbd;}

.side a:visited,
{background-color:c7becc;
width:176px;
font-family:arial;
font-size:10px;
text-transform: none;
color:ffffff;
text-decoration:none;
text-align:center;
height:12px;
line-height:12px;
border-left:5px solid;
border-right:5px solid;
border-color:bcafbd;}

.side a:hover
{background-color:cbc2d0;
width:176px;
font-family:arial;
font-size:10px;
text-transform:none;
color:ffffff;
text-decoration:none;
text-align:center;
height:12px;
line-height:12px;
border-left:5px solid;
border-right:5px solid;
border-color:c2b5c3;}

{Links}
a:link, a.man{font-family:arial; 
font-size:9px; 
color:c7becc; 
font-weight:none;
border:0px;
letter-spacing:1px;}
  
a:active{font-family:arial; 
font-size:9px; 
color:c7becc; 
font-weight:none;
border:0px; 
letter-spacing:1px;} 
  
a:visited{font-family:arial; 
font-size:9px; 
color:cbc2d0; 
font-weight:none;
border:0px; 
letter-spacing:1px;} 
 
a:hover{font-family:arial; 
font-size:9px; 
color:d4cbd9; 
font-weight:none;
border:0px; 
text-transform:none; 
text-decoration:none;
letter-spacing:1px;}

{Main Text}
body,table, td, li, p, div, textarea  
{font:normal 11px georgia; 
color:ba99bd; 
font-weight:none; 
border:0px; 
text-transform:none; 
line-height:12px; 
text-align:left; 
letter-spacing: 0px;}

{Basic Text}
.text {font:normal 11px georgia; 
color:ffffff; 
font-weight:none; 
border:0px; 
text-transform:none; 
line-height:12px; 
text-align:left; 
letter-spacing:0px;}

{BOLD}
.standard b, p b, B, strong {
font-family:arial; 
font-size:11px; 
color:8d6d8f; 
font-weight:bold; 
border:0px; 
text-transform:none; 
letter-spacing:-1px;}

{UNDERLINE}
u, s, .stext, .sbtext, .swtext {
font-family: georgia; 
font-size: 11px;
color: c7becc;
text-transform:none;}

{ITALICS}
i, em, .itext  {
font-family: georgia; 
font-size: 11px;
color: c7becc;
letter-spacing:1px;}

{BIG}
big, .bigtext {
font-family: georgia;
font-size: 14px;
color: 8d6d8f;
text-transform:none;}

{HEADERRIGHT}
h2 {
font-family:times new roman;
text-transform:Uppercase;
font-size:13px;
line-height:15px;
color:8d6d8f;
letter-spacing:2px;
background-color:ffffff;
text-align: center;
font-weight:bold;
border-bottom:1px solid;
border-width:1px;
border-color:cccccc;
width:329px;
}

{HEADERLEFT}
h1 {
font-family:times new roman;
text-transform:Uppercase;
font-size:13px;
line-height:15px;
color:8d6d8f;
letter-spacing:2px;
background-color:ffffff;
text-align: center;
font-weight:bold;
border-bottom:1px solid;
border-width:1px;
border-color:cccccc;
width:176;
}

{CODES}
.a {hide top search bar}
div div select, div div form {display:none !important;}
body div td div div select {position:absolute!important;top:-1030px;}
body div div form {display:none !important;}
table table div form {display:inline !important;}
td td object {position:absolute; left:0px; top:0px; display:block; width:0px; height:0px;}
table td div div{visibility:hidden;}
td div a.text{visibility:hidden;}
td div a.links{visibility:hidden;}
tr {background-color:transparent}
table div {display:none;}
table table div, div table div {display:block;}

{HIDE}
.friendsComments {display:none;}
.friendspace{display:none}
.latestBlogEntry {display:none;}
.extendedNetwork {display:none;}

{CODES}
div div table div {display:none;} .clearfix table div div {display:block;} 
tr td div, div td, div tr, div table {background-color:transparent !important;}
.profile, div ul {display:none !important; }
table table,table table table table,table table{background-color:transparent;width:;border:0px;}
div,table,tr,td,th{background-color:transparent;text-align:left;border:0px;}
a.navbar,font,.whitetext12,.btext,.orangetext15,
.redbtext,.redtext,.blacktext12,
.lightbluetext8,strong,.nametext,div b font font,
div font font u,table table table table, table.contacttable{display:none;}
div table form tr td,td.text table,a.text, table div font a,table div div,{visibility:hidden;di-splay:none}
table td table tr td.text table {visibility:visible;}
table td table tr td.text table table, table td table tr td.text table table td.text {visibility:visible;}
td.text table table {display:inline; visibility:visible;}
.comments{visibility:visible;width:0px; height:0px;position:hidden;
top:0px; margin-left:0px;
overflow:auto;background-color:transparent;
border:black 0px solid;z-index:0px;}
td.text td.text img {
width: 90px !important;}
table td table tr td.text table {visibility:visible;}
table td table tr td.text table table, table td table tr td.text table table td.text {visibility:visible;}
td.text td.text table table table,
td.text td.text table br,
td.text td.text table .orangetext15,
td.text td.text .redlink,
td.text td.text span.btext
{display:none;}
td.text td.text table {background-color:transparent;}
td.text td.text table td, td.text td.text table {height:0;padding:0;border:0;}
td.text td.text table table td {padding:3;}
td.text td.text table table br {display:inline;}
td.text td.text table td {font-size:0pt;}
td.text td.text {height:0;}
td.text td.text table b, td.text td.text table table td {font-size:10pt;}

</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<h1>Navigation;</h1>

<a href="http://home.myspace.com/index.cfm?fuseaction=user">Home</a><br>
<a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX">Add</a><br>
<a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX">Message</a><br>
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=XXXXXXXX">Pictures</a><br>
<a href="http://collect.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXXXX">Block</a><br>
<a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewprofile_commentform&friendid=XXXXXXXX">Comment</a><br>

<h1>The basics;</h1><br />

<img src="http://cbimg6.com/layouts/09/06/34812ac.png" align="left" /><b>Name</b> Your Name<br />
<b>Age</b> here<br />
<b>Gender</b> here<br />
<b>Orientation</b> here<br />
<b>Band</b> here<br />
<b>Movie</b> Here<br />
<br /><br /><br /><br /><br /><br />

<h1>Credits;</h1>

<a href="http://www.lastsunrise.net">LSL.net</a><br />
<a href="http://www.sweetandtalented.com/">Images</a><br /><br /><br />

</div>

<h2>About Me;</h2>
<b>Bold</b> & <i>Italic</i> & <u>underline</u> & <a href="http://www.lastsunrise.net">Linkage</a> & <big>biiiiigness</big> :O<br />

<b> Don't forget to replace X's with your friend ID.<br /><br /></b><br />

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Est amet, Duis dolore irure nostrud nisi consequat. id tempor reprehenderit fugiat tempor amet, sit fugiat cillum ex non in minim veniam, anim aute cupidatat qui tempor laboris cillum ullamco pariatur. nisi quis et ex non reprehenderit qui labore sit sit veniam, culpa nulla tempor do aute esse dolor ea minim pariatur. adipisicing Excepteur esse Ut proident, qui. Labore proident, est sint cillum irure irure.<br /><br />

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. nisi quis et ex non reprehenderit qui labore sit sit veniam, culpa nulla tempor do aute esse dolor ea minim pariatur. adipisicing Excepteur esse Ut proident, qui. Labore proident, est sint cillum irure irure.<br />
I &hearts <a href="http://www.lastsunrise.net">lastsunrise.net</a> because they have kick ass layouts.<br /><br /><br />

</div>