Sasuke Uchiha

Myspace Layouts / Div Overlay

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: 3D3745;
}
.image{
        position: absolute; 
        left: 50%; 
        margin-left:-400px; 
        top: 100px;  
        z-index: 0;
}
.comments{ 
        position: absolute; 
        left: 50%; 
        margin-left: 20px; 
        top: 850px; 
        z-index:5; 
        width:  398px; 
        height: 100px; 
        overflow: auto;
}
.aboutme{
        position: absolute; 
        left: 50%; 
        margin-left: 20px; 
        top: 670px; 
        z-index:5; 
        width:  398px; 
        height: 142px; 
        overflow: auto;
}
.contentbox{
        position: absolute; 
        left: 50%; 
        margin-left: -214px; 
        top: 550px; 
        z-index:5; 
        width:  182px; 
        height: 130px; 
        overflow: auto;
}
.friendbox{
        position: absolute; 
        left: 50%; 
        margin-left: -214px; 
        top: 717px; 
        z-index:5; 
        width:  182px; 
        height: 135px; 
        overflow: auto;
}
.credits{
        position: absolute; 
        left: 50%; 
        margin-left: -214px; 
        top: 895px; 
        z-index:5; 
        width:  181px; 
        height: 55px; 
        overflow: auto;
}
body,table, td, li, p, div{
        font:normal 10px Verdana; 
        color:C5B1DD; 
        font-weight:none; 
        border:0px; 
        text-transform: none; 
        line-height:12px;
}
textarea{
        background-color: 111111; 
        width: 150px; 
        height: 50px; 
        color: C5B1DD; 
        font:18px agency fb; 
        text-transform:uppercase; 
        border: solid 1px 000;
}
a.navigate:link,a.navigate:active,a.navigate:visited{
	padding:1px;
	color:C5B1DD;
	font-size:10px;
	display:block;
	margin-top:1px;
	cursor:default;
	line-height:20px;
	border:1px solid;
	text-align:left;
	font-weight:bold;
	letter-spacing:0px;
	font-family:verdana;
	border-color:000000;
	text-decoration:none;
	text-transform:none;
background:url(http://cbimg9.com/layouts/07/07/11/19364aa.jpg) ;
}
a.navigate:hover{
	padding:1px;
	color:C5B1DD;
	font-size:11px;
	display:block;
	margin-top:1px;
	cursor:default;
	text-indent:3px;
	line-height:21px;
	border:1px solid;
	text-align:left;
	font-weight:bold;
	letter-spacing:0px;
	font-family:verdana;
	border-color:000000;
	text-decoration:none;
	text-transform:none;
}

a{
        font:normal 12px verdana; 
        color:C5B1DD; 
        font-weight:none; 
        border:0px; 
        text-transform: none; 
}
a:link{
        font:normal 12px verdana; 
        color:C5B1DD; 
        font-weight:none; 
        border:0px; 
        text-transform: none; 
}
a:active{
        font:normal 12px verdana; 
        color:C5B1DD; 
        font-weight:none; 
        border:0px; 
        text-transform: none; 
}
a:visited{
        font:normal 12px verdana; 
        color:C5B1DD; 
        font-weight:none; 
        border:0px; 
        text-transform: none; 
}
a:hover{
        font:normal 12px verdana; 
        color:C5B1DD;
        text-transform: none;
}
a:link, a.man{
        font:normal 12px verdana; 
        color:C5B1DD; 
        border:0px; 
        text-transform: none; 
}
.standard b, p b, B, strong {
        font-family:verdana; 
        font-size:12px; 
        color:C5B1DD; 
        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. Don't worry it will scroll. <br><br>

</div>

<a href="YOURLINKHERE"class="navigate">TEXTHERE</a>
<a href="YOURLINKHERE"class="navigate">TEXTHERE</a>
<a href="YOURLINKHERE"class="navigate">TEXTHERE</a>
<a href="YOURLINKHERE"class="navigate">TEXTHERE</a>
<a href="YOURLINKHERE"class="navigate">TEXTHERE</a>

</center>
</div>

</div>

<div class="credits">
Layout made by <a href="xxlilxkevxx"><b>xxlilxkevxx</b></a>  <br><br>

</div>

Layout Comments

Showing latest 10 of 12 comments

nice design, is it supposed to be centered? or is it supposed to lean over to the right?

By eMarie2470 on Jun 30, 2008 1:23 pm

hey im just asking what do u use to create the DIV i been trying to do divs but i never can if u would like to teach me a lil u can contact me in myspace: http://myspace.com/dkgaby or if u cant just let me kno here ^^ n nice DIV i like it ..srry if im bothering v.v..

By dkuchiha on Jun 17, 2008 10:51 am

You should do a sakura layout, that would be sweet. i would so use it =].
because i have a sakura role playing site and it's so hard to find a perfect sakura layout =[

By queenanyi on Aug 19, 2007 8:30 pm

How do you do the yourlinkhere thing?
My brother wants it. But I don't get it??

By litoswtme on Jul 24, 2007 6:30 pm

i well like this one, mate.
I think you should make a Gaara one like this. [:

By hospitalhorror on Jul 16, 2007 8:42 pm

i tried..but i had trouble hiding the comments itself, while i had the box. had put it hidden, didnt work out..=/

By xxlilxkevxx on Jul 14, 2007 10:33 am

I love it ^_^ the only thing i don't like is the comments u should hide that and replace wit wit a comment box

By luisissasuke on Jul 13, 2007 1:27 pm

Really good:)

By Amaranthus on Jul 12, 2007 10:19 pm

Oh by the way, your coding is pretty clean and organized. :)

By YourSuperior on Jul 11, 2007 11:01 pm

This looks pretty good. *thumbs up*

By YourSuperior on Jul 11, 2007 11:01 pm

View all »

Layout Details

Designer	xxlilxkevxx
Submitted on	Jul 11, 2007
Page views	35,302
Favorites	70
Comments	12
Reviewer	mzkandi
Approved on	Jul 11, 2007

Sasuke Uchiha

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates