Sakura Haruno

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

Don't forget to fill in your FRIEND ID in the navigations, friends, and the comment box.

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;
	visibility:hidden;
	height:0px!important;
}
table,td,tr{
	height:0px;
	padding:0px;
	background-color:transparent;
}
table table table{
	height:0px;
	padding:0px;
	visibility:hidden;
	float:none;
}
table table,table table table table{
	background-color:transparent;
	border:0px!important;
	height:0px!important;
}
a.text,table div font a,table div div,.navbar font,tr td font{
	display:none;
	visibility:hidden;
	height:0px!important;
}
table table table,div tr td form{
	visibility:hidden;
}
td.text td.text table table,td.text table table{
	display:inline;
	visibility:visible;
	width:392px;
}
table table td.text table td.text table table tbody td table,span.btext,a.redlink,a.redlink:active,a.redlink:visited,
a.redlink:link,a.redlink:hover{
	display:none;
	visibility:hidden;
} 
a:active img,a:hover img,a:visited img,a:link img{
	cursor:default;
	border:0px!important;
}
td td embed { 
        display:block;
        visibility:visible;
        width:0px;
        height:0px; 
}
body{ 
        background-color: FEE9EE; overflow-x:hidden;
}
.image{
        position: absolute; 
        left: 50%; 
        margin-left: -300px; 
        top: 100px;  
        z-index: 0;
}
.comments{ 
        position: hidden; 
        left: 50%; 
        margin-left: -265px; 
        top: 780px; 
        z-index:5; 
        width:  300px; 
        height: 200px; 
        overflow: hidden;
}
.aboutme{
        position: absolute; 
        left: 50%; 
        margin-left: -264px; 
        top: 455px;
        z-index:5; 
        width:  415px; 
        height: 286px; 
        overflow: auto;
}
.navigation{
        position: absolute; 
        left: 50%; 
        margin-left: 163px; 
        top: 454px; 
        z-index:5; 
        width:  140px; 
        height: 76px; 
        overflow: auto;
}
.friendbox{
        position: absolute; 
        left: 50%; 
        margin-left: 163px; 
        top: 562px; 
        z-index:5; 
        width:  140px; 
        height: 68px; 
        overflow: auto;
}
.scroller{
        position: absolute; 
        left: 50%; 
        margin-left: -283px; 
        top: 390px; 
        z-index:5; 
        width:  602px; 
        height: 24px; 
        overflow: hidden;
}
.commentbox{
        position: absolute; 
        left: 50%; 
        margin-left: 162px; 
        top: 655px; 
        z-index:5; 
        width:  142px; 
        height: 86px; 
        overflow: hidden;
}
body,table, td, li, p, div{
        font:normal 9px tahoma; 
        color:FFFFFF; 
        font-weight:none; 
        border:0px; 
        text-transform: none; 
        line-height:12px;
}
textarea{
        background-color: 111111; 
        width: 150px; 
        height: 50px; 
        color: FFFFFF; 
        font:9px Tahoma; 
        text-transform:; 
        border: solid 1px 000;
}
a.navigate:link,a.navigate:active,a.navigate:visited{
	padding:1px;
	color:FFFFFF;
	font-size:9px;
	display:block;
	margin-top:1px;
	cursor:default;
	line-height:12px;
	border:0px solid;
	text-align:center;
	font-weight:bold;
	letter-spacing:0px;
	font-family:Tahoma;
	border-color:none;
	text-decoration:none;
	text-transform:none;
background:url(http://cbimg9.com/layouts/08/06/28930aa.jpg) ;
}
a.navigate:hover{
	padding:1px;
	color:FFFFFF;
	font-size:9px;
	display:block;
	margin-top:1px;
	cursor:default;
	text-indent:0px;
	line-height:12px;
	border:0px solid;
	text-align:center;
	font-weight:bold;
	letter-spacing:0px;
	font-family:Tahoma;
	border-color:none;
	text-decoration:none;
	text-transform:none;
background:url(http://cbimg9.com/layouts/08/06/28930ab.jpg) ;
}

a{
        font:normal 9px Tahoma; 
        color:FFFFFF; 
        font-weight:none; 
        border:0px; 
        text-transform: none; 
}
a:link{
        font:normal 9px Tahoma; 
        color:FFFFFF; 
        font-weight:none; 
        border:0px; 
        text-transform: none; 
}
a:active{
        font:normal 9px Tahoma; 
        color:FFFFFF; 
        font-weight:none; 
        border:0px; 
        text-transform: none; 
}
a:visited{
        font:normal 9px Tahoma; 
        color:FFFFFF; 
        font-weight:none; 
        border:0px; 
        text-transform: none; 
}
a:hover{
        font:normal 9px Tahoma; 
        color:FFFFFF;
        text-transform: none;
}
a:link, a.man{
        font:normal 9px Tahoma; 
        color:FFFFFF; 
        border:0px; 
        text-transform: none; 
}
.standard b, p b, B, strong {
        font-family:Tahoma; 
        font-size:9px; 
        color:FFFFFF; 
        font-weight:none;
        border:0px; 
        text-transform: none; 
}
</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="aboutme">
TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT
TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE

</div>

<a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX"class="navigate">Message Me</a>

<a href="http://friends.myspace.com/index.cfm?fuseaction=user.viewfriends2&friendID=XXXXXXXX"class="navigate">View Friends</a>

<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXXXX"class="navigate">View Pictures</a>

</center>
</div>

<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=XXXXXXXX"class="navigate">Friend</a>

</center>
</div>

</center>
</div>

<marquee behavior=scroll direction="left" scrollamount="3">
Text Here. Text Here. Text Here. Text Here. Text Here. Text Here. Text Here. Text Here. Text Here. Text Here. Text Here. Text Here. Text Here. Text Here. Text Here. Text Here. Text Here. Text Here. Text Here. Text Here. Text Here. Text Here. Text Here. Text Here. Text Here.

</center>
</marquee>
</div>

Layout Comments

Showing latest 10 of 12 comments

haha ! sakura haruno ! 5 stars 4 u ! :)

By rimaxritsu on Dec 8, 2009 8:26 am

This is good! I just don't get how you did the image for Sakura. Can you teach me how to make these kinds of layouts? Pweeeeaaassseeee? And I love Sakura! She's my top 1 girl character!

By Uchiha-Hanami on Dec 28, 2008 1:00 pm

I love this. Very pretty && very awesome (=

By cascade88 on Dec 26, 2008 12:23 am

=] i LOVE sakura!
this is awesome

By cherbearcarez on Aug 25, 2008 5:53 pm

Oh, and the marquee adds AWESOME-ness

By haleyq on Jul 29, 2008 10:44 am

I LOVE this layout!!! I think I'm gonna use it...

By haleyq on Jul 29, 2008 10:43 am

Sakura is not a bitch if you look more closely the relationship between Sakura and Naruto is like a normal brother and sister relationship.
And this layout is awsomeeeeeeeeeeeeee!

By petsnooze on Jul 1, 2008 11:18 am

awesummmm

By MOXiE-SOUL on Jun 30, 2008 11:54 pm

i like the profile but one thing........sakura is a bitch!
i mean it too, she is so mean to naruto and he never does anything to deserve it!

By kerianne on Jun 30, 2008 2:06 am

Finally! A Sakura layout! I LOVE IT! THANK YOU!

By Kya-chan on Jun 29, 2008 8:24 am

View all »

Layout Details

Designer	xxlilxkevxx
Submitted on	Jun 28, 2008
Page views	8,806
Favorites	31
Comments	12
Reviewer	Relentless
Approved on	Jun 28, 2008

Sakura Haruno

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates