Peace,Love&Butterflies

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

My first layout
11/8/07

Brushes from 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 type="text/css">
body {
 background-color:black !important;
  cursor:crosshair;
   border-style: dashed; 
   border-top-width:35px; 
   border-bottom-width:35px; 
   border-left-width:35px; 
   border-right-width:35px; 
   border-color:white;
     scrollbar-face-color:000000;
     scrollbar-highlight-color:000000;
     scrollbar-3dlight-color:FFFFFF;
     scrollbar-shadow-color:000000;
     scrollbar-darkshadow-color:FFFFFF;
     scrollbar-arrow-color:FFFFFF;
	scrollbar-track-color:000000;}

.extendedNetwork{position:absolute; top:250px; left:325px; z-index:2; width:375px;}

table.extendednetwork,
td{border:0px;}

.blacktext12{ 
 font-family:times new roman;
 color:A1A1A1;
 font-size:18px;
 line-height:13px;
 letter-spacing:-2px;
 font-weight:lighter;
 text-transform:none;
 text-decoration:none;}

.blacktext10 {
  font-family: small fonts;
  font-size: 7pt;
  font-weight: normal;
  color: A1A1A1;
  text-align: center;}

.text{font-family:georgia;
 color:737070;
 font-size:10px;
 text-transform:uppercase;
 letter-spacing:2px;}

.aboutme{
 position:absolute;
 top:365px;
 left:245px;
 width:219px;
 height:314px;
 background-color:transparent;
 font-family:georgia;
 color:737070;
 font-size:11px;
 line-height:13px;
 text-align:left;
 text-transform:none;
 z-index:2;
 overflow:auto;}

.interests{
 position:absolute;
 color: 737070;
 top:355px;
 left:480px;
 width:226px;
 height:99px;
 background-color:transparent;
 z-index:1;
 text-transform:none;
 overflow:auto;}

.extra{
 position:absolute;
 color: 737070;
 top:478px;
 left:480px;
 width:226px;
 height:78px;
 background-color:transparent;
 text-transform:none;
 z-index:1;
 overflow:auto;}

.commentBox{
 position:absolute;
 color: 737070;
 top:622px;
 left:480px;
 width:226px;
 height:75px;
 z-index:1;
 text-transform:none;
 text-align:center;
 overflow:auto;}

.destinations{
 position:absolute;
 top:720px;
 left:252px;
 width:500px;
 height:35px;
 font-family:times new roman;
 color: 000000;
 font-size:20px;
 font-weight:bold;
 text-decoration: none;
 letter-spacing:-3px;
 display:block;
 text-align:center;
 text-transform:none;
 overflow:hidden}

b{
 font-family: small fonts; 
 font-size: 7px;
 color: FFFFFF;
 text-decoration: blink;
 background-color:black;
 font-weight: normal;
 text-transform:uppercase;
 letter-spacing:2px;
 border-left:3px solid;
 border-left-color:black;
 border-right:3px solid;
 border-right-color:black;
 border-top:1px solid;
 border-top-color:black;
 border-bottom:1px solid;
 border-bottom-color:black;}

i{
 font-family:mistral;
 font-size:20px;
 color:A1A1A1;
 font-weight:lighter;
 line-height:20px;
 text-transform:none;
 letter-spacing:3px;}

u{
 font-family:times new roman;
 font-size:20px;
 color:9e9fca;
 letter-spacing: -2px;
 text-decoration:underline overline;
 text-transform:none;
 font-weight:bold;
 line-height:16px;}

s{
 font-family:verdana;
 color:a5a1a1;
 font-size:10px;
 text-decoration:line-through;
 text-transform:none;
 letter-spacing:3px;}

a, a:link, a:active, a:visited {
 font-family: small fonts; 
 font-size: 9px;
 color: FFFFFF;
 text-decoration: none;
 font-weight: normal;
 background-color:black;
 text-transform:uppercase;
 letter-spacing:2px;
 border-left:3px solid;
 border-left-color:black;
 border-right:3px solid;
 border-right-color:black;
 border-top:1px solid;
 border-top-color:black;
 border-bottom:1px solid;
 border-bottom-color:black;}

a:hover {
 font-family: small fonts; 
 font-size: 9px;
 color: FFFFFF;
 text-decoration: none;
 font-weight: normal;
 background-color:black;
 text-transform:uppercase;
 letter-spacing:2px;
 border-left:3px solid;
 border-left-color:black;
 border-right:3px solid;
 border-right-color:black;
 border-top:1px solid;
 border-top-color:black;
 border-bottom:1px solid;
 border-bottom-color:black;}
</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="aboutme">
<img src="http://cbimg6.com/layouts/07/11/09/22950ab.jpg" align="left">
Name: Name Here<BR>
Age: Age Here<BR>
Gender: Gender Here<Br>
Status: Single or Taken<BR>
Here For: Friends?<Br>
Zodiac: Your Sign Here<Br>
Orientation: Orientation<Br>
Ethnicity: Ethnicity<br>
write your about me here!<br><br>
<b>bold</b><BR><i>italic</i><br><u>underline</u><BR><s>strikethrough</s><br><a href="">link</a><br><br>
I do concur that:<br>
<big>SelinaSex</big> is absolutely positively without-a-doubt the bestest awesomest unbelievablest person you will ever ever ever know to exist. Heck, she is even better than spiderman. 
</div>

<div class="interests">
Quite obviously this section is to put stuff that you like, but if you ned some ideas here you go:<br>
Music.<BR>
TV.<br>
Movies.<BR>
Games.<BR>
Your Friends.<Br>
Your Love.<br>
Anything.
</div>

<div class="commentBox"> 
<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment">
<input name="friendID" value="FRIENDIDHERE!!!" type="hidden">
<textarea name="f_comments" class="textBox">PeaceLove&Butterflies</textarea><input type="submit"class="button" value="♥"></form>

textarea.textBox{
background-color: ffffff !important;
width:170px !important;
height:40px !important;
font-family: verdana !important;
color: 000000 !important;
line-height:17px !important;
font-size:18px !important;
border-width:0px !important;
letter-spacing:-2px !important;
font-weight:bold !important;
}

input.button {
color: FFFFFF !important;
font-size:10pt !important;
width:25px !important;
height:40px !important;
font-family: verdana !important;
background-color: 000000 !important;
border-color:FFFFFF !important;
border-width:1px !important;
border-style:solid !important;
font-weight: bold !important;}</style>
</div>

<div class="destinations">
<A href="http://www.msplinks.com/MDFodHRwOi8vd3d3Lm15c3BhY2UuY29tLw==">Home</A> | <A href="http://www.msplinks.com/MDFodHRwOi8vYnJvd3NldXNlcnMubXlzcGFjZS5jb20vQnJvd3NlL0Jyb3dzZS5hc3B4P3o9MQ==">Browse</A> | <A href="http://www.msplinks.com/MDFodHRwOi8vc2VhcmNoLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPWZpbmQ=">Search</A> | <A href="http://www.msplinks.com/MDFodHRwOi8vZmlsbS5teXNwYWNlLmNvbS8=">Film</A> | <A href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwuaW5ib3g=">Mail</A> | <A href="http://www.msplinks.com/MDFodHRwOi8vYmxvZy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1ibG9nLmNvbnRyb2xjZW50ZXI=">Blogs</A> | <A href="http://www.msplinks.com/MDFodHRwOi8vZmF2b3JpdGVzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPXVzZXIuZmF2b3JpdGVz">Favorites</A> | <A href="http://www.msplinks.com/MDFodHRwOi8vbXVzaWMubXlzcGFjZS5jb20v">Music</A>
</div>

Layout Comments

Showing latest 10 of 36 comments

its cute :). but hey does anybody know
the name of this type of font??

By sagm1170 on Jul 17, 2009 2:34 pm

umm ya i wana know how to put pics on this thing

By juciy on Feb 3, 2009 7:39 pm

HOW DO I ADD MY PICTURES AND PUT THE MUSIC ON MY PAGE?

By TYKHEAHA42108 on Jan 30, 2009 10:40 pm

how do i take out the APPS on my profile and get the blog by itself and how do i put the picture in????!

By ladyyanggurl on Jan 29, 2009 12:54 am

how do i add my pictures?!

By AmandaAnn on Aug 31, 2008 9:20 pm

HOW DO I HIDE THE MUSIC PLAYER???????????

By BUtt3RSC0tCH on Aug 22, 2008 7:33 pm

okay, everything is fine.
the problem is how do you hide your music player?
nothing works.

By dreamingxfaeriex on Jul 17, 2008 11:21 pm

whats wrong?

By SelinaSex on Jun 14, 2008 8:16 pm

IT DOESNT WORK!!!...I TRY A FEW TIMES AND IT STILL DOESNT WORK..HELP ME!!

By Jade10 on Jun 14, 2008 7:03 pm

if i try and make it bigger, the images will look blurrier

lorenayoyo my screen resolution is 1240 by 768 pixels
is yours?

By SelinaSex on Jun 12, 2008 2:16 am

View all »

Layout Details

Designer	SelinaSex
Submitted on	Nov 9, 2007
Page views	103,956
Favorites	792
Comments	36
Reviewer	IVIike
Approved on	Nov 9, 2007

Peace,Love&Butterflies

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates