Sakura

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

Please remember to keep the link in tact and enjoy the design.

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></td></tr></table></td></tr></table></td></tr></table></div>
<style type="text/css"> 
body {
background: url('http://layouts.cbimg8.com/35/17507c.gif'); 
background-repeat: repeat; 
line-height: 17px; 
cursor: default;
color:872323;}

td, .text, div, input {color:!important;} 
span, b {color: !important;} 
a {color: !important;} 
img {border:0px;} 
table, tr, td {background:transparent; border:0px;} 
div table td font {visibility:hidden;} 
div table table table td font {visibility:visible;} 
table table table td {visibility:hidden;} 
marquee, table table table div td {visibility:visible;} 
table table embed {display:block; position:absolute; top:0px; left:0px; visibility:visible;} 
table table table embed {position:static;} 
table div div, table tr td div font a {visibility:hidden;} 
.div1 div, .div2 div, .div3 div, .div4 div, .div5 div, .div1 a, .div2 a, .div3 a, .div4 a, .div5 a, .div6 a, .div7 a, {visibility:visible !important;} 
.text, table table table table a, table table table table div, .frm1 {visibility:hidden;} 
table table table table div a, .frm1 input {visibility:visible;} 
.text, td.text td.text table, .contactTable, .lightbluetext8 {display:none;} 
table table, table table td {padding:0px; height:0px;}

.nav { 
background-color:transparent; 
overflow:auto; 
width: 320; 
position:absolute; 
z-index:2; 
left:0; top:0; 
margin-left: 160px; 
margin-top:310px; 
text-align:left; 
visibility:visible; 
font-size: 8pt; 
line-height: 17px;}

.aboutme { 
background-color:transparent; 
width: 480px; 
position:absolute; 
z-index:2; 
left:0; 
top:0; 
margin-left: 160px; 
margin-top:360px; 
text-align:left; 
visibility:visible; 
font-size: 8pt; 
line-height: 17px;
}

.div { 
background-color:3B291F; 
overflow:auto; 
position:absolute; 
z-index:2; 
left:0; 
top:0; 
margin-left:0px; 
margin-top:0px; 
text-align:left; 
visibility:visible;}

div.nav a {
margin:6px;
text-align: left;
font-family: 'times new roman';

letter-spacing:3px;
text-transform:lowercase;
font-size:15px;
display:inline;}

div.nav a:link,.nav a:visited, div.nav a:active {
color:581013;
display:inline;}

div.nav a:hover {
color:9F9F93;
text-decoration:none;
background-color:872323;}

font, td, a, table, td, li, p, div, textarea, li, h1, h2, p, br {
font-family:Verdana;
font-size: 8pt; 
color:872323; 
font-weight: normal; 
text-decoration: none; 
letter-spacing: 0px; 
padding: 0px; 
line-height: 17px;}

h1 {
font: 18pt "times new roman";
font-style:italic;
text-align: left;
letter-spacing: 3px;
text-transform: lowercase;
margin: 0 0 10px 0;}

.contactTable {display: none;}.text {font-family:Verdana;font-size:9; color: 0072BC; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: ; padding: 0px; line-height: 10px;} 
.orangetext15 {font-family:Verdana;font-size:12; color: ffffff; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: ; padding: 0px; line-height: 10px;}
.redbtext, .redtext {font-family:Verdana;font-size:9; color: ffffff; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: ; padding: 0px; line-height: 10px;} 
.lightbluetext8 {font-family:Verdana;font-size:12; color: ffffff; font-weight: bold; text-decoration: bold; letter-spacing: 0px; text-transform: ; padding: 0px; line-height: 10px;} 
.nametext {font-family:Verdana;font-size:12; color: ffffff; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: ; padding: 0px; line-height: 10px;} 
.0072BCtext12 {font-family:Verdana;font-size:12; color: ffffff; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: ; padding: 0px; line-height: 10px;} 
textarea, input {font-family:Verdana;font-size:9; color: ffffff; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: ; padding: 0px; line-height: 10px;} 
.btext {font-family:Verdana;font-size:4; color: ffffff; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: ; padding: 0px; line-height: 10px;} 
.0072BCtext10 {font-family:Verdana;font-size:12; color: ffffff; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: ; padding: 0px; line-height: 10px;} 
.0072BCtext12 {font-family:Verdana;font-size:12; color: ffffff; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: ; padding: 0px; line-height: 10px;}

