Good & Evil

Designer's Comments

Look carefully for specific instructions

If you don't know how to use this kind of layout, click here.

I, personally, am really proud of this layout. I think it's one of my favorites. My taste can be questionable sometimes, so for all I know you'll all think it's terribly ugly. Well, enjoy. :D

Want to see all my layouts and graphics? website - myspace

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">body{
background-color:fff;
background-image:url();
background-position:top left;
 background-repeat:repeat;
 background-attachment:scroll;
scrollbar-arrow-color:ffffff;
scrollbar-track-color:fff;
scrollbar-shadow-color:cddfe5;
scrollbar-face-color:cddfe5;
scrollbar-highlight-color:cddfe5;
scrollbar-darkshadow-color:aaa;
scrollbar-3dlight-color:aaa;}
</style>

.div{
position: absolute; 
left: 50%;
margin-left:-380px; 
padding-bottom:20px;
top: 110px;  
z-index: 0;}

.section1{
position: absolute; 
left: 50%; 
margin-left:-280px; 
top: 240px; 
z-index:5; 
width:  360px; 
height: 125px; 
overflow: auto;
scrollbar-arrow-color:97bfcf;
scrollbar-track-color:97bfcf;
scrollbar-shadow-color:fff;
scrollbar-face-color:fff;
scrollbar-highlight-color:fff;
scrollbar-darkshadow-color:aaaaaa;
scrollbar-3dlight-color:aaaaaa;}

.section2{
position: absolute; 
left: 50%; 
margin-left:90px; 
top: 286px; 
z-index:5; 
width:  90px; 
height:90px; 
overflow: auto;
scrollbar-arrow-color:97bfcf;
scrollbar-track-color:97bfcf;
scrollbar-shadow-color:fff;
scrollbar-face-color:fff;
scrollbar-highlight-color:fff;
scrollbar-darkshadow-color:aaaaaa;
scrollbar-3dlight-color:aaaaaa;}

.section3{
position: absolute; 
left: 50%; 
margin-left:-340px; 
top: 570px; 
z-index:5; 
width:  585px; 
height: 34px; 
overflow: auto;}

.section4{
position: absolute; 
left: 50%; 
margin-left:-200px; 
top: 390px; 
z-index:5; 
width:  384px; 
height: 100px; 
overflow: auto;
scrollbar-arrow-color:97bfcf;
scrollbar-track-color:97bfcf;
scrollbar-shadow-color:fff;
scrollbar-face-color:fff;
scrollbar-highlight-color:fff;
scrollbar-darkshadow-color:aaaaaa;
scrollbar-3dlight-color:aaaaaa;}

.commentbox{position: absolute; left: 50%; margin-left:-30px; top: 165px; z-index:1; width:  376px; height: 86px;}

h1{
font-family:century gothic; 
font-size:15px; 
letter-spacing:2px;
line-height:20px;
color:fff; 
font-weight:none;
text-align:center;
border-bottom:0px dotted fff;
width:92%;
text-transform: uppercase;
padding:2px;
font-weight: bold;
margin-bottom: 8px;}

body,table, td, li, p, div
{
font:normal 9px verdana; 
color:000; 
font-weight:none; 
border:0px; 
text-transform: none; 
line-height:15px;}

textarea{
background-color: a1a1a1; 
background-image:url();
color: ffff; 
font:20px verdana; 
text-transform:none;
letter-spacing: -3px;
border: solid 1px 000;}

a:active,a:visited,a:link,a{
	color:000;
	font-size:10px;
	margin-top:1px;
	cursor:default;
	font-weight:normal;
	letter-spacing:1px;
	font-family:tahoma;
	text-decoration:none;
	text-transform:uppercase;
}

a:hover{
	color:fff;
	font-size:10px;
	margin-top:1px;
	cursor:default;
	font-weight:normal;
	letter-spacing:1px;
	font-family:tahoma;
	text-decoration:none;
	text-transform:uppercase;}
	
a.nav:link, a.nav:visited, a.nav:active {border: none; border-left:none; border-bottom:none;color:b8b6b6; background-color:transparent; text-transform:uppercase; letter-spacing: 0px; font-size: 9px; background-image:url(); background-position:right; background-repeat:no-repeat; padding-right: 9px; font:13px century gothic; font-weight:bold;}
a.nav:hover {border: none; border-left:none; border-bottom:none;color:95bdcc; background-color:transparent; text-transform:uppercase; letter-spacing: 0px; font-size: 9px; background-image:url(); background-position:right; background-repeat:no-repeat; padding-right: 9px; font:13px century gothic; font-weight:bold;}

.standard b, p b, B, strong {
font-family:century gothic; 
font-size:12px; 
line-height:18px;
color:fff; 
font-weight:none;
border:0px; 
text-transform: uppercase; }
</style>

<div class="section1"><center>
<h1>Good & Evil.</h1> 
BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH

<h1>Hobbies</h1> 
BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH

<h1>music</h1> 
BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH

<h1>movies</h1> 
BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH

<h1>tv</h1> 
BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH

<h1>heroes</h1> 
BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH   
</center> 
</div>

<div class="section2"><center>
<b>Name</b><br> 
<b>Age</b><br> 
<b>Location</b><br> 
<b>Status</b><br>
</center>
</div>

<div class="section3">
  <a class="nav" href="http://home.myspace.com/index.cfm?fuseaction=user">Home</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp; <a class="nav" href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=XXXXXXXX">pics</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp;<a class="nav" href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX&MyToken=60073af5-e929-4c7a-b357-3f1b6da0bbfb">add</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp;<a class="nav" href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX&MyToken=60073af5-e929-4c7a-b357-3f1b6da0bbfb">message</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp;<a class="nav" href="http://collect.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXXXX">block</a>&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp; <a class="nav" href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=159444696&MyToken=309fd791-51cb-4de0-9982-23e1fd6ac746">comment</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp; <a class="nav" href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=XXXXXXXX">blog</a>
</div>

<div class="commentbox"><center>
<style type="text/css">
textarea.area{
background-color:transparent;
width:106px;
height:60px;
font-family:century gothic;
color:fff;
line-height:20px;
font-size:12px;
text-align:center;
text-transform:uppercase;
border:0px solid;
border-color:000;
font-weight:bold;
letter-spacing:0px;
}

input.button {
background-color:transparent;
width:106px;
height:14px;
text-transform:uppercase;
font-family:small fonts;
color:fff;
line-height:14px;
font-size:7px;
text-align:center;
border:0px solid;
border-color:000;
font-weight:normal;
letter-spacing:2px;}
</style>

<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment">
<input name="friendID" value="XXXXXXXX" type="hidden">
<textarea name="f_comments" class="area">Hello.</textarea><br />
<input type="submit"class="button" value="send"></form>
</center> 
</div>

Layout Comments

Showing latest 10 of 19 comments

The quality looks fine to me. :/

Thanks guys. :D

By schizo on Aug 23, 2008 7:51 pm

I love this one:]

By synatribe on May 21, 2008 1:39 am

very nice

By emberfly on Mar 18, 2008 7:36 pm

The quality isn't so good on my screen, but that's probably just me?
Anyways, cool layout.
Like where you placed the comment box.
I think it would've been better if you used a black background and made the blue and red a darker shade.
Still good though. =]

By DelicateLove on Feb 17, 2008 8:08 pm

Thanks everyone. :)

By schizo on Feb 17, 2008 6:23 pm

I think the colours could be brighter & maybe the bg black, not white.. But it's an ok layout.

By Bittersweet13 on Feb 17, 2008 5:38 pm

Very creative and simple. I love it.

By emberfly on Feb 17, 2008 4:46 pm

i like it! :)

By SharperMyspace on Feb 17, 2008 1:07 pm

You did really good on this...
GREAT JOB...

I love the Comment Box

By MissCuppyCake on Feb 17, 2008 11:31 am

i love the comment box on this layout. so cute

By hugthebouncer on Feb 16, 2008 11:03 pm

View all »

Layout Details

Designer	schizo
Submitted on	Feb 16, 2008
Page views	15,795
Favorites	130
Comments	19
Reviewer	MissHygienic
Approved on	Feb 16, 2008