ZebraTown

Designer's Comments

Look carefully for specific instructions

I had a good nav with the Zebra font, but image mapping is hard and I don't quite get how to do it with a div.

Replace the XXXXXXX with your Friend ID.
Don't take off my credit.

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;;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;border:0px;}
a.text,table div font a,table div div,.navbar font,tr td font{visibility:hidden;display:none;height:0px;}
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 div table td form img{display:none;}
body div table td form option{display:none;}
body div table td form select{display:none;}
body div table td form input{display:none;}</style>

.div{
position: absolute; 
left: 50%;
margin-left:-450px; 
top: 145px;  
z-index: 0;}

.one{
position: absolute; 
left: 50%; 
margin-left: -355px; 
top: 340px; 
z-index:5; 
width:  550px; 
height: 140px; 
overflow: auto;
border: 3px;}

.two{
position: absolute; 
left: 50%; 
margin-left: -355px; 
top: 485px; 
z-index:5; 
width:  550px; 
height: 140px; 
overflow: auto;
border: 3px;}

.three{
position:absolute;
left:50%;
margin-left:230;
top:155px;
z-index:5;
width:100px;
height:300;
overflow:auto;
text-align:left;
}

body{
background-color: FFFFFF;
scrollbar-face-color: fff;
scrollbar-highlight-color: 000;
scrollbar-3dlight-color: 000;
scrollbar-shadow-color: 000;
scrollbar-arrow-color: 000;
scrollbar-track-color: fff;
}

b, strong {
color: 000000; 
font-weight: none;
font-family:small fonts;
font-size:8px; }

u { 
color: 000000; 
border-bottom: 000000 0.5px; }

i, em {
color: 000000;
font-family:georgia;
font-style: italics; }

a:active,a:visited,a:link,a{
color: 000;
font-weight: normal;
font-family: small fonts;
font-size: 8px;
text-transform: uppercase;
}

a:hover{
color: 000;
font-weight: normal;
font-family: small fonts;
font-size: 8px;
text-decoration: underline;
text-transform: uppercase;
}

</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

</div>

<div class="one"><center>
Normal Text. <b>Bold Text.</b> <u>Underlined Text.</u> <i>Italic Text.</i> <a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmNyZWF0ZWJsb2cuY29t">Link Text</a>.<Br>Here you can write whatever you want. Talk for ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever.
</div>

<div class="two"><center>
Put whatever you want here as well. Talk forever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever and ever.
</center></center>
</div>

<div class="three">
<a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewComments&friendID=XXXXXXXX">comment</a>
<br>
<a href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=XXXXXXXX">blog</a> 
<br>
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=XXXXXXXX">pics</a> 
<br>
<a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX&MyToken=60073af5-e929-4c7a-b357-3f1b6da0bbfb">add</a> 
<br>
<a href="http://home.myspace.com/index.cfm?fuseaction=user&MyToken=1bfdd5cd-9c1d-46fa-83c4-7f30e0fe3ffa">home</a> 
<br>
<a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX&MyToken=60073af5-e929-4c7a-b357-3f1b6da0bbfb">message</a> 
<br>
<a href="http://home.myspace.com/Modules/ViewFriends/FriendsView.aspx?friendID=XXXXXXXX">friends</a> 
<br>
<a href="http://collect.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXXXX">block</a> 
<br>
<a href="http://www.myspace.com/cosmoblink">credit</a><center>
</div>

Layout Comments

Showing latest 10 of 12 comments

im using it! thanksss

By Rosie23 on Jul 3, 2008 10:03 pm

again to everybody... thankyouthankyouthankyou :):)

By Brighter on Apr 12, 2008 2:34 am

I love this! It's adorable! I'm so using!

By pinkflowers on Apr 11, 2008 8:11 pm

i think the nav works very well actually and image mapping wouldnot have worked well for this layout.

i love this font!

By vintage-toile on Apr 9, 2008 10:07 am

Love this! Super cute! I love the simplicity of it :]

I agree with the headers thing but people can put there own headers in if the want them.

Love it, niiiice job :D

By aliiicimo on Apr 3, 2008 3:49 pm

aww, this is soo cute.
i like it.

By aaayotiffany on Mar 31, 2008 1:47 pm

Thanks everyone :)

By Brighter on Mar 31, 2008 1:36 am

I like it the way it is :)

By futura on Mar 30, 2008 5:38 pm

Haha, this is so cute. I like the simplicity, but I agree that there should be headers to prevent the layout from being too simple.

By tokyo-rose on Mar 30, 2008 2:57 pm

cute. headers would be nice though.

for image mapping you can down lode free programs that will do it for you its really easy. cutemap is a really good one. just so you know :]

By none345678 on Mar 30, 2008 1:56 pm

View all »

Layout Details

Designer	Brighter
Submitted on	Mar 29, 2008
Page views	23,516
Favorites	167
Comments	12
Reviewer	karmakiller
Approved on	Mar 30, 2008

ZebraTown

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates