Jimi Hendrix

Designer's Comments

Look carefully for specific instructions

The div's are at the bottom. You'll scroll down and see "Name", "Your Age", etc. That's where you begin to write in about you.

Got the images from Google. If you need help on anything, shoot a PM my way.

Yeah, I know, that damned shadow is there again. I started and forgot about it. Oops.

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">
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; }
.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;}
img { border:0;}
</style>

a, a:link,a:active,a:visited{font-family:small fonts; font-size:8px; line-height:10px; color:97AAB5;text-transform:uppercase;}
a:hover{font-family:small fonts;color:98E48E;border-bottom:2px solid;border-color: ca5c5b; font-size:8px; line-height:10px;text-decoration:none; text-transform:uppercase;cursor:crosshair;}

b{font-family: times new roman;
font-size: 12px;
text-transform:none;
color:E0E47E; 
line-height:12px;}
i{font-family: times new roman;
font-size: 12px;
text-transform:none;
color:267B7; 
line-height:12px;}
u{font-family: times new roman;
font-size: 12px;
text-transform:none;
color:9AD6F2; 
line-height:12px;}

.home {position: absolute; top:504px; left: 50%;margin-left: -140px;display:block;width:54px;height:42px;
background-image:url("http://cbimg6.com/layouts/09/08/35599ad.jpg"); background-repeat:no-repeat;}
.home:hover {position: absolute; 
 top:504px; left: 50%;
margin-left: -140px;display:block;width:54px;height:42px;  background-image:url("http://cbimg6.com/layouts/09/08/35599ae.jpg"); background-repeat:no-repeat;border:0px !important;}

.addme {position: absolute; top:504px; left: 50%;margin-left: -86px;display:block;width:45px;height:42px;
background-image:url("http://cbimg6.com/layouts/09/08/35599af.jpg"); background-repeat:no-repeat;}
.addme:hover {position: absolute; top:504px; left: 50%;margin-left: -86px;display:block;width:45px;height:42px;  background-image:url("http://cbimg6.com/layouts/09/08/35599ag.jpg"); background-repeat:no-repeat;border:0px !important;}

.message {position: absolute; top:504px; left: 50%;margin-left: -41px;display:block;width:86px;height:42px;
background-image:url("http://cbimg6.com/layouts/09/08/35599ah.jpg"); background-repeat:no-repeat;}
.message:hover {position: absolute; top:504px; left: 50%;margin-left: -41px;display:block;width:86px;height:42px;  background-image:url("http://cbimg6.com/layouts/09/08/35599ai.jpg"); background-repeat:no-repeat;border:0px !important;}

.comment {position: absolute; top:504px; left: 50%;margin-left: +45px;display:block;width:87px;height:42px;
background-image:url("http://cbimg6.com/layouts/09/08/35599aj.jpg"); background-repeat:no-repeat;}
.comment:hover {position: absolute; top:504px; left: 50%;margin-left: +45px;display:block;width:87px;height:42px;  background-image:url("http://cbimg6.com/layouts/09/08/35599ak.jpg"); background-repeat:no-repeat;border:0px !important;}

.block {position: absolute; top:504px; left: 50%;margin-left: +132px;display:block;width:71px;height:42px;
background-image:url("http://cbimg6.com/layouts/09/08/35599al.jpg"); background-repeat:no-repeat;}
.block:hover {position: absolute; top:504px; left: 50%;margin-left: +132px;display:block;width:71px;height:42px;  background-image:url("http://cbimg6.com/layouts/09/08/35599am.jpg"); background-repeat:no-repeat;border:0px !important;}

.crd {position: absolute; top:350px; left: 50%;margin-left: +200px;display:block;width:44px;height:16px;
background-image:url("http://cbimg6.com/layouts/09/08/35599an.jpg"); background-repeat:no-repeat;}
.crd:hover {position: absolute; top:350px; left: 50%;margin-left: +200px;display:block;width:44px;height:16px;  background-image:url("http://cbimg6.com/layouts/09/08/35599an.jpg"); background-repeat:no-repeat;border:0px !important;}

</style>

<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXXXX"><img src="http://cbimg6.com/layouts/09/08/35599ab.gif" align="left" /></a> This is where you can write about yourself. Your picture is linked, so when it's clicked it will take the visitor to your photo albums. <br /><br />
<b>Name:</b> Your name <br /><b>Age:</b> Your Age<br /> <b>Birthday:</b> Your birthday<br /> <b>Favs:</b> Your favs<br />

</div>

You can link whatever you'd like here. Your blogs, your friends, etc.! <br /><br />

<a href="http://createblog.com">Friend 1</a><br>
<a href="http://createblog.com">Friend 2</a><br><br>
<a href="http://createblog.com">Blog 1</a><br>
<a href="http://createblog.com">Blog 2</a><br>
<a href="http://createblog.com">Blog 3</a><br>

</div>

This is an example of what <b>Bold</b> , <u>underlined</u> , <i>italic</i>  , <a href="http://www.karmakiller.createblog.com">links</a> look like.<br /><br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean sed urna. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean sed urna. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. Nulla facilisi. Sed tempus. Fusce metus. Curabitur rhoncus fringilla ligula. Ut euismod justo at elit. Quisque in massa. Nullam ut justo. Donec a diam. Ut nec sapien in velit ultricies adipiscing. Duis fermentum justo sed arcu dapibus ultrices. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. 
<br /><br />Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean sed urna. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean sed urna. Integer nulla purus, tempor vel, vestibulum id, ullamcorper id, sapien. Nulla facilisi. Sed tempus. Fusce metus. Curabitur rhoncus fringilla ligula. Ut euismod justo at elit. Quisque in massa. Nullam ut justo. Donec a diam. Ut nec sapien in velit ultricies adipiscing. Duis fermentum justo sed arcu dapibus ultrices. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

</div>

Layout Comments

Showing latest 9 of 9 comments

Dee, this is kickass.

By Mickey on Oct 24, 2009 11:54 am

freaking awesome : )

By JazzyCullenzWTF on Sep 13, 2009 1:23 am

Gorgeous. Love the rollovers :)

By aliiicimo on Aug 24, 2009 9:54 am

HOLY SHIT! This is beautifull & crazzyy goood. I ♥ it sooooo mucho!

By koobecaf on Aug 23, 2009 6:44 pm

badass!!!

By mystiicdesigns on Aug 23, 2009 9:22 am

Cool layout. Great job!

By CandyPop on Aug 23, 2009 7:42 am

Thanks Gabi :) I think I fixed it right. I'm kinda rusty when it comes to coding haha

By karmakiller on Aug 22, 2009 9:10 pm

Looks Nice,and I agree..the rollovers are cool :D!
Good Job!!!

By Snaily on Aug 22, 2009 8:52 pm

Nice. I love the rollovers and the rainbow splotches. :)
Your little footer section is misaligned, though. You have a "margin-left" and a second "left" property. Just get rid of the second "left" one at the end. You'll probably have to redo the pixel amount for the margin-left.

By schizo on Aug 22, 2009 8:35 pm

Layout Details

Designer	karmakiller
Submitted on	Aug 22, 2009
Page views	7,918
Favorites	30
Comments	9
Reviewer	schizo
Approved on	Aug 22, 2009

Layout Colors

Layout Tags

colorful, emotions, minimal, music, jimi hendrix, hendrix, bold as love, woodstock

Layout Tools

Layout Affiliates

Here I Stand Layouts