Eden of the East

Designer's Comments

Look carefully for specific instructions

myspace.com/digitalfragrance | designer's portfolio

Replacing your photo
Look for the div class "photo" and replace the current .jpg URL with the URL of your personal photo. Also, the photo should be 190px x 190px for best viewing.

The Music
The playlist is located near the bottom of the coding. Feel free to keep it or remove it. Currently featured is "Falling Down" by Oasis - it's the opening song for Eden of the East.

Update your FriendID
Use the tool below to update the "XXXXXX" located throughout the code with your FriendID. This will allow all of your links to work properly. The "XXXXXXX" are located in the "Navigation" div class.

Enjoy! Keep the credits on, please.

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 {}
.profile, div ul {display:none !important; }</style>

<style>

.profileInfo, .extendedNetwork,
    .latestBlogEntry, .interestsAndDetails,
    .userProfileURL, .friendsComments,
    .userProfileNetworking, .userProfileSchool,
    .userProfileDetail, .friendSpace,
    .contactTable, .userProfileCompany,     
    .orangetext15{display: none;}

table, tr, td{background-color: transparent}

.createblogcode{bring back the bottom links}
    .moveLinks{height:400px;}

</style>

<style>

a.navi1:link, a.navi1:active, a.navi1:visited{
	color: 575757;
	font-size:15px;
	line-height: 20px;
	text-indent:0px;
	font-weight:bold;
	letter-spacing:1px;
        font-family:helvetica, san-serif;
	text-decoration:none;
	text-transform:uppercase;
        display:block;
        text-align: left;

}

a.navi1:hover{
	color: 575757;
	font-size:20px;
	line-height: 20px;
	text-indent:0px;
	font-weight:bold;
	letter-spacing:1px;
        font-family:helvetica, san-serif;
	text-decoration:none;
	text-transform:uppercase;
        display:block;
        text-align: left;

}

a.navi2:link, a.navi2:active, a.navi2:visited{
	color: aeadad;
	font-size:15px;
	line-height: 20px;
	text-indent:0px;
	font-weight:bold;
	letter-spacing:1px;
        font-family:helvetica, san-serif;
	text-decoration:none;
	text-transform:uppercase;
        display:block;
        text-align: left;
}

a.navi2:hover{
	color: aeadad;
	font-size:20px;
	line-height: 20px;
	text-indent:0px;
	font-weight:bold;
	letter-spacing:1px;
        font-family:helvetica, san-serif;
	text-decoration:none;
	text-transform:uppercase;
        display:block;
        text-align: left;

}

a.navi3:link, a.navi3:active, a.navi3:visited{
	color: d71077;
	font-size:15px;
	line-height: 20px;
	text-indent:0px;
	font-weight:bold;
	letter-spacing:1px;
        font-family:helvetica, san-serif;
	text-decoration:none;
	text-transform:uppercase;
        display:block;
        text-align: left;
}

a.navi3:hover{
	color: d71077;
	font-size:20px;
	line-height: 20px;
	text-indent:0px;
	font-weight:bold;
	letter-spacing:1px;
        font-family:helvetica, san-serif;
	text-decoration:none;
	text-transform:uppercase;
        display:block;
        text-align: left;

}

body{

background-image: url('http://cbimg6.com/layouts/09/05/34729ad.jpg');
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: top left;
    overflow:none;

}

a, a:link,a:active{
 color: d71077;
 font-size:11px;
font-family: helvetica, san-serif;
 text-decoration: none;
 font-weight: normal;
 text-transform: uppercase;
 letter-spacing: 0px;

}
a:hover{
 color: 000000;
 font-size:11px;
font-family: helvetica, san-serif;
 text-decoration: none;
 font-weight: normal;
 text-transform: uppercase;
 letter-spacing: 0px;

}

a:visited{
 color: d71077;
 font-size:11px;
font-family: helvetica, san-serif;
 text-decoration: none;
 font-weight: normal;
 text-transform: uppercase;
 letter-spacing: 0px;

}

b, strong {
 color: d71077;
 font-weight: bold;
 letter-spacing:0px;
 font-size: 12px;
 text-transform: uppercase;
}

I, EM {
 color: 302f34;
 letter-spacing:0px;
 font-size:12px;
 text-transform: uppercase;
 font-style:none;
 background-color:none;
}

u {
 color: d780ae;
 letter-spacing:0px;
 font-size: 12px; 
 text-transform: uppercase;
 font-style:none;
 background-color:none;
}

body, div, p, table, td, tr, th {
 font-size: 14px;
font-family: helvetica, san-serif;
 line-height:normal;
 color: b6b2b2;
 letter-spacing:.5px;
 text-align:left;
 text-transform: uppercase;
}

.header {
font-size: 36px;
font-family: helvetica, san-serif;
font-style: italic;
background-color: transparent;
line-height: 44px;
color: 797979;
text-align: left;
text-transform: none;
text-align: left;

}

.header_numbers {

font-size: 36px;
font-family: helvetica, san-serif;
color: ffffff;
text-align: left;

}

.inset {
font-size: 12px;
font-family: helvetica, san-serif;
padding-top: 30px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
font-weight: normal;
background-color: ffffff;
width: 744px;
line-height: 20px;
color: 383838;
text-align: center;
letter-spacing: 0px;
align: center;
border-top: 0px solid; 
border-bottom: 10px solid;
border-right: 0px solid;
border-left: 0px solid;
border-color: d71077;
margin-left: 80px;

background-image: url('http://cbimg6.com/layouts/09/05/34729ae.jpg');
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: top center;

}

.content {
position:absolute;  
overflow:none; 
color: 000000;
font-size: 11px;
font-family: helvetica, san-serif;
line-height: 18px;
letter-spacing: 0px;
margin-left: 20px; 
_margin-left: -190px;
margin-top: -120px; 
_margin-top: -360px; 
width:921px; 
padding: 20px;
background-color: transparent;
text-align: left;
align: left;

}

.gradient {
 position: aboslute;
 margin-left: 0;
 overflow: auto;
 margin-top: -200px;

}

.namehere{
 position: absolute;
 margin-left: 90px;
 _margin-left: -110px;
 overflow: auto;
 margin-top: -495px;
_margin-top: -730px;
 font-family: helvetica, san-serif;
 color: 302f34;
 font-size: 48px;
 font-weight: bold;
 text-align: right;
 width: 426px;

}

.photo{
 position: absolute;
 margin-left: 140px;
 _margin-left: -70px;
 overflow: auto;
 margin-top: -355px;
 _margin-top: -585px;
 font-family: helvetica, san-serif;
 color: 302f34;
 font-size: 48px;
 font-weight: bold;
 text-align: right;
 width: 190px;
 height: 190px;

}

.navigation{
 position: absolute;
 margin-left: 340px;
 _margin-left: 130px;
 overflow: auto;
 margin-top: -355px;
 _margin-top: -585px;
 font-family: helvetica, san-serif;
 text-align: left;
 width: 190px;
 height: 190px;

}
</style>

</center>

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

<a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=XXXXXXXX&MyToken=53fa8f6b-18ae-4997-9ed0-3c6fd6f71079"

class="navi1">Comment</a>

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

<a href="http://home.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=XXXXXXXX&MyToken=0688b345-500b-4cb9-a51d-

9bbb563406f1"class="navi1">Friends</a>

<a href="http://vids.myspace.com/index.cfm?fuseaction=vids.channel&channelid=XXXXXXXX"class="navi2">Videos</a>

<a href="http://myspace.com/digitalfragrance"class="navi3">Designer</a>

</div></table></center>

<table><tr>
<td class="header_numbers">01.</td>
<td class="Header">noblesse oblige</td>

</tr></table>

<b>bold</b> <i>italic</i> <u>underline</u><br>
MY NAME IS SAKI MORIMI, AND MY LIFE TOOK AN INTERESTING TURN WHEN A MAN WEARING NOTHING AND HOLDING A GUN SAVED ME FROM BEING ARRESTED BY THE POLICE IN

WASHINGTON DC.  I’M FROM A RELATIVELY NEW ANIME THAT MIGHT BE SOON HAILED AS THE BEST ANIME OF THE YEAR.  MY PSUEDO-BOYFRIEND/ACQUAINTENCE, AKIRA TAKIZAWA IS

KIND OF STRANGE, AND HE DOESN’T REMEMBER ANYTHING ABOUT HIS LIFE SINCE HE WOKE UP NAKED IN THE STREETS OF DC. SOUND LIKE AN INTERESTING LIFE? YOU HIT THE

NAIL ON THE HEAD.
<br><br>

THIS IS THE INSET TEXT. YOU CAN USE THIS DIV CLASS MORE THAN ONCE, AND YOU CAN PUT ANYTHING IN HERE.  IT’S PRETTY STYLE-ISH, NON?

</div><br>

<table><tr>
<td class="header_numbers">02.</td>
<td class="Header">noblesse oblige</td>

</tr></table>

WANT TO REQUEST A LAYOUT FROM <a href="http://myspace.com/digitalfragrance">DIGITALFRAGRANCE</a>? THEN <a

href="http://www.midnightsnack.net/request.html">CLICK HERE</a> AND FILL OUT THE FORM.  SHE’LL GET EMAIL YOU BACK WITH A QUOTE. IT IS NOT FREE.

YOU CAN PUT ANYTHING HERE IN THIS AREA, ABOVE AND BELOW.  YOU CAN WRITE ABOUT YOURSELF, PUT PICTURES, ADD VIDEOS, AND PUT SLIDEHOWS AND MUSIC PLAYERS HERE. 
FEEL FREE TO DELETE THE OBJECT CODING BELOW IF YOU DO NOT WANT THE MUSIC PLAYER THAT IS INCLUDED WITH THIS LAYOUT.
<br><br>

style="width:160px;height:68px"><param name="movie" value="http://cbimg6.com/layouts/09/05/34729af.swf" /><param name="quality" value="high" /><param

name="scale" value="noscale" /><param name="salign" value="TL" /><param name="wmode" value="transparent"/><param name="flashvars"

value="myid=22525691&path=2009/05/26&mycolor=d60f76&mycolor2=ffffff&mycolor3=262626&autoplay=true&rand=0&f=4&vol=100&pat=0&grad=false&ow=160&oh=68"/></object

>

</div>

Layout Comments

Showing latest 10 of 12 comments

luv this

By Butterface89 on Sep 12, 2010 4:58 am

This is really pretty, I loves it :D

By dilligrout on Jan 15, 2010 10:10 pm

I really really like this layout. And this anime. Yay for being named "Eden" xD

By colorxmexeden on Aug 21, 2009 7:47 pm

I like this! I really like the white letters that are kind of piled up on top of one another; that's cool. Great job, Rachael.

By tokyo-rose on Jun 5, 2009 10:00 pm

Yeah, it's Eden of the East xD
'cause East of Eden is a drama title...
Not sure if it's connected :)
Friend recommended this anime o.o
Haven't watched the drama either...
but doesn't seem like it's connected xD

By Reminiscent on Jun 2, 2009 9:29 am