Cloud Strife

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

Replace XXXXXXXX's with your friend ID

image credit : http://roboto-kun.deviantart.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><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>body{
background-color: 000;
background-image:url(http://cbimg6.com/layouts/09/07/35127ac.png);
background-position:top left;
 background-repeat:repeat;
 background-attachment:scroll;
}
</style>

.div{
position: absolute; 
left: 50%;
margin-left:-512px; 
top: 145px;  
z-index: 0;}

h2 {
font:15px arial;
color: 000000; 
letter-spacing: +2px;
text-transform: uppercase;
display:block;
border-bottom: 0px solid white;
}

.text1 {
background: transparent;
width: 430px;
height: 300px;
position: absolute;
overflow: auto;
top: 355px;
left: 50%;
margin-left: -430px ;
 
margin-bottom: +10px
}

.navi1{
background-color:transparent; 
position:absolute;
left: 50%; 
margin-left:-358px;
top:704px;}

.add{
width: 51px; 
height:22px; 
background-COLOR:transparent; 
background: url(http://cbimg6.com/layouts/09/07/35127ad.png) top left no-repeat; 
display: block;}

.navi2{
background-color:transparent; 
position:absolute;
left: 50%; 
margin-left:-230px;
top:704px;}

.msg{
width: 53px; 
height:22px; 
background-COLOR:transparent; 
background: url(http://cbimg6.com/layouts/09/07/35127ae.png) top left no-repeat; 
display: block;}

.navi3{
background-color:transparent; 
position:absolute;
left: 50%; 
margin-left:-98px;
top:704px;}

.block{
width: 78px;
height:22px;  
background-COLOR:transparent; 
background: url(http://cbimg6.com/layouts/09/07/35127af.png) top left no-repeat; 
display: block;}

.navi4{
background-color:transparent; 
position:absolute;
left: 50%; 
margin-left:-442px;
top:704px;}

.home{
width: 71px;
height:22px;  
background-COLOR:transparent; 
background: url(http://cbimg6.com/layouts/09/07/35127ag.png) top left no-repeat; 
display: block;}

.navi5{
background-color:transparent; 
position:absolute;
left: 50%; 
margin-left:-165px;
top:704px;}

.pics{
width: 55px;
height:22px;  
background-COLOR:transparent; 
background: url(http://cbimg6.com/layouts/09/07/35127ah.png) top left no-repeat; 
display: block;}

.navi6{
background-color:transparent; 
position:absolute;
left: 50%; 
margin-left:-296px;
top:704px;}

.comment{
width: 54px; 
height:22px; 
background-COLOR:transparent; 
background: url(http://cbimg6.com/layouts/09/07/35127ai.png) top left no-repeat; 
display: block;}

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

textarea{
background-color: transparent; 
width: 125px; 
height: 80px; 
color: 000000; 
font:11px verdana; 
text-transform:none;
}

a:active, a:link, a:visited {
Color: 5dbbff;
font size: 11px;
font family: verdana;
}

a:hover {
Color: 00ff06;
Text-Decoration: None;
Cursor: Crosshair;
Font family: verdana; 
}

.standard b, p b, B, strong {
font-size:11px; 
color:61977b; 
font-weight:none;
border:0px; 
text-transform: none; }
</style>

</div>

<div class="text1">I would love you forever if you checked out my YouTube account :) <a href="http://www.youtube.com/user/peacein93">http://www.youtube.com/user/peacein93</a>. </br></br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean commodo orci in risus mattis molestie sit amet auctor nulla. Curabitur eros mi, aliquet vel viverra eu, suscipit eget nisl. Cras viverra auctor tempus. Nulla ut dignissim tortor. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce pellentesque hendrerit diam, non auctor eros tempor vitae. Morbi mauris tortor, sodales eu mattis nec, tempor ultrices quam. Pellentesque nibh sapien, fringilla non vehicula in, faucibus quis nisi. Vivamus nec sem sed risus mattis sagittis vitae non mi. Maecenas diam orci, tempus vel porttitor nec, scelerisque sed quam. Integer sit amet lectus nunc. Pellentesque sollicitudin elit quis dui porta non consectetur est ultricies. Praesent pretium sodales aliquet. Integer in quam sapien. Suspendisse non neque vitae justo ullamcorper volutpat eu vel urna. Sed tempor dictum ligula, id ullamcorper sapien placerat in. Fusce malesuada, enim a tincidunt dictum, nibh lacus varius enim, imperdiet viverra est dui vel quam. Curabitur gravida gravida augue, luctus mollis orci gravida a. Curabitur ut tortor nisi, quis mattis tortor. In hac habitasse platea dictumst. Aenean nec est orci. Pellentesque accumsan posuere orci, eget congue tortor suscipit eget. Curabitur ut quam justo. Vivamus convallis, enim at posuere dapibus, lectus urna feugiat sem, quis convallis ligula ligula vitae lorem. Sed nec sem velit, in ultricies dolor. Nulla condimentum ultricies tortor, sit amet molestie ligula feugiat quis. Donec pulvinar, dolor a dignissim fermentum, ipsum turpis ullamcorper ipsum, sed tristique magna elit nec dolor. Sed at elit turpis, vel scelerisque turpis. Nam sed ipsum lorem, in dictum felis. Nam tincidunt semper venenatis. Nulla accumsan quam eu turpis ultrices ut fringilla urna tempor. Quisque eleifend aliquam ornare. Aenean in ullamcorper arcu. Nunc vitae justo et eros pellentesque dapibus. In hac habitasse platea dictumst. Nulla tristique sapien in nisl tristique ornare sit amet sit amet turpis. Mauris mi ipsum, aliquam sed bibendum et, tempor nec libero. Vestibulum id eros sed erat gravida ultricies. In nec tortor sem, sed fermentum nisi. Nulla semper varius nisl, sed facilisis magna placerat sagittis. Donec imperdiet mattis volutpat. Fusce viverra, nisl non aliquet tempus, arcu elit dictum urna, sed mattis turpis odio sed orci. Integer tellus augue, ultricies eu facilisis non, vulputate id neque. Mauris lobortis bibendum pretium. Nulla eu enim eu urna auctor eleifend. Suspendisse porttitor mauris et metus bibendum cursus. Morbi sed purus leo, non tristique eros. Praesent quis justo nisl, a cursus arcu. Mauris ultricies lobortis est eu mattis. Nullam interdum rutrum quam non semper. Suspendisse lacinia sodales diam, vitae vulputate enim porttitor at. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean commodo orci in risus mattis molestie sit amet auctor nulla. Curabitur eros mi, aliquet vel viverra eu, suscipit eget nisl. Cras viverra auctor tempus. Nulla ut dignissim tortor. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce pellentesque hendrerit diam, non auctor eros tempor vitae. Morbi mauris tortor, sodales eu mattis nec, tempor ultrices quam. Pellentesque nibh sapien, fringilla non vehicula in, faucibus quis nisi. Vivamus nec sem sed risus mattis sagittis vitae non mi. Maecenas diam orci, tempus vel porttitor nec, scelerisque sed quam. Integer sit amet lectus nunc. Pellentesque sollicitudin elit quis dui porta non consectetur est ultricies. Praesent pretium sodales aliquet. Integer in quam sapien. Suspendisse non neque vitae justo ullamcorper volutpat eu vel urna. Sed tempor dictum ligula, id ullamcorper sapien placerat in.

Fusce malesuada, enim a tincidunt dictum, nibh lacus varius enim, imperdiet viverra est dui vel quam. Curabitur gravida gravida augue, luctus mollis orci gravida a. Curabitur ut tortor nisi, quis mattis tortor. In hac habitasse platea dictumst. Aenean nec est orci. Pellentesque accumsan posuere orci, eget congue tortor suscipit eget. Curabitur ut quam justo. Vivamus convallis, enim at posuere dapibus, lectus urna feugiat sem, quis convallis ligula ligula vitae lorem. Sed nec sem velit, in ultricies dolor. Nulla condimentum ultricies tortor, sit amet molestie ligula feugiat quis. Donec pulvinar, dolor a dignissim fermentum, ipsum turpis ullamcorper ipsum, sed tristique magna elit nec dolor. Sed at elit turpis, vel scelerisque turpis. Nam sed ipsum lorem, in dictum felis. Nam tincidunt semper venenatis. Nulla accumsan quam eu turpis ultrices ut fringilla urna tempor. Quisque eleifend aliquam ornare.

Aenean in ullamcorper arcu. Nunc vitae justo et eros pellentesque dapibus. In hac habitasse platea dictumst. Nulla tristique sapien in nisl tristique ornare sit amet sit amet turpis. Mauris mi ipsum, aliquam sed bibendum et, tempor nec libero. Vestibulum id eros sed erat gravida ultricies. In nec tortor sem, sed fermentum nisi. Nulla semper varius nisl, sed facilisis magna placerat sagittis. Donec imperdiet mattis volutpat. Fusce viverra, nisl non aliquet tempus, arcu elit dictum urna, sed mattis turpis odio sed orci. Integer tellus augue, ultricies eu facilisis non, vulputate id neque. Mauris lobortis bibendum pretium. Nulla eu enim eu urna auctor eleifend. Suspendisse porttitor mauris et metus bibendum cursus. Morbi sed purus leo, non tristique eros. Praesent quis justo nisl, a cursus arcu. Mauris ultricies lobortis est eu mattis. Nullam interdum rutrum quam non semper. Suspendisse lacinia sodales diam, vitae vulputate enim porttitor at.

</div>

<p><style>
.a {hide search form at top}
div div select, div div form {display:none !important;}
</p>

</style></font></div>

Layout Comments

Showing latest 4 of 4 comments

amazing.

By daisyy-yupp on Jul 17, 2009 1:21 am

Did you ask roboto-kun if you could use his image?

The layout does look a bit plain. I think something could have been done to the banner image to tie it in with the blog area, like a similar border around it. Otherwise, it's fine. You just need to have permission from the artist to use his image.

By Lifrasthir on Jul 9, 2009 9:13 am

kinda cool but a bit plain for me. :\

By Mikeplyts on Jul 8, 2009 11:45 pm

Love it!

By Charlesrules on Jul 8, 2009 7:40 pm

Layout Details

Designer	PeaceIn
Submitted on	Jul 8, 2009
Page views	11,698
Favorites	39
Comments	4
Reviewer	schizo
Approved on	Jul 8, 2009

Cloud Strife

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates