Passionate

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

:)

** viewable best in IE 'cuz the images in the aboutme/ header---- the images show; so yeah xD

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>
.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-color :black;
	BACKGROUND-image :url("");
	BACKGROUND-repeat :Y-repeat;
	BACKGROUND-position :absolute;
	BACKGROUND-attachment :scroll;}
td, .text, h2, h3, div, input {color:white;font-family:arial; font-size:11Px; letter-spacing:0pt;font-weight: Normal;text-transform:NONE;} 
<STYLE>
BODY{
scrollbar-arrow-color: white;
scrollbar-face-color:black;
scrollbar-3dlight-color: black;
scrollbar-darkshadow-color: black;
scrollbar-shadow-color: black;
scrollbar-highlight-color: black;
scrollbar-track-color:black;}

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

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

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

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

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

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

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

.headerIMG {
	BACKGROUND-color:TRANSPARENT;
	WIDTH:600px;
	HEIGHT:380px;
	LEFT:100px;
	TOP:150px;
	OVERFLOW:auto;
	position:absolute;
	text-align:left;
	BACKGROUND-image:url("http://cbimg6.com/layouts/07/10/07/22228aa.jpg");
	BACKGROUND-repeat:n-repeat;
	BACKGROUND-position:top center;
	BACKGROUND-attachment:scroll;
	visibility:visible;
}

.aboutme {
	Background-color: TRANSPARENT;
	WIDTH:400px;
	HEIGHT:auto;
	LEFT:250px;
	TOP:450px;
	overflow-X:Hidden;
	position:absolute;
	border:-0px solid;
	border-color:cccccc;
	text-align:justify;
 	visibility:visible;
	background-image:url("http://cbimg6.com/layouts/07/10/07/22228ab.jpg");
	background-repeat:no-repeat;
	background-position:bottom left}

.navigation {
	BACKGROUND-color:TRANSPARENT;
	LEFT:680px;
	TOP:250px;
	WIDTH:170;
	HEIGHT:auto;
	OVERFLOW-x:hidden;
	COLOR:white;
	TEXT-align:justify;
	BORDER:-0px solid;
	BORDER-color:cccccc;
	POSITION:absolute; 
	VISIBILITY:visible;}
	background-image:url("http://cbimg6.com/layouts/07/10/07/22228ac.jpg");
	background-repeat:no-repeat;
	background-position:bottom-left}

h1 {
	FONT-family:arial;
	FONT-size: 30px;
	FONT-weight: normal;
	COLOR: white;
	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: black; 
	BACKGROUND-image:url("http://cbimg6.com/layouts/07/10/07/22228ac.jpg");
	BACKGROUND-repeat:no-repeat;
	BACKGROUND-position:left;
	BACKGROUND-attachment:scroll;
	BORDER-bottom:1px 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:arial; font-size: 8pt; color: EA0A19; 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:ARIAL; font-size:8pt; color: white; 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:FFFFFF;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:DC2626;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{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:100%;}
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;}
</style>

</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 24 comments

I really like it.
But the bottom flower kind of kills it. X_X

By xFabby on Jun 10, 2008 3:15 am

Winry14- Pardon? I dont get what you are tryin to say

By imperfectionn-x on Oct 21, 2007 8:23 pm

i know this is probably a stupid question, but how do I make the navigation work?

By Winry14 on Oct 21, 2007 2:30 pm

puertoricancutie13- what do you mean? Are you using firefox or IE ? 'cos I didnt do anything about the scrollbar colors 'cos the div doesnt really need one so yeah

By imperfectionn-x on Oct 16, 2007 10:33 pm

i cant hide the scroll bar or the top navigation bar on this layout.. i tried like everythinggg it doesnt work. any suggestions?

By puertoricancutie13 on Oct 13, 2007 6:29 pm

this profile is very pretty, it's so gorgeous!

By Lakishia on Oct 12, 2007 6:04 pm

yes, if your good at html, just ajdust the LEFT px from headerimg, about me, and navigation section , with the same PX in each of them, like if you want to move it 100px ---> way, plus 100 on each of them.
:D

By imperfectionn-x on Oct 11, 2007 6:36 pm

is there any way to make it more centered on the page?

By jellibeanzbb911 on Oct 11, 2007 1:52 am

i really really like this one! red is really an atractive colour!

By PiNK-RAGe on Oct 10, 2007 6:18 pm

Buddy, You deleted your other divs. Are you dumb? You dont even know your own divs that jacked off mine?

By imperfectionn-x on Oct 9, 2007 6:56 pm

View all »

Layout Details

Designer	imperfectionn-x
Submitted on	Oct 7, 2007
Page views	30,117
Favorites	219
Comments	24
Reviewer	themarkster
Approved on	Oct 7, 2007

Passionate

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates