Dream.

Designer's Comments

Look carefully for specific instructions

FIXED. haha I know what's wrong :p Im so stupid xD I erased the code to display the image -___-. Anyways sorry for the delay :p !!

Replace XXXXXXXXX to your FRIEND IDs

You must know html knowledge, atleast know how to read html.

:Dv

------------------
(C)designershoppe @ myspace . 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>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, my STYLE, dont jack it}
.C (myspace.com/designershoppe, donot use stylesheet}
.Browsers (Tested on IE, not really good on FF)
</STYLE>
<STYLE type="Text/Css">
body {
 	background-repeat: no-repeat;
	background-position:center center;
 	background-attachment: fixed;
	scrollbar-arrow-color: FF5162;
	scrollbar-face-color: FFF3E3;
	scrollbar-3dlight-color: FFF3E3;
	scrollbar-darkshadow-color: FFF3E3;
	scrollbar-shadow-color: FFF3E3;
	scrollbar-highlight-color: FFF3E3;
	scrollbar-track-color: FFF3E3;
	overflow: auto;
	background-color: white;
	background-image: url("http://cbimg6.com/layouts/07/10/20/22488aa.jpg");
	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: FF3532; 
	LETTER-spacing: 2px; 
	BORDER: NONE;}

I, EM {
	FONT-family: GEORGIA; 
	FONT-size: 11px; 
	FONT-weight: ITALICS;
	TEXT-transform: NONE; 
	LINE-height: 10px; 
	COLOR: FF3532; 
	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: 969696; 
	BORDER-bottom: 1px solid;  
	BORDER-bottom-COLOR: FF3532;}

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

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

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

.headerIMG {
	BACKGROUND-color:TRANSPARENT;
	WIDTH:606px;
	HEIGHT:557px;
	LEFT:326px;
	TOP:70px;
	overflow:hidden;
	position:absolute;
	text-align:left;
BACKGROUND-image:url("http://cbimg6.com/layouts/07/10/20/22488ab.jpg");
	BACKGROUND-repeat:n-repeat;
	BACKGROUND-position:top center;
	BACKGROUND-attachment:scroll;
	visibility:visible;
	z-index:0;
}

.aboutme {
	Background-color: TRANSPARENT;
	WIDTH:400px;
	HEIGHT:auto;
	LEFT:335px;
	TOP:550px;
	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:745px;
	TOP:550px;
	WIDTH:185;
	HEIGHT:auto;
	OVERFLOW-x:hidden;
	COLOR:000;
	TEXT-align:justify;
	BORDER:-0px solid;
	BORDER-color:cccccc;
	POSITION:absolute; 
	VISIBILITY:visible;}

h1 {
	FONT-family:times;
	FONT-size: 40px;
	FONT-weight: normal;
	COLOR: F72335;
	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;}

</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: E84600; 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: D92B2B; 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:FF7C5E;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:FEE7C0;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>

<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 27 comments

I really like this layout. Just that it's not aligned. Chrissy-may your code works for about, but not the right side =/

By Cuttie-Gurl4 on Dec 13, 2007 5:04 pm

hey how do you put ur own pix in it???

By jenNseng on Nov 20, 2007 11:52 pm

ive fixed the allignement for everyone.

find this part of the code and replace it with the following:

.headerIMG {
BACKGROUND-color:TRANSPARE NT;
WIDTH:606px;
HEIGHT:55 7px;
LEFT:196px;
TOP:70px;
overflow:hidden;
position :absolute;
text-align:left;

BACKGROUND-image:url("http:/ /cbimg6.com/layouts/07/10/20/2 2488ab.jpg");
BACKGROUND-re peat:n-repeat;
BACKGROUND-po sition:top center;
BACKGROUND-attachmen t:scroll;
visibility:visible ;
z-index:0;
}

.aboutme {
Background-color: TRANSPARENT;
WIDTH:400px;
HEIGHT:auto;
LEFT:203px;
T OP:550px;
overflow-X:Hidden;
position:absolute;
border :-0px solid;
border-color:cccccc;

text-align:justify;
visibility:visible;
backgro und-image:url("");
backgro und-repeat:n-repeat;
backgro und-position:left-top}

.nav igation {
BACKGROUND-color:TRANSPARE NT;
LEFT:610px;
TOP:550px;
WIDTH:185;
HEIGHT:auto;
OVERFLOW-x:hidden;
COLOR:00 0;
TEXT-align:justify;
BOR DER:-0px solid;
BORDER-color:cccccc;

POSITION:absolute;
VISIBILITY:visible;}

h1 {
FONT-family:times;
FONT- size: 40px;
FONT-weight: normal;
COLOR: F72335;
LINE-height: 25px;
LETTER-spacing: -3px;
TEXT-align:left;
TEX T-transform: none;
PADDING:2px;
PADDING -left:2px;
PADDING-bottom:0p x;
PADDING-right:0px;
MARG IN: 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;
BOR DER-color:white;}

By chrissy-may on Nov 17, 2007 12:05 am

Er... it's misaligned because
1) Looks BEST in 19" + computers
(Just checked on my ssiter's computer who she has the older ver. big computer that is 1024 x...)

2) The img works on both computers.

So idk o_o. Hope it helps.

By imperfectionn-x on Nov 2, 2007 10:16 pm

it's sooo cute.

By akikodesu on Nov 2, 2007 8:15 pm

i can see the image
and the layout is beautiful
but it's extremely misaligned in ff :'[

By frankie on Nov 2, 2007 4:15 pm

love the layout, but this is extremely misaligned in IE

By Jovannie on Oct 30, 2007 1:43 pm

thankx

By phanhia on Oct 27, 2007 10:10 pm

The preview doesn't work, and the codes themselves don't work very well either.

By towntown2 on Oct 24, 2007 9:19 pm

this is a gorgeous layout. really pretty and neat. x

By --broadwaydream on Oct 23, 2007 9:31 am

View all »

Layout Details

Designer	imperfectionn-x
Submitted on	Oct 20, 2007
Page views	42,391
Favorites	246
Comments	27
Reviewer	IVIike
Approved on	Oct 20, 2007

Dream.

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates