Slacker

Designer's Comments

Look carefully for specific instructions

- Replace the XXXXXXXXXX with your friend id.
Press Ctrl F to find them.
- Works fine in both IE ans FF
- Lyrics from "Slacker" by: Tech N9ne
- Brushes from brusheezy.com
- The search bar is hidden on myspace.

My computer is brighter then most I think, so If Its too dark tell me.

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><p><a href="http://iwontrapeyou.createblog.com/" 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>embed, object {width:0px; height:0px;} table table table embed, table table table object {width:320px; height:240px;} </style></a>
<style>table div object{visibility:visible;filter:alpha(opacity=0);position:absolute;top:0px;left:0px;..;}</style>
<style>.mslogo, .clearfix select, .clearfix form, .clearfix ul {display:none!important;}
div.profilewidth div {filter:alpha(opacity=0)!important;opacity:0;}
.profilewidth .clearfix, .profilewidth div div {filter:none!important;opacity:1;}
.profilewidth {margin-top:-30px!important;margin-bottom:-30px!important;}
.profilewidth .clearfix {position:relative;top:30px;background:none!important;}
div[id="shortcuts"] {opacity:0!important;}
</style>
<style>
.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, .navbar, .navbar text, .navbar a:link{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;}

blockquote{
           background-color:eaeaea;
           border-left:5px solid; 
           border-color:242424; 
           margin:5px;padding:5px;
           background-color:121212;
           background-image:url(
http://i37.tinypic.com/29m1yzc.png);
           font-family:arial;
	   font-size:8pt;
	   font-weight:normal;
	   text-transform:none;
           line-height:14 px
	   letter-spacing:0px;
           color:e2e2e2;
}

.nav1 {display:block;
color:525252 !important;
font-family:arial;
font-size:8pt;
color:9fbec1;
letter-spacing: 3px!important;
font-weight: normal;
width:autopx;
border-left: 10px solid; 
border-right: 0px solid; 
border-left-color: 1a1a1a;
border-right-color: 9fbec1;
text-transform:none;
text-decoration:none!important;
line-height:13pt;
background-color:0000;margin: 1px;
margin-right:10px;
text-align: right;
}

.nav1:hover {display:block;
color:e5e5e5 !important;  
font-family:arial;
font-size:8pt;
letter-spacing: 3px!important;
font-weight: normal;
width:autopx;
border-left: 8px solid; 
border-left-color: d2d2d2;
border-right: 0px solid;
border-right-color: b6d7da; 
text-transform:none!important;
text-decoration:none!important;
line-height:13pt;
background-color:b9b9b9;
margin: 1px;
text-align: right;
margin-right:10px;
letter-spacing: 0px;
}

a {color:525252 !important;
font-family:arial!important;
font-size:8pt!important;
letter-spacing: 0px!important;
font-weight: normal!important;
}

a:hover {color:e5e5e5 !important;  
font-family:arial!important;
font-size:8pt!important;
letter-spacing: 0px;
text-decoration:none!important;
}

img {border:0px;}

h1 {
	
	margin: 0px;
	color: fff;
	text-align:left;
	border-bottom:opx solid;
	border-color:1f1f1f;
	font-family:arial;
	background-color: trasparent;
	line-height: 12px;
	padding:2px;
	margin-bottom: 5px;
	margin-top: 2px;
	padding-left:2px;
	font-size: 10pt;
	font-weight: normal;
	letter-spacing: 5px;
	text-transform: uppercase;

}

h1:first-letter {
color:2e2e2e;
}

h2 {
	margin: 0px;
	color: 2e2e2e;
	text-align:center;
	border-bottom:opx solid;
	border-color:1f1f1f;
	font-family:arial;
	background-color: trasparent;
	line-height: 12px;
	padding:2px;
	margin-bottom: 5px;
	margin-top: 2px;
	padding-left:2px;
	font-size: 10pt;
	font-weight: normal;
	letter-spacing: 5px;
	text-transform: uppercase;
}

h2:first-letter {
color:fff;}

U {
font: time; 
font-size: 10px; 
border-bottom: 1px solid; 
border-bottom-color: 262626; 
text-decoration: none; 
text-transform:none; 
color: d8d8d8;

}

I {
font-family: arial; 
font-style: none;
font-size: 10px;  
letter-spacing: 1px;
text-transform:none; 
color: e6e6e6; 
}

S {
font-style: strike; 
font-size: 11px; 
color: e6e6e6; 
}

B {
font-family:arial; 
font-size:12px; 
color:2e2e2e; 
letter-spacing: 0px;
font-weight:none;
border:0px; 
text-transform: none; 
}

.aboutme3{
        font-family:arial;
	font-size:7pt;
	font-weight:normal;
	text-transform:none;
        line-height:14 px
	letter-spacing:0px;
        color:e2e2e2;text-align:justify;}

.aboutme2{
        font-family:arial;
	font-size:8pt;
	font-weight:normal;
	text-transform:none;
        line-height:14 px
	letter-spacing:0px;
        color:e2e2e2;	text-align:justify;}

</style>
<style>
body{background-color:121212;background-image:url(http://cbimg6.com/layouts/08/09/31383ac.png); scrollbar-arrow-color:ffffff; scrollbar-face-color:121212; scrollbar-track-color:121212; scrollbar-darkshadow-color:121212; scrollbar-highlight-color:121212; scrollbar-shadow-color:121212; scrollbar-3dlight-color:121212;}
</style>
<div class="cocaine" style="position: absolute; left:0px; top:120px; width:autopx; height:autopx; overflow: hidden;">
<img src="http://cbimg6.com/layouts/08/09/31383aa.png" />
</div>

Layout Code

Copy and paste to I'd Like to Meet

Help

"Put a quote or saying of sorts here, or delete this altogether. Don't make it too long though. " -Abbey

</div>

<blockquote>This is a block quote. You cant put text or images in here.<br /><br />

<b>Aug. 12</b> Had birthday party.<br />
<b>Aug. 11 </b> Went to the movies.<br />
<b>Aug. 10 </b> Hung out with friends.<br />
</blockquote>
<h1>Header 1</h1>
<u>Underlined</u> <b>Bold</b> <s>Strike</s> <i>Italicize</i>  <a href="url" target="_blank">Link</a>
<br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam nulla lacus, tincidunt ultricies, imperdiet pretium, scelerisque elementum, lectus. Etiam tincidunt. Etiam erat. Morbi luctus sollicitudin metus. Fusce sed risus. Vestibulum posuere malesuada metus. Sed quam purus, laoreet et, rutrum in, convallis sed, lectus. Sed eget enim. Vestibulum ante risus, suscipit consequat, ultrices ac, pulvinar quis, tellus. Nunc et erat adipiscing nibh ultricies laoreet. Ut ullamcorper facilisis leo. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam nulla lacus, tincidunt ultricies, imperdiet pretium, scelerisque elementum, lectus. Etiam tincidunt. Etiam erat. Morbi luctus sollicitudin metus. Fusce sed risus. Vestibulum posuere malesuada metus. Sed quam purus, laoreet et, rutrum in, convallis sed, lectus. Sed eget enim. Vestibulum ante risus, suscipit consequat, ultrices ac, pulvinar quis, tellus. Nunc et erat adipiscing nibh ultricies laoreet. Ut ullamcorper facilisis leo. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
<h2>Header 2</h2>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam nulla lacus, tincidunt ultricies, imperdiet pretium, scelerisque elementum, lectus. Etiam tincidunt. Etiam erat. Morbi luctus sollicitudin metus. Fusce sed risus. Vestibulum posuere malesuada metus. Sed quam purus, laoreet et, rutrum in, convallis sed, lectus. Sed eget enim. Vestibulum ante risus, suscipit consequat, ultrices ac, pulvinar quis, tellus. Nunc et erat adipiscing nibh ultricies laoreet. Ut ullamcorper facilisis leo. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam nulla lacus, tincidunt ultricies, imperdiet pretium, scelerisque elementum, lectus. Etiam tincidunt. Etiam erat. Morbi luctus sollicitudin metus. Fusce sed risus. Vestibulum posuere malesuada metus. Sed quam purus, laoreet et, rutrum in, convallis sed, lectus. Sed eget enim. Vestibulum ante risus, suscipit consequat, ultrices ac, pulvinar quis, tellus. Nunc et erat adipiscing nibh ultricies laoreet. Ut ullamcorper facilisis leo. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam nulla lacus, tincidunt ultricies, imperdiet pretium, scelerisque elementum, lectus. Etiam tincidunt. Etiam erat. Morbi luctus sollicitudin metus. Fusce sed risus. Vestibulum posuere malesuada metus. Sed quam purus, laoreet et, rutrum in, convallis sed, lectus. Sed eget enim. Vestibulum ante risus, suscipit consequat, ultrices ac, pulvinar quis, tellus. Nunc et erat adipiscing nibh ultricies laoreet. Ut ullamcorper facilisis leo nibh ultricies laoreet.

</div>

<a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX" class="nav1">Add Me</a>
<a href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX" class="nav1">Message</a>
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=XXXXXXXX" class="nav1">Photos</a>
<a href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=XXXXXXXX" class="nav1">Blog</a>
<a href="http://friends.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXXXX" class="nav1">Block</a>
<a href="http://home.myspace.com/index.cfm?fuseaction=user" class="nav1">Go Home</a>
<br />

<h1>Friends</h1>
<a href="URL HERE!!" class="nav1">Best Friend #1</a>
<a href="URL HERE!!" class="nav1">Best Friend #2</a>
<a href="URL HERE!!" class="nav1">Best Friend #3</a>
<br /><br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam nulla lacus, tincidunt ultricies, imperdiet pretium, scelerisque elementum, lectus. Etiam tincidunt. Etiam erat. Morbi luctus sollicitudin metus. Fusce sed risus. Vestibulum posuere malesuada metus. Sed quam purus, laoreet et, rutrum in, convallis sed, lectus. Sed eget enim. Vestibulum ante risus, suscipit consequat, ultrices ac, pulvinar quis, tellus. Nunc et erat adipiscing nibh ultricies laoreet. Ut ullamcorper facilisis leo. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam nulla lacus, tincidunt ultricies, imperdiet pretium, scelerisque elementum, lectus.Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam nulla lacus, tincidunt ultricies, imperdiet pretium, scelerisque elementum, lectus. Etiam tincidunt. Etiam erat. Morbi luctus sollicitudin metus. Fusce sed risus. Vestibulum posuere malesuada metus. Sed quam purus, laoreet et, rutrum in, convallis sed, lectus. Sed eget enim. Vestibulum ante risus, suscipit consequat, ultrices ac, pulvinar quis, tellus. Nunc et erat adipiscing nibh ultricies laoreet. Ut ullamcorper facilisis leo. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam nulla lacus, tincidunt ultricies, imperdiet pretium, scelerisque elementum, lectus. Etiam tincidunt. Etiam erat. Morbi luctus sollicitudin metus. Fusce sed risus. Vestibulum posuere malesuada metus. Sed quam purus, laoreet et, rutrum in, convallis sed, lectus. Sed eget enim. Vestibulum ante risus, suscipit consequat, ultrices ac, pulvinar quis, tellus. Nunc et erat adipiscing nibh

</div>

<h1>Abbey Marie</h1>
<b>Age:</b> 17<br />
<b>Gender:</b> Female<br />
<b>Orientation:</b> Straight<br />
<b>Status:</b> Single <3<br />
<b>Zodiac:</b> Leo<br />
<img src="http://cbimg6.com/layouts/08/09/31383ad.gif" align="left" />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam nulla lacus, tincidunt ultricies, imperdiet pretium, scelerisque elementum, lectus. Etiam tincidunt. Etiam erat. Morbi luctus sollicitudin metus. Fusce sed risus. Vestibulum posuere malesuada metus. Sed quam purus, laoreet et, rutrum in, convallis sed, lectus. Sed eget enim. Vestibulum ante risus, suscipit consequat, ultrices ac, pulvinar quis, tellus. Nunc et erat adipiscing nibh ultricies laoreet. Ut ullamcorper facilisis leo. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam nulla lacus, tincidunt ultricies, imperdiet pretium, scelerisque elementum, lectus. Etiam tincidunt. Etiam erat. Morbi luctus sollicitudin metus. Fusce sed risus. Vestibulum posuere malesuada metus. Sed quam purus, laoreet et, rutrum in, convallis sed, lectus. Sed eget enim. Vestibulum ante risus, suscipit consequat, ultrices ac, pulvinar quis, tellus. Nunc et erat adipiscing nibh ultricies laoreet. Ut ullamcorper facilisis leo. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam nulla lacus, tincidunt ultricies, imperdiet pretium, scelerisque elementum, lectus. Etiam tincidunt. Etiam erat. Morbi luctus sollicitudin metus. Fusce sed risus. Vestibulum posuere malesuada metus. Sed quam purus, laoreet et, rutrum in, convallis sed, lectus. Sed eget enim. Vestibulum ante risus, suscipit consequat, ultrices ac, pulvinar quis, tellus. Nunc et erat adipiscing nibh ultricies laoreet. Ut ullamcorper facilisis leo. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam nulla lacus, tincidunt ultricies, imperdiet pretium, scelerisque elementum, lectus. Etiam tincidunt. Etiam erat. Morbi luctus sollicitudin metus. Fusce sed risus. Vestibulum posuere malesuada metus. Sed quam purus, laoreet et, rutrum in, convallis sed, lectus. Sed eget enim. Vestibulum ante risus, suscipit consequat, ultrices ac, pulvinar quis, tellus. Nunc et erat adipiscing nibh ultricies laoreet. Ut ullamcorper facilisis leo. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

</div>

Layout Comments

Showing latest 10 of 27 comments

can someone show me how to make a layout like this one ?

By LovelyxLisa on Oct 15, 2011 10:17 pm

i cant use it tho ):
there's no way to put music on and i'd rather die than not have music o:

By vanityxinsanity on Jun 18, 2010 1:41 am

love it; tis pretty.
it was kinda creepy when all the personal info matched me xP ahaha

By vanityxinsanity on Jun 18, 2010 12:52 am

gorgeous

By returnablexgirl on Aug 31, 2009 9:08 pm

love it but how do you move over the whole layout so it will look centered?

By xavierluna512 on May 21, 2009 12:08 am

:D beautiful

By koobecaf on Feb 8, 2009 5:08 pm

i love it:) but, how do i get rid of the no photo thing?

By jennodang on Oct 26, 2008 3:05 pm

i figured how too put music on it you have too put it inside the layout if theres an embedding code i used a you tube autoplay video it looks great =]

By bryant622 on Oct 26, 2008 12:01 pm

where's the 'comment me' button ?

By humanistic on Oct 8, 2008 12:04 am

Any way I could possibly get my music player working?
I've even tried project playlist and my flash fetish, but no luck :/
Please help.

By tanaka-x25 on Oct 5, 2008 11:36 am

View all »

Layout Details

Designer	none345678
Submitted on	Sep 14, 2008
Page views	44,185
Favorites	320
Comments	27
Reviewer	schizo
Approved on	Sep 14, 2008

Layout Colors

Layout Tags

girls, guys, minimal, music, stripes, slacker, tech n9ne, tech, n9ne, nine, tech nine, drama, party

Layout Tools

Layout Affiliates

Here I Stand Layouts