Calendar Girl

Myspace Layouts / Div Overlay

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 table {margin-top:-50000px;}
body td table, body div table {margin-top: -0;}
table, tr, td {background-color:transparent;}
body div table form{display:none;}
body tab
le div form{display:block;}

.nava:link, .nava:visited, .nava:active {
Font-family: Small fonts;
Color: 000000;
Font-size: 7px;
Line-height: 12px;
Font-weight: Lighter;
Display: Block;
Text-transform: Uppercase;
Text-align: Left;
Cursor: Crosshair;
Text-decoration: None;
lLetter-spacing: 0px;
Border: 0px;
}

.nava:hover {
Color: BCBCBC;
Background: transparent;
Text-decoration: None;
Letter-spacing: +12px;
Border: 0px;
}

.content1 {
Background: FFFFFF;
Border: 0px;
Width: 280px;
Height: 400px;
Position: absolute;
Overflow: auto;
Top: 670px;
Left: 0%;
Scrollbar-face-color: FFFFFF;
Scrollbar-arrow-color: 666666;
Scrollbar-track-color: FFFFFF;
Scrollbar-shadow-color: FFFFFF;
Scrollbar-highlight-color: FFFFFF;
Scrollbar-3dlight-color: FFFFFF;
Scrollbar-darkshadow-color: FFFFFF;
Font: 10px arial;
}

.nav {
Position: Absolute;
Overflow: Auto; 
Top:555px; 
Left: 5px;
Height: 100px;
Width: 275px; 
}

h2 {
Font: bold 7px small fonts;
Color: aebdd1;
Line-height: 10px;
Display :block;
Border-bottom: 1px solid black;
Text-transform: uppercase;
Padding-top: 0px;
Text-align: left;
Letter-spacing: 0px;
}

BODY {
Background-color: FFFFFF;
Background-image: url('http://cbimg9.com/layouts/08/10/32182ab.png');
Background-attachment: scroll;
Background-position: top-left:
Backgrond-repeat: repeat;
cursor: crosshair;}

b, strong {
Font-family: "Arial narrow";
Color: ffcd92; 
Font-weight: Normal;
Text-transform: uppercase;
Font-size: 9px;
Text-decoration: none;
}

i {
Font-family: "Georgia";
Color: ed97ca; 
Font-weight: Normal;
Text-transform: lowercase;
Font-size: 10px;
Text-decoration: none;
}

u {
Font-family: "Courier New";
Color: ff7960; 
Font-weight: Normal;
Text-transform: none;
Font-size: 10px;
Text-decoration: none;
}

a:link, a:active, a:visited {
Font-family: "Arial", "Helvetica";
Font-size: 9px;
Text-transform:uppercase;
Color: b4979f;
}

a:hover {
Color: b4b6cc;
cursor: crosshair; 
}

td td embed, td td object{
position:absolute;
left:0px;
top:0px;
width:1px;
height:1px;}

td.text embed {
width:260px;
height:38px;}

div div, div td {background-color:transparent; background-image:none!important;}
div.profileWidth {margin-top: -30px !important;} div.profileWidth div {filter:alpha(opacity=0); opacity:0.0001}div.profileWidth div.clearfix, i i i, 
div.profileWidth div div {filter:none; opacity:0.9999}div.profileWidth div.clearfix {position:relative; top:30px}
div div select, div div form {display:none !important;}
</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="content1">
<h2>About me</h2><b>Bold</b> <i>Italic</i> <u>Underlined</u> <a href="'">Link</a> <br><br>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris facilisis, sem hendrerit consectetuer sodales, dui magna tristique erat, sed adipiscing arcu velit vitae metus. Phasellus ullamcorper purus at dolor. Duis nec ligula. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin turpis urna, egestas id, bibendum eget, consectetuer eu, lacus. Aliquam ac velit vel nisl iaculis euismod. Praesent lobortis orci in est. Fusce dapibus felis sit amet pede. Cras vulputate, justo et laoreet malesuada, ante mi posuere enim, ut suscipit turpis lectus a urna. Maecenas massa. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. <br><br>

Nam auctor turpis eget purus. Vestibulum et pede ut libero lacinia egestas. Aliquam semper rhoncus augue. Nullam et nisi. Integer sit amet elit nec nisi varius fringilla. Maecenas vel justo id erat pulvinar congue. Maecenas dapibus luctus nunc. Etiam tristique. Etiam massa. Etiam pede dui, consequat at, tincidunt ac, adipiscing quis, augue. Integer sit amet nunc quis nisl sollicitudin aliquet. Ut dolor odio, fringilla nec, adipiscing nec, tincidunt id, lectus. Aenean pharetra molestie justo. Integer dolor erat, mattis eu, congue ac, adipiscing sed, diam. Fusce in libero eget nulla molestie auctor. Sed eleifend, justo et aliquam scelerisque, risus justo convallis metus, ac consectetuer sapien quam ut augue. Morbi dui mi, pulvinar auctor, rhoncus in, blandit faucibus, metus. Duis lobortis. Fusce ullamcorper dictum nulla. <br><br>

Integer est. Phasellus mollis viverra massa. Vestibulum venenatis, quam at euismod porta, nisl nunc scelerisque turpis, quis commodo metus velit iaculis augue. Etiam leo. Nunc suscipit. Nunc sed nisl. Maecenas sed sapien. Praesent malesuada lorem a pede dictum mattis. Morbi sed ante. Fusce feugiat accumsan justo. Proin et urna. Integer pede mi, fringilla quis, accumsan non, pulvinar vitae, neque. Praesent accumsan lacinia purus. Pellentesque euismod, dolor quis ultrices tincidunt, metus lorem elementum tellus, non iaculis leo metus et libero. Quisque libero nibh, tincidunt sit amet, vestibulum nec, aliquam vel, diam. Vivamus in urna a neque aliquam scelerisque. Nunc posuere diam.
</div>

<a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX" class="nava">Message</a>

<a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=XXXXXXXX" class="nava">Comment</a>

<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXXXX" class="nava">Pictures</a>

<a href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=XXXXXXXX" class="nava">Blogs</a>

<a href="http://friends.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXXXX" class="nava">Block</a>
</div>

Layout Comments

Showing latest 9 of 9 comments

awwww crap! u can delelete on of thoes extras & this one!

By koobecaf on Apr 7, 2009 7:09 pm

Hey, how come i've never seen this!
Freakin adorable. Omg Super dueper awsome

By koobecaf on Apr 7, 2009 7:08 pm

Hey, how come i've never seen this!
Freakin adorable. Omg Super dueper awsome

By koobecaf on Apr 7, 2009 7:07 pm

mm it's very pretty, but it's on the left side. :/

By goth-nina on Oct 25, 2008 8:14 am

Very nice. But it seems like it's missing something.. Oh yes! A right side to the layout. o_o..

By Naekipz on Oct 25, 2008 1:41 am

Very pretty, but it sucks that the color of the pattern used in the header doesn't match that of the background.

By Blaqheartedstar on Oct 24, 2008 11:29 pm

This is gorgeous. Glad to see you posting more. :D

By melancholiclights on Oct 24, 2008 8:08 pm

Ooh, pretty banner colors! This is a lovely layout.

By tokyo-rose on Oct 24, 2008 6:30 pm

This looks fantastic! The banner, the colors, the organization. The only part I don't like is that the layout's very left-aligned... at the corner on my widescreen. XD

By dreamgurl36 on Oct 24, 2008 5:02 pm

Layout Details

Designer	Decode
Submitted on	Oct 24, 2008
Page views	13,129
Favorites	79
Comments	9
Reviewer	schizo
Approved on	Oct 24, 2008

Layout Colors

Layout Tags

cute, emotions, fantasy, love, music, good with grenades, kiss, rainbow, colour, couple

Layout Tools

Layout Affiliates

Here I Stand Layouts