Eternity in Dreams

Designer's Comments

Look carefully for specific instructions

I wouldn't suggest using this layout unless you have basic knowledge of html.

This layout has only been tested in Internet Explorer.

REPLACE XXXXXXX WITH YOUR FRIEND ID BEFORE YOU DO ANYTHING.

Any questions, yell at me via pm or my xanga. Thanks for using this layout! ^.^

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

.content1 {
font:normal 11px arial;
line-height: 13px;
color: c42b57;
text-align:left;
width:310px; 
height:auto;
overflow-x:hidden;
position : absolute; 
z-index:2; 
left: 0%; 
top: 0%;
margin-left: 10px;
margin-top: 620px;
}

.content2 {
font:normal 11px arial;
line-height: 13px;
color: c42b57;
text-align:left;
width:310px; 
height:auto;
overflow-x:hidden;
position : absolute; 
z-index:2; 
left: 0%; 
top: 0%;
margin-left: 340px;
margin-top: 620px;
}

.content3 {
font:normal 11px arial;
line-height: 13px;
color: c42b57;
text-align:left;
width:310px; 
height:auto;
overflow-x:hidden;
position : absolute; 
z-index:2; 
left: 0%; 
top: 0%;
margin-left: 670px;
margin-top: 620px;
}

.nav {
width: 620px;
height:15px;
margin: 0 auto 0 auto;
}
.nav li {
float: left;
}
.nav li a, nav li a:visited {
display: block;
font: 11px georgia;
text-align:center;
padding-left: 10px;
padding-right: 10px;
padding-top: 4px;
padding-bottom: 2px;
text-decoration: none;
color: ffd1ad;
background-color: dc436f;
text-transform:lowercase;
margin: 0 5px 0 5px;
}
.nav li a:visited {
display: block;
font: 11px georgia;
text-align:center;
padding-left: 10px;
padding-right: 10px;
padding-top: 4px;
padding-bottom: 2px;
text-decoration: none;
color: ffd1ad;
background-color: dc436f;
text-decoration:none;
text-transform:lowercase;
margin: 0 5px 0 5px;
}
.nav li a:hover { 
color: ffd1ad;
font: 11px georgia;
text-align:center;
text-transform:lowercase;
text-decoration:none;
background-color: ef6e9c;
}

.menu a, .menu a:link, .menu a:active, .menu a:visited {
display: block;
width:150px;
padding: 2px 2px 2px 2px;
border-bottom:1px solid d25b7b;
color: ffd1ad;
background: ef6e9c;
text-transform:lowercase;
letter-spacing:1px;
text-decoration: none;
text-align:center;
}

.menu a:hover {
color: ffd1ad;
border-bottom:1px solid d25b7b;
background: fc8545;
text-transform:lowercase;
letter-spacing:1px;
text-align:center;
}

b, strong {
color: d25b7b;
}

i, em {
color: f61e2c;
}

u, s, strike {
color: ee287a;
}

a:link, a:active {
color:f84a5b;
font: 11px arial;
text-transform: none;
text-decoration:none;
font-weight:bold;
border-bottom: none;
}
a:visited {
font-weight:bold;
color:fc8545;
text-transform:none;
text-decoration:none;
}
a:hover {
color:fa84a5;
font-weight: bold;
border-bottom: none;
text-transform:none;
text-decoration:none;}

.navi {
font-family:times new roman;
font-size:22px; 
letter-spacing:0px; 
font-weight:normal; 
line-height:18px;
color:ef6e9c;
text-align:right;
}

.small {
font-family:arial;
font-size:11px; 
font-weight:bold; 
letter-spacing:2px;
color:fc8545;
}

.contacttable,.whitetext12,.nametext,.lightbluetext8,.orangetext15,.blacktext12,.btext,.redtext,.redbtext{display:none;height:0px;!important;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;!important;border:0px;!important}
a.text,table div font a,table div div,.navbar font,tr td font{visibility:hidden;display:none;height:0px;!important;}
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;}
table.footer {display: none;}

body table td div form {display:none !important;}

div table a.navbar img {display:none;}
div table {visibility:hidden;}
div table div, div table table, div table.navigationBar, table div table, div table form {visibility:invisible}
div table {border-bottom:0px !important;  }
div table.navigationBar {margin-bottom:-30px;}

div table div div select {position:absolute !important;  top:-200px !important; left:0px !important; }
</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="nav" style="position : absolute; left:60px; top:568px; width:620px; height:30px; padding:0px; z-index:4;">
<li><a href="http://home.myspace.com/index.cfm?fuseaction=user">home</a></li>
<li><a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX">add</a></li>
<li><a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=XXXXXXXX">pics</a></li>
<li><a href="http://home.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=XXXXXXXX">friends</a></li>
<li><a href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX">message</a></li>
<li><a href="http://comments.myspace.com/index.cfm?fuseaction=user&circuitaction=viewProfile_commentForm&friendID=XXXXXXXX">comment</a></li>
<li><a href="http://www.myspace.com/index.cfm?fuseaction=user.viewComments&friendID=XXXXXXXX">view all</a></li>
</div>

<div class="content1">
<span class="navi">my heart floats</span><br>
<span class="small">    title</span>
<br>
I have something very similar to this on my myspace, a layout that I'll probably share in the future. The image used is an album cover for J-rock band Kagrra. It seemed like such a "quiet" picture that I really wanted to spice it up with vivid colors and textures. I think that even something delicate can be powerful in its own way. Hope that makes sense. <br><br>
If you're interested in finding out more about Kagrra, please visit their <a href="http://www.pscompany.co.jp/kagrra,/" target="_blank">official site</a> or <a href="http://www.crysania.com/dream/kagrra.html" target="_blank">invasion dream</a>. Their music is absolutely beautiful. The text used on this layout is taken directly from a translation of one of their songs, <i>Yume Izuru Chi</i>. You can read the translation <a href="http://www.lerman.biz/asagao/translations/kagrra/yumeizuruchi.html" target="_blank">here.</a><br><br>
Normal. <b>Bold.</b> <i>Italics.</i> <s>Strike-through</s> and <u>Underline</u>.
</div>

<span class="navi">purified in</span><br>
<span class="small">    title</span>
<br>
Simply copy and paste the codes into About me/I'd like to meet. I would not suggest using this layout unless you have basic understanding of html. ALSO. Keep all credits or I will [insert creative threat here]. Seriously, though. I will eat you like a cheap plastic happy meal toy if you mess with the credits. I have incisors and I'm not afraid to use them! <br><br>
If you have any questions/concerns about this layout, the best way to contact me is either through pm at createblog OR comment at my <a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LnhhbmdhLmNvbS9tb21va3VtYQ==" target="_blank">xanga</a>. Thanks for using this layout!<br><br>
<center><table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="100%" id="AutoNumber1">
<tr>
<td width="33%" valign="top">
<p class="menu">
<a href="URL" target="_blank">link here</a>
<a href="URL" target="_blank">link here</a>
<a href="URL" target="_blank">link here</a>
<a href="URL" target="_blank">link here</a>
</td>
<td width="34%" valign="top">
<p class="menu">
<a href="URL" target="_blank">link here</a>
<a href="URL" target="_blank">link here</a>
<a href="URL" target="_blank">link here</a>
<a href="URL" target="_blank">link here</a>
</tr></td></table>
</p>
</center>
</div>

<span class="navi">heaven's glow</span><br>
<span class="small">    credits</span><br>
Brush credits go to <a href="http://zero.chotoka.net" target="_blank">Project Zero</a>. Textures from <a href="http://colorfilter.net" target="_blank">Colorfilter</a> and <a href="http://hybrid-genesis.net" target="_blank">Hybrid Genesis</a>. Permanent credits go to <a href="http://www.xanga.com/momokuma" target="_blank">Momo</a> and <a href="http://www.createblog.com" target="_blank">Createblog.com</a>.
</div>

Layout Comments

Showing latest 10 of 17 comments

lovely

By Mikeplyts on Jun 25, 2009 4:19 am

Everything about this is beautiful. The colors, the banner.. I love it!

By Naekipz on Sep 2, 2008 4:10 am

where's the XXXX to put my friend id? :)

By rainbow-creations on Jan 5, 2008 11:11 pm

okay. i'll edit this so the ad can show. (i'll work on this tonight..school's keeping me busy right now).

By miyashu on Dec 7, 2007 8:21 am

I love it. 3 Columns looks goood on a myspace :] Navigation links are cool and the background to them. And the banner is good :) You should just make the background colour on the banner transparent so the ad at the top shows :]

Good joooob

By joespace on Dec 7, 2007 1:32 am

Beautiful Colorschemes.

By Amaranthus on Dec 6, 2007 9:56 pm

@ rawrio

i noticed that sometimes it does, but i didn't intend for it to do that. other times the ad will just overlap it... i guess i should crop the image; if you highlight the banner image you'll notice it takes up the space where the ad is usually located.

i'm sorry. i'll try to fix that.

anyway, thanks everyone for your comments :)

By miyashu on Dec 6, 2007 5:19 pm

Hides the ad.

By Rawrio on Dec 6, 2007 4:05 pm

So pretty, everything goes together really well =]

By sweetalacrity on Dec 6, 2007 2:28 pm

The colors are great, but the banner image has far too much empty space on the right.

By tokyo-rose on Dec 6, 2007 12:19 pm

View all »

Layout Details

Designer	miyashu
Submitted on	Dec 5, 2007
Page views	19,819
Favorites	96
Comments	17
Reviewer	S-Majere
Approved on	Dec 5, 2007

Eternity in Dreams

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates