Black plaid

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

Change the 'xxxxxx' to you friend id
Also insert your friend id in the comment box section where it says to.

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">
.contacttable,.whitetext12,.nametext,.lightbluetext8,.orangetext15,.blacktext12,.btext,.redtext,.redbtext{display:none;height:0px;!important;visibility:hidden}
td td td td{border:0px;width:0px;text-align:left;}
table,td,tr{padding:0px;width:;background-color:transparent}
table table table{padding:1px;height:.01%;width:100%;}
table table,table table table table,table,tr,td{height:0px;!important;border:0px;!important}
a.text,table div font a,table div div,.navbar font,tr td font{visibility:hidden;display:none;height:0px;!important;}
table table table table,table table table table td.text, td.text td.text table{display:none;}
td.text table table{display:inline;visibility:visible;}
table td table tr td.text table{visibility:hidden;}
table td table tr td.text table table,table td table tr td.text table table td.text{visibility:visible;}

body {
background-color: ffffff;
background-image: url("http://cbimg6.com/layouts/07/10/19/22471ab.png");
background-position: top left;
background-repeat: repeat;
background-attachment: scroll;
scrollbar-arrow-color:ffffff;
scrollbar-track-color: ffffff;
scrollbar-shadow-color: 000000;
scrollbar-face-color:000000;
scrollbar-highlight-color:000000;
scrollbar-darkshadow-color:000000;
scrollbar-3dlight-color:000000;}

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

{The actual modules}
table table table {border: 1px solid; border-color: ######; background-color: ######; }

{sets the default style for the body, table data, list data, divisions and text areas}
body,table, td, li, p, div, textarea 
{font:normal 9px small fonts; color:ffffff; font-weight:none; border:0px; letter-spacing:2px; text-transform: none; line-height:16px;}

{class for the basic font for the page}
.text {font:normal 9x small fonts; color:ffffff; font-weight:none; border:0px; letter-spacing:2px; text-transform: none; line-height:12px;}

{This is how all anchor points will be displayed; anchor points appear before all links.} 
a{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: lowercase; } 
a:link{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: lowercase;}
a:active{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: lowercase;}
a:visited{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: lowercase;}
a:hover{font-family:arial; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: lowercase;}

{Default Links}
a:link, a.man{font-family:small fonts; font-size:9px; color:ffffff;font-weight:none;border:0px;letter-spacing:2px; text-transform: lowercase; letter-spacing: 0px;} 
a:active{font-family:small fonts; font-size:9px;letter-spacing:2px;color:ffffff; font-weight:none;border:0px; text-transform: lowercase;} 
a:visited{font-family:small fonts; font-size:9px;letter-spacing:2px;color:ffffff; font-weight:none;border:0px; text-transform: lowercase;} 
a:hover{font-family:small fonts; font-size:9px;letter-spacing:2px; color:828282; font-weight:none;border:0px; text-transform: lowercase;}

{bolded words}
.standard b, p b, B, strong {
font-family:tahoma; font-size:10px; color:######; font-weight:none;border:0px; text-transform: lowercase; }

</style>

<a href="http://myspace.com">home</a> <br>
<br>
<a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX">add</a> <br>
<br>
<a href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX">message</a> <br> 
<br>
<a href="http://comments.myspace.com/index.cfm?fuseaction=user&circuitaction=viewProfile_commentForm&friendID=XXXXXXXX">comment</a> <br> 
<br>
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=XXXXXXXX">pictures</a>
</div>

text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here text goes here

</div>

<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input name="friendID" value="INSERTFRIENDIDHERE!!!!" type="hidden"><textarea name="f_comments" class="vfcbox" style="height: 120px; width:290px; background-color:000000;color:ffffff; font-family: small fonts; font-size:9px; letter-spacing:2px; font-weight: normal; text-transform: none; border-color:000000; border-style: solid; border-width: 1px;">Through It All I've Made My Mistakes I'll Stumble And Fall But I Mean These Words...</textarea><br /><input type="submit" value="I Want You To Know..." class="vfclick" style="height:18px; width:290px; background-color:000000; color:ffffff; font-family: small fonts;  font-size:7px; letter-spacing:2px; font-weight: normal; text-transform: uppercase; line-height: 4px; border-color:000000; border-style: solid; border-width: 1px;"></form><a href="" target="_blank"></a>

</div>

Layout Comments

Showing latest 10 of 10 comments

there seems to be a box on the upper left hand corner above the "about me section" is that suppose 2 be the "music" or what? and if so can i chop that part off caz it looks kind of wierd on my page. please reply asap

other than that i love the layout and its simplicity wat i love the most is the colors and the font used. it makes it edgy and girly @ tha same time.

By koobecaf on Dec 17, 2008 4:29 pm

I absolutely love this layout, but I can't seem to get the commet box nor comment in the navigation to work. I put my friend id in the fields, but still not working.. help please.

By babygurlthao on Jan 19, 2008 5:37 pm

i love love love this layout!! my comment box WILL NOT cooperate...any more suggestions - i added my friend id but it is not workin!!

By joribaby8 on Dec 28, 2007 4:35 pm

I like it, but its kind of confusing, I can't seem to get it to work right.

By babygurlthao on Dec 19, 2007 12:04 am

Very simple; I like! xP

By DelicateLove on Oct 20, 2007 9:38 pm

There's too much width to the navigation.
Everything else looks okay :]

Transparency makes it look nice :)

Good job.

By joespace on Oct 20, 2007 2:56 am

I think leaving space in the nav is good! In case people want to add some links of their own!;). I love it! Going under my favs!!

By aireqsgirl on Oct 19, 2007 5:13 pm

I quite like it. Might use it one day.
I agree about the navigation as well, though. But I always add like 128374545237 extra links so if I used it it's look pretty good.

And it's perfectly aligned.

By heyohereiam on Oct 19, 2007 4:11 pm

i love the simplicity of it, the background, the font, and everything except for the navigation. :/ you should have made the box smaller or just fit it in somewhere else. Good job though! :D

By alecreations on Oct 19, 2007 4:07 pm

Neato :D lol The only thing I dont like is the nav... theres a bit too much space.

By TaintedSakura on Oct 19, 2007 3:54 pm

Layout Details

Designer	SoLongGoodbye
Submitted on	Oct 19, 2007
Page views	34,274
Favorites	231
Comments	10
Reviewer	IVIike
Approved on	Oct 19, 2007