Flowers!

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

pic by feanne.com!

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></p>

body{
background-color: 2B2B2B; 
background-image:url(''); 
background-repeat: repeat; 
background-position: fixed;
overflow: auto;
scrollbar-face-color:#EBF5FF;
scrollbar-base-color:#EBF5FF;
scrollbar-arrow-color:black;
scrollbar-track-color:#e2e2e2;
scrollbar-shadow-color:#EBF5FF;
scrollbar-highlight-color:#EBF5FF;
scrollbar-3dlight-color:#78AAFF;
scrollbar-darkshadow-Color:#78AAFF;

}
b{
font-weight: bold;
font-family: Arial;
font-size: 9pt;
color:2D87B3;
line-height:7pt;
}
strong{
font-weight: normal;
font-family: Arial;
font-size: 8pt;
color:FFFFFF;
}
h1{
font-weight: normal;
font-family: impact;
font-size: 16pt;
color:2D87B3;
line-height:11pt;
}

b{
font-weight: bold;
font-family: Arial;
font-size: 9pt;
color:FF3399;
line-height:7pt;
}
i{
font-weight: none;
font-family: Arial;
font-size: 9pt;
color:000000;
line-height:7pt;
}
em{
font-weight: none;
font-family: Arial;
font-size: 9pt;
color:CCCCCC;
line-height:7pt;
}
strong{
font-weight: normal;
font-family: Arial;
font-size: 8pt;
color:FFFFFF;
}
u{
font-weight: normal;
font-family: Arial;
font-size: 8pt;
color:000000;
}
p{
font-family: verdana, sans-serif;
font-weight:normal;
color:000000;
}
a, a:link, a:active, a:visited {
color: FB0172;
text-decoration: none;
font-weight: normal;
font-family: Arial;
font-size: 8pt;
line-height: 7pt;
letter-spacing: 1px;
background-color: transparent;
}
a:hover {
color: CCCCCC;
text-decoration: none;
font-weight: bold;
font-size: 8pt;
line-height: 7pt;
letter-spacing: -1px;
text-transform: lowercase;
}
.cover {
background-color:2B2B2B;
position: absolute;
left: 60%;
top: 90px;
width: 990px;
margin-left: -600px;
background-image:url(''); 
}
.profile {
width: 200px; 
height: 380px; 
position: absolute;
top: 161px;
left: 50%; 
margin-left: 90px; 
overflow: auto;
}
.navigation {
width: 200px; 
height: 380px; 
position: absolute;
top: 400px;
left: 50%; 
margin-left: 90px; 
overflow: auto;
}
.content {
width: 265px; 
height: 230px; 
position: absolute; 
top: 700px; 
left: 50%; 
margin-left: 5px; 
overflow: auto;

}

a img {border: 0px;}
.navimg a img {
width: 123px; 
height: 19px; 
background-position: top left; 
background-repeat: no-repeat; 
background-color: white;
}

</style>

<div class="content" style=" top: 200px; width:250px; position:absolute; left:590px">
<p align=left><font face="Century Gothic" color="#FFFFFF">TITLE HERE<br></font><br>
<img src="http://cbimg9.com/layouts/07/07/17/19601ab.jpg" border="0" alt="Photo Sharing and Video Hosting at Photobucket"><br><br><br>
<font face="Small Fonts" style="font-size: 7pt">Ciao! Ciao! Ciao! Ciao! Ciao! 
Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! 
Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! 
Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! 
Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! 
Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! 
Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! 
Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! 
Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! 
Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! 
Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! 
Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! 
Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! 
Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! 
Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! 
Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! 
Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! 
Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! 
Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! 
Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! 
Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! 
Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! Ciao! 
 
</font> 
</div>

<a href="http://comments.myspace.com/index.cfm?fuseaction=user&circuitaction=viewProfile_commentForm&friendID=XXXXXXXX">COMMENT </a>

<a href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX">MESSAGE </a><br>

Layout Comments

Showing latest 10 of 13 comments

wow this lyt is so me!! i love it! i like how the background is dark and then the pink stands out..not to mention that the flowers are awesome! great work my friend ")

By missk on Apr 14, 2008 6:55 pm

i guess i can’t post code on her...okay, so try this-- > div class="content" style=" top: 200px; width:250px; position:absolute; left:590px"
to this--> div class="content" style=" top: 200px; width:250px; position:absolute; left:735px">
also ‘navi’part, div class="nav" style="position: absolute; background-color:transparent; left:586px; top:469px; width:272px; height:170px; overflow: auto" to this -- > div class="nav" style="position: absolute; background-color:transparent; left:740px; top:469px; width:272px; height:170px; overflow: auto"
hopefully this can be posted.

By chizuru on Jan 29, 2008 12:25 am

it might work if you change this part-->
to this-->
also ‘navi’part, to this it worked for me, so you might want to try.

By chizuru on Jan 29, 2008 12:13 am

The image is poor quality =\. Save your images in .png format =]

By joespace on Aug 30, 2007 8:21 pm

i love the colors, however, in the preview the about me text and scrollbar are off to the right as opposed to centered within the magenta box labeled "about me"

By jesusisthebestthing on Jul 29, 2007 3:30 pm

I see how you were trying to make a simplistic approach to this layout, but I think the layout turned out to be a bit too simple. I like the dark gray and magenta combination, by the way. But the layout image looks really blurry.

By markmejia on Jul 18, 2007 6:43 pm

simple. cute.

By SuperLikeAHero on Jul 17, 2007 10:16 pm

very pretty.

By threeohthreeam on Jul 17, 2007 9:24 pm

i agree with all the previous posts.
though on my computer, the blog div is way off

By guccci on Jul 17, 2007 8:36 pm

I love the simplicity of it!

By YourSuperior on Jul 17, 2007 3:52 pm

View all »

Layout Details

Designer	delicioustyle
Submitted on	Jul 17, 2007
Page views	28,139
Favorites	163
Comments	13
Reviewer	brownsugar
Approved on	Jul 17, 2007