.r { Layout by Fainaru - fainaruu.uni.cc }

a:link, a:visited, a:active {color:645248; text-decoration: none; font-weight:bold;}
a:hover {cursor: HAND; color: 6A6A6A; text-decoration: none;}

input, textarea {
cursor: default; 
color:9E9E94;
font-size:8pt;
font-family:Verdana;
background-color:645248;
border: 645248 1px solid;}

blockquote {
background:transparent;
border: transparent 0px solid;
margin: 20px 50px 20px 55px;
padding: 10px 10px 30px 10px;}

</style>
<table><tr><td><table><tr><td><table><tr><td>

Layout Code

Copy and paste to I'd Like to Meet

Help

</td></tr></table></td></tr></table></td></tr></table></div>

<div class="nav">
<a href="http://home.myspace.com/index.cfm?fuseaction=user&MyToken=e118c948-47dd-4cba-9fa4-ef19fc0f1c04">Home</a> �
<a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX">Add me</a> �
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=XXXXXXXX">My pictures</a>  �
<a href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=XXXXXXXX">My Blog</a> �
<a href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX">Message me</a> �  
<a href="http://textuures.uni.cc/">Fainaru</a>
</div>

<h1>Sakura by Fainaru</h1>
<b>April 14, 2007</b><br>
Making this layout was a breath of fresh air for me. The colours compliment each other very well in this 'notepad' design. The font choices and CSS elements in general have made this design all the better to use. Please remember to follow the terms if you use this design especially.

<br><p align="right"><b>Tested on Firefox, IE and Opera</a></b></p><br>

<h1>Terms</h1>
<ul type="circle">
<li>No redistributing this layout.</li>
<li>Keep all credit links in tact.</li>
<li>Leave the image + stylesheet as it is.</li>
</ul>

<br>

<blockquote>
<h1>CSS Elements</h1>

Font <b>Bold</b> <i>Italic</i> <u>Underline</u> <s>Strike</s> <a href="">Link</a><br><br>

<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input name="friendID" value="XXXXXXXX" type="hidden"> <textarea name="f_comments">Comment</textarea><br /><input type="submit" value="COMMENT"></form>

</blockquote>
</div>

Layout Comments

Showing latest 10 of 23 comments

oh, i love this so much...
great job yet again, dear. :3

By -dynamic- on Sep 8, 2008 11:18 pm

Does anybody know a code that unblocks myspace ads?

By purple-ai on Aug 28, 2007 4:25 pm

nice layout.
i love that song.=)

By kaytlovesu22much on Jul 10, 2007 8:57 pm

hey, i'm new at this and i can't figure out how to make the layout work so it still has my information on it... i copied and pasted it as you said, but it shows up just like your example above. Love your layouts!

By ntothehb on Jun 26, 2007 4:17 pm

Very nice!

By Divalici0us on Jun 21, 2007 4:52 pm

I like it, the only problem I have is that it blocks ad's which could get you deleted

By MemoriesWithin on May 19, 2007 8:53 pm

QUOTE(hiroko_oujo @ Apr 17 2007, 10:32 AM) [snapback]2533262[/snapback]Per usual, I am having difficulties finding a code that will hide the music box so as to not cover up the layout. I used: and ... but neither are working. I love the layout si

By arcanum on Apr 21, 2007 1:28 am

I LOVE IT =) it's freaking awesome, and I love your site also btw.

By shomazta on Apr 21, 2007 1:23 am

Per usual, I am having difficulties finding a code that will hide the music box so as to not cover up the layout. I used: QUOTE<style>embed{visibility:visible;position:absolute;top:0;left:0;width:1;height:1;}</style>and QUOTE<style type=tex

By hiroko_oujo on Apr 17, 2007 10:32 am

oh.. the comment box isnt working. Just like the one called remember that you made for myspace a little while ago. Can you help me?thanks! i love your layouts!

By stardette on Apr 16, 2007 10:35 pm

View all »

Layout Details

Designer	fainaru
Submitted on	Apr 14, 2007
Page views	82,472
Favorites	297
Comments	23

Layout Tags

, sakura, notepad, brown

Sakura

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates