Black & Pink & Grey. Simple. :)

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

IT IS FIXED.

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

body {
background-color: 181818;
background-image: url();
background-repeat: repeat-y;
background-attachment: fixed;

scrollbar-arrow-color: 000000; 
scrollbar-face-color: 000000;
scrollbar-3dlight-color: 181818;
scrollbar-highlight-color: 181818;
scrollbar-darkshadow-color: 181818;
scrollbar-shadow-color: 181818;
scrollbar-track-color: 181818;

font-family: Arial;
font-size:11px;
color:181818;
text-align:justify;
cursor: pointer;
line-height: 9px;}

{REGULAR LINKS}
A:link    { color: EA0D4E; font-family:small fonts; font-size: 7px; font-weight: normal; text-decoration: none; letter-spacing: 1px; text-transform: uppercase; line-height: 10px;}
A:visited { color: EA0D4E; font-family:small fonts; font-size: 7px; font-weight: normal; text-decoration: none; letter-spacing: 1px; text-transform: uppercase; line-height: 10px;}
A:hover   { color: EA0D4E;font-family: times; font-size: 20px; font-weight: normal; text-decoration: none; letter-spacing: -2px; text-transform: lowercase; line-height: 15px;}

{NAVIGATIONAL LINKS}
a.nav:link, a.nav:visited, a.nav:active {
	text-decoration: none;
	font-family:verdana;
	text-align: left;
	font-style:none;
	font-size:10px;
	line-height:10px;
	color:black!important;
	background-color:white;
        cursor: default;
	display: block;
	margin: 0;
	margin-bottom: 0em;
	padding: 0px;
	padding-left: 1px;
	padding-right: 1px;
	}
a.nav:hover {
	text-decoration: none;
	font-family:verdana;
	font-style: normal;
	font-variant: small-caps;
	font-size: 12px;
	line-height: 10px;
	text-align: left;
	color:black!important;
	background-color:white;
	border-right: 40px solid;
	border-color: E7E3E7!important;
	cursor: crosshair;
	display: block;
	margin: 0;
	margin-bottom: 0em;
	padding: 0px;
	padding-left: 1px;
	padding-right: 1px;
	}

.head1{
font:30px century gothic;
color:#EA0D4E;
text-align:right;
text-transform:uppercase;
line-height:20px;
letter-spacing:-3;
border-bottom:1px dashed #EA0D4E
}

.head2{
font-family:arial; 
color:000000; font-size: 28px; 
letter-spacing:-2pt; 
text-align: center; 
line-height: 15px; 
font-weight:bold; 
display:block; 
background-color:transperant; 
visibility:visible;
border-bottom:dashed 1px; 
border-top:dashed 1px; 
border-color:F00D50;
text-align:center;
text-transform:lowercase
}

.topic{
font:22px impact;
color:#EA0D4E;
text-align:center;
text-transform:lowercase;
line-height:22px;
letter-spacing:-1;
border-bottom:;
background-image: url();
}

.navhead{
font:22px impact;
color:#EA0D4E;
text-align:right;
text-transform:lowercase;
line-height:22px;
letter-spacing:-1;
border-bottom:;
}

.navbox{
background: transparent;
border: ;
font-family: arial;
font-size: 11px;
color: 181818;
text-align: justify;
cursor: pointer;
line-height: 9px;
font-weight: normal;
padding: 2px;
text-transform: none;
}

b{
color:EA0D4E;
font-weight: normal;
}

i{
color: ;
}

u{
color: ;
}

ul{
color: 181818;}

EMBED{width:0px;height:0px;} div table table table td font {visibility:visible;} table table embed {display:block; position:absolute; top:11px; left:0px; visibility:visible;} table table table embed {position:static;} .herpe td td object {position:absolute; left:40%; margin-left:-150px; top:300px;}
embed, object {display:block; width:0px; height:0px;}

.comments{visibility:visible;width:2px; height:1px;position:absolute;
top:200px;left:10px; 
overflow:auto;background-color:white;font-family:georgia;
border:black 0px solid;z-index:2px;}

.orangetext15, .navbar, .contacttable {display:none;visibility:hidden;}

div table {background-color:transparent;}
td.text table {visibility:hidden;}
td.text table table, td.text table table td.text {visibility:visible;}
td td td td td div {background-color:transparent;}
td td td td td div strong {visibility:hidden;}
table table table {visibility:hidden;}

table, tr, td {background:transparent; border:0px;}
table table table {background-color:transparent;}

input {background-color:transparent !important;}
}
img {border:0px;}

.blacktext10 {display:block;}

a {font:normal 10px Verdana; color:B9A993 ; font-weight:none; border:0px; text-transform: none; }

.r{}

.comt td, .comt table{width:0px!important; 
height:0px!important; 
background-color:transparent!important; 
border:0px!important; _padding:2px!important;} 
.comt .comt td, .comt table, .comt td a img, .comt td td td a, .comt td b a, .comt td .redlink{visibility:visible;}

.comt td b, .blacktext10 {display:block;}

.comt {z-index:7;}

.comt { width:500px; 
	height:225px; 
	overflow:auto;
	background-color:transparent; 
	border:0px solid; 
	border-color:none;
	position:absolute; 
	top:518px; 
	left:50%; 
	margin-left:-260px;}

.blacktext10 {width: 320px;}

td.text td.text table table table, td.text td.text table br, td.text td.text table .orangetext15, td.text td.text .redlink, td.text td.text span.btext {display:none;}td.text td.text table {background-color:transparent;}td.text td.text table td, td.text td.text table {height:0;padding:0;border:0;}td.text td.text table table td {padding:3;}td.text td.text table table br {display:inline;}

td.text td.text td td a, .redlink, td.text td.text td b a {visibility:visible!important;} td.text td.text td a {visibility:hidden;} 
</STYLE></style>

<div class="head2">ABOUT ME.</div><div class="navbox"><br>
<br>
Type anything about you here, feel free to change the header (Where it says About Me.) to anything you like. :] <br><br>

</div><bR>

Feel free to change that also.</div><bR>

<div class="head2">INTERESTS.</div><div class="navbox"><br>

You can delete any of these headers by just deleting it. :]
<br>
To delete it you have to erase from where it says:<br><br>

<--div class="head2"--> <br><br>

until it ends at the <--div class="navbox"--><Br><br>
(the real codes don't have the dashes. :]</div><bR>

<div class="head2">MUSIC.</div><div class="navbox"><br>

blahblahblahblah</div><bR>

<div class="head2">MOVIES.</div><div class="navbox"><br>

blahblahblahblah</div><bR>

<div class="head2">TELEVISION.</div><div class="navbox"><br>

blahblahblahblah</div><bR>

<div class="head2">HEROES.</div><div class="navbox"><br>

blahblah
</div><br>

Layout Comments

Showing latest 10 of 33 comments

Yeah I'd prefer it to be center aligned as well.. but I may use it anyways.. I love it!

By VannahVonTerror on Dec 28, 2007 3:52 pm

nice!!

By ScoripanPrincess on Dec 28, 2007 2:37 pm

would look better center aligned, but it's really nice. :)

By audreyluzr on Nov 15, 2007 12:35 am

this layout is awesome. i have it on my myspace. fixin the nav was lame but i like this layout. can't wait to see more layouts.

By sorrysraine on Nov 5, 2007 9:47 pm

where do i put my friend ID?

By daniimaee on Nov 5, 2007 4:48 pm

can someone help me with the friend id codes?!

By AliceXCyanide on Nov 4, 2007 11:31 pm

thank you so much. i'm actually using it for my club's myspace. The Box Crew, if you were wondering. I hope you get it fixed soon and thanks so much!

By ninjesama on Nov 4, 2007 10:21 pm

I LOVE THIS!! its my absolute favorite..i cannot wait til u get it fixed so that i can use it :]]

By azaa0aaza on Nov 4, 2007 8:41 pm

This is really lovely - could do with less vertical scroll though.

By S-Majere on Nov 4, 2007 2:12 pm

Ooo I like it. Where did you get the paint splatter brushes?

By umbreon on Nov 4, 2007 9:24 am

View all »

Layout Details

Designer	nanirexx
Submitted on	Nov 2, 2007
Page views	42,235
Favorites	348
Comments	33
Reviewer	digitalfragrance
Approved on	Nov 2, 2007

Black & Pink & Grey. Simple. :)

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates