Desires

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

:)

The image itself is better than the 2 columb section stuff.. hahah, ran out of ideas.

Enjoy

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>START CODING: DO NOT EDIT BELOW THIS LINE.</style>

<STYLE>(C) DESIGNERSHOPPE @ MYSPACE.COM . Do not redistribute/edit/ and/or use as ref for yours</STYLE>
<STYLE>Leave credit on, thanks :) </STYLE>

<STYLE>
.Codings (coded in notepad.}
.C (myspace.com/designershoppe, donot use stylesheet.}
.Browsers (Tested on IE.)
</STYLE>
<STYLE type="Text/Css">
body {
 	background-repeat: no-repeat;
	background-position:center center;
 	background-attachment: fixed;
	scrollbar-arrow-color: 613224;
	scrollbar-face-color: black;
	scrollbar-3dlight-color: black;
	scrollbar-darkshadow-color: black;
	scrollbar-shadow-color: black;
	scrollbar-highlight-color: black;
	scrollbar-track-color: black;
	overflow: auto;
	background-color: black;
	background-image: url("http://cbimg6.com/layouts/07/10/25/22621aa.png");
	background-repeat: repeat-y;}
</style>

<STYLE>Texting style properties.</STYLE>
<style type="text/css">

B, STRONG {
	FONT-family: times; 
	FONT-size: 11px; 
	FONT-weight: B;
	TEXT-transform: NONE; 
	LINE-height: 10px; 
	COLOR: A2523A; 
	LETTER-spacing: 2px; 
	BORDER: NONE;}

I, EM {
	FONT-family: GEORGIA; 
	FONT-size: 11px; 
	FONT-weight: ITALICS;
	TEXT-transform: NONE; 
	LINE-height: 10px; 
	COLOR: A2523A; 
	LETTER-spacing:0; 
	BORDER: NONE;}

U {
	FONT-family: times; 
	FONT-size: 11px; 
	FONT-weight: normal;
	TEXT-transform: NONE;
 	TEXT-decoration: none;
	LINE-height: 10px; 
	COLOR: A2523A; 
	BORDER-bottom: 1px solid;  
	BORDER-bottom-COLOR: white;}

</STYLE>
<style>Other text styling properties</style><style>
BIG {
	FONT-family: times; 
	FONT-size: 35px; 
	LETTER-spacing: -3px; 
	LINE-height: 26px; 
	COLOR: A2523A; 
	TEXT-transform: NORMAL; 
	TEXT-decoration: none;
	PADDING:0PX;}

S, STRIKE {
	FONT-family: times; 
	FONT-size: 11px;
	COLOR: A2523A; 
 	text-transform: NORMAL;
	line-height: 9px;
	padding:0px;}
</style>

</STYLE><STYLE type="Text/Css">

.headerIMG {
	BACKGROUND-color:TRANSPARENT;
	WIDTH:813px;
	HEIGHT:620px;
	LEFT:223px;
	TOP:70px;
	overflow:;
	position:absolute;
	text-align:left;
BACKGROUND-image:url("http://cbimg6.com/layouts/07/10/25/22621ab.png");
	BACKGROUND-repeat:n-repeat;
	BACKGROUND-position:center center;
	BACKGROUND-attachment:scroll;
	visibility:visible;
	z-index:0;
}

.aboutme {
	Background-color: TRANSPARENT;
	WIDTH:350px;
	HEIGHT:auto;
	LEFT:350px;
	TOP:660px;
	overflow-X:Hidden;
	position:absolute;
	border:-0px solid;
	border-color:cccccc;
	text-align:justify;
 	visibility:visible;
	background-image:url("");
	background-repeat:n-repeat;
	background-position:left-top}

.navigation {
	BACKGROUND-color:TRANSPARENT;
	LEFT:730px;
	TOP:660px;
	WIDTH:175;
	HEIGHT:auto;
	OVERFLOW-x:hidden;
	TEXT-align:justify;
	BORDER:-0px solid;
	BORDER-color:cccccc;
	POSITION:absolute; 
	VISIBILITY:visible;}

h1 {
	FONT-family:times;
	FONT-size: 40px;
	FONT-weight: normal;
	COLOR: 734B0C;
	LINE-height: 25px;
	LETTER-spacing: -3px;
	TEXT-align:left;
	TEXT-transform: none;
	PADDING:2px;
	PADDING-left:2px;
	PADDING-bottom:0px;
	PADDING-right:0px;
	MARGIN: 0px;
	MARGIN-bottom: 3px;
	MARGIN-top: 0px;
	MARGIN-right: 0px;
	MARGIN-left: 0px;
	BACKGROUND-color: ; 
	BACKGROUND-image:url("");
	BACKGROUND-repeat:no-repeat;
	BACKGROUND-position:top right;
	BACKGROUND-attachment:scroll;
	BORDER-bottom:0px solid;
	BORDER-top:0px;
	BORDER-color:white;}

h3{ 
	FONT-family:times;
	FONT-size: 50px;
	TEXT-align: right;
	LETTER-spacing: -4px;
	TEXT-transform: Normal;
	position:absolute; 
	LEFT:430px;
	TOP:595px;
	color:4F1F10;
	FONT-weight:normal;
	width:500px;}

</style>

<STYLE>Link properties</STYLE>
<STYLE>
a:LINK, 
a.man:LINK, 
a.text:LINK, 
a:visited, 
a.man:visited, 
a.text:visited, 
a:active, 
a.redlink:active, 
a.redlink:visited, 
a.redlink:LINK, 
a.navbar:LINK, 
a.navbar:visited, 
a.navbar:active 
{font-family:times; font-size: 13px; color: 323130; font-weight: normal; text-decoration: none; letter-spacing: 4px; text-transform: NONE; padding: 0px; line-height: 11px; background-color: trans; border: 0px dashed #C5D92D;}

a:HOVER,
a.man:HOVER,
a.text:HOVER,
a.redlink:HOVER, 
a.navbar:HOVER
{font-family:times; font-size:13px; color: A67830; font-weight: NORMAL; text-decoration: none; letter-spacing: 4px; text-transform: NONE; padding: 0px; line-height: 10px; background-color: trans; border-bottom: 0px solid C3363F;}
</STYLE>

}
a.nav:hover
{display:block;color:A2523A;font-family:arial;overflow-x:hidden;font-size:8pt;letter-spacing: 4px;font-weight: normal;width:100%;text-transform:normal;text-decoration:none;line-height: 13pt;background-color:382D2A;margin: 1px; border-top:0px solid;border-left:0px solid;border-right:0px solid;border-color: F1C38C;text-align:left;text-indent :2px;}

</STYLE>
<STYLE>End Link Properties</STYLE>

<STYLE type="Text/Css">
.NAMETEXT,
.LIGHTBLUETEXT8,
.ORANGETEXT15,
.BLACKTEXT12,
.Btext,
.WHITETEXT12,
.CONTACTTABLE,
.REDTEXT,
.REDTEXT,h2, body div table td form option{display:NONE;height:0px;visibility:HIDDEN}
td td td td{border:0px;width:0px;text-align:LEFT;}
table,td,tr{padding:0px;width:;background-color:TRANSPARENT}
table table table{padding:1px;height:0%;width:0%;}
table table,table table table table,table,tr,td{height:0PX;border:0PX;}
a.text,table div font a,table div div,.navbar font,tr td font{visibility:hidden;display:none;height:0px;!important;}
table table table table,table table table table td.text, td.text td.text table{display:none;}
td.text table table{display:inline;visibility:visible;}
table td table tr td.text table{visibility:hidden;}
table td table tr td.text table table,table td table tr td.text table table td.text{visibility:visible;}

.navigationBar{display:none;}
</style>

<STYLE>END CODING</STYLE>

Layout Code

Copy and paste to I'd Like to Meet

Help

<STYLE>EDIT the XXXXXXXX first, DONOT click preview without doing so first.</STYLE>

<h3>Can't resist my desires.</h3>

<div class="navigation">
<h1>navigation</h1>

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

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

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

<a href="http://myspace.com/designershoppe" class="nav">credit</a><BR>
<BR><BR>

<h1>extraaa</h1>
extra section for you. feel free to change the 'extra' title to anything else !

</div>

<div class="aboutme">
<h1>about me</h1>
Text text text
<b>bold</b> <i>italic</i> <u>underline</u> <s>stike through</s> <Big>Big</Big><br><a href="#">Link and hovering</a><BR>
DO NOT alter/change the images, I do not own the image; Pictures/stock/photography belongs to the rightful owners.<BR>Do NOT re-alter codes and/or use div as ref for yours. You may tweek some settings as long as credit stays :)<BR> You may NOT borrow/use stylesheet -__-;.<BR>And yeah ENJOY :)<BR>
There's no scrollbar so dont assume there is :).

</div>

Layout Comments

Showing latest 10 of 21 comments

i believe for the alignment problem it could be because of resolution problems? mine is set to the highest available which is 1280 on my computer...

By riotstar on Sep 19, 2008 5:08 am

I ♥ this layout. I'm using it right now. I can only spot one problem...and that's the fact that there isn't a blog nav bar. Is there any way you can possibly tweak the code and add one in or put an extra scroll bar with it or anything?
It's perfectly lovely though!!

By murdered1princess on Nov 25, 2007 1:08 am

Malina- ahhs okays >_

By imperfectionn-x on Oct 28, 2007 2:13 pm

Nope still doesnt work even in the preview. im still gonna use it without the pic loading.

By Malina on Oct 27, 2007 7:36 pm

i love the image.

By twodreamlovers on Oct 26, 2007 10:01 pm

LadiChannet - It works on mine , Hmm maybe different screen mode or size of your screen perhaps? I use a 21" computer or around that size o_o.

Malina - Did you wait it out to see if the img work? Or get it load properly? Did your browser block the url o.o?

By imperfectionn-x on Oct 26, 2007 5:44 pm

love it.

By alecreations on Oct 26, 2007 5:13 pm

ok i really liked this layout i even put it on my myspace everything worked BUT the image. I even went and copied the img link to see if it would work that way and still didnt.

By Malina on Oct 26, 2007 3:35 am

hm.. it's not aligned on my computer and i'm using IE too.

By bellexcii on Oct 26, 2007 2:39 am

It's compatable in IE.

By imperfectionn-x on Oct 26, 2007 1:18 am

View all »

Layout Details

Designer	imperfectionn-x
Submitted on	Oct 25, 2007
Page views	35,066
Favorites	222
Comments	21
Reviewer	digitalfragrance
Approved on	Oct 25, 2007

Desires

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates