Happy Halloween

Designer's Comments

Look carefully for specific instructions

[This is a resubmission. P.S. so there is no further confusion, I was previously known as Shique so the coding may seem familiar to some of you.]

I've created DIV layouts that are setup almost like websites, complete with a sort of "personality profile", so for those of you who are HTML/CSS challenged, all you have to do is enter in your own information and POOF, you have a DIV layout. I've created an avatar for those of you who don't have personal photos yet, which you can keep up or replace with your own.

Don't forget to take out any information you've entered into the original myspace profile edit section, otherwise your old info may show through the DIV layer.

Also, switch out all the XXXXXX's to your specific friend ID.

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: 000000;
background-image: url();
background-repeat: repeat-y;
background-attachment: fixed;

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

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

{REGULAR LINKS}
A:link    { color: 95250b; 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: 95250b; 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: 95250b;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:arial;
	text-align: left;
	font-style:none;
	font-size:10px;
	line-height:10px;
	color:fac041!important;
	background-color:20180f;
        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:arial;
	font-style: normal;
	font-variant: small-caps;
	font-size: 12px;
	line-height: 10px;
	text-align: left;
	color:fac041!important;
	background-color:20180f;
	border-right: 20px solid;
	border-color: f8e15a !important;
	cursor: crosshair;
	display: block;
	margin: 0;
	margin-bottom: 0em;
	padding: 0px;
	padding-left: 1px;
	padding-right: 1px;
	}

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

.topic{
font-family:arial; 
color:000000; 
font-size: 28px; 
letter-spacing:-2pt; 
text-align: center; 
line-height: 27px; 
font-weight:normal; 
display:block; 
background-color:ff8a00;
background-image: url(http://cbimg6.com/layouts/07/10/24/22598ab.gif); 
visibility:visible;
border-bottom:dashed 1px; 
border-top:dashed 1px; 
border-color:000000;
text-align:center;
text-transform:lowercase
}

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

.navbox{
background: 20180f;
border: 1px solid black;
font-family: Centurygothic;
font-size: 11px;
color: fac041;
text-align: justify;
cursor: crosshair;
line-height: 9px;
font-weight: normal;
padding: 2px;
text-transform: none;
}

.textbox{
background: 20180f;
border: 1px dotted black;
font-family: Centurygothic;
font-size: 11px;
color: fac041;
text-align: justify;
cursor: crosshair;
line-height: 9px;
font-weight: normal;
padding: 2px;
text-transform: none;
}

b{
color: ;
}

i{
color: ;
}

u{
color: ;
}

ul{
color: #ff8a00;}

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;}
 
.bg{background-image:url(http://cbimg6.com/layouts/07/10/24/22598ac.png);  left:0px; top:497px; width:800px; height:10000; position:absolute; z-index:9}
.main{background-image:url(http://cbimg6.com/layouts/07/10/24/22598ad.png);  left:0px; top:136px; width:800px; height:497; position:absolute; z-index:9}

.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="navhead">NAVIGATION</div><div class="navbox">
<a href="http://home.myspace.com/index.cfm?fuseaction=user" class="nav">Home</a>
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=XXXXXXXX" class="nav">Pictures</a>
<a href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX" class="nav">Message Me</a>
<a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX" class="nav">Add Friend</a>
<a href="http://collect.myspace.com/index.cfm?fuseaction=user.addToFavorite&friendID=XXXXXXXX&public=1" class="nav">Favorite</a>
<a href="http://home.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=XXXXXXXX" class="nav">My Friends</a>
<a href="http://comments.myspace.com/index.cfm?fuseaction=user.viewComments&friendID=XXXXXXXX" class="nav">My Comments</a>
<a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=XXXXXXXX&MyToken=38231707-bbe3-4890-b980-dff76ddd96f2" class="nav">Add Comment</a>
<a href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=XXXXXXXX" class="nav">Blog</a>
<a href="http://eyeXcandy.createblog.com" class="nav">Layout Design</a>
</diV><bR>

<div class="navhead">Interests</div>
<div class="navbox">
Music, Movies, Television .... anything you want to let people know about your general interests would go here.
<br><br></div><bR>

<div class="navhead">Expressions</div>
<div class="navbox">
Avatar/Blinkies Here (just make sure they aren't wider than 195px)
<br><br></div><bR>

<div class="navhead">People to See</div>
<div class="navbox"><center>
<a href="http://www.myspace.com/FRIENDURLHERE">Name</a><bR>
<a href="http://www.myspace.com/FRIENDURLHERE">Name</a><bR>
<a href="http://www.myspace.com/FRIENDURLHERE">Name</a><bR>
<a href="http://www.myspace.com/FRIENDURLHERE">Name</a><bR>
<a href="http://www.myspace.com/FRIENDURLHERE">Name</a><bR>
<br><br></div><bR>

<div class="navhead">PROFILE STATS</div><div class="navbox">
Webmiss: your name here<br>
Create date: 00.00.00<br>
Layout: Happy Halloween<br>
Best Viewed: 1280x1024<br>
Browser: IE 7<br>
Design: <a href="http://www.myspace.com/candyforyourlayouts">eyeXcandy</a><br>
<br><br>
</div>

</diV><div id="2" style="position:absolute; border:0; left:335; top:-200; width:365; height:auto; padding:0px; overflow:none; z-index:2; background:transparent;"  align="left">

<div class="head1">Terms of Use</div><div class="textbox"><br>
Terms of Use:<br>
<ul>
<li> To display properly, you should erase all data from your profile information sections. Otherwise, the text may show through the DIV layer.</li>
<li> Don't forget to replace the XXXXXX with your friend ID.</li>
<li> Please do not remove any credits placed on layouts.</li>
<li> If you use, feel free to send me a message at <a href="http://www.myspace.com/candyforyourlayouts"> eyeXcandy</a> so I can check it out!</li>
<li> Last, but not least, make sure any avatars/blinkies/pictures you insert do not exceed [365]px or your tables will widen and the layout will not display properly.</li>
</ul>
</div><bR>

<center><img src="http://cbimg6.com/layouts/07/10/24/22598aa.gif"></center>

<br><center>
Name:  <br>
Age/Sex: <br>
Birthday: <br>
Location: <br>
Quote: <br><br>
</center>

<p class="topic">THE LOOKS</p>
Hair color:  <br>
Eye color:  <br>
Height:  <br>
Tattoos: <br>
Piercings: <br>
Best physical feature: <br>

<p class="topic">PERSONALITY</p>
Best character trait: <br>
Bad Habits: <br>
Overused phrase: <br>
Do you have any special talents? <br>
Do you collect anything? <br>
What's the craziest thing you have ever done? <br>
Worst Fear? <br>
Most embarrassing moment: <br>
Favorite memory: <br>
Dream car: <br><br>

Loves: (list anything & everything that comes to mind) <br>
Hates: (list anything & everything that comes to mind) <br> <br> <br>

<p class="topic">FAVORITES</p>
Time of year: <br>
Holiday: <br>
Movie: <br>
TV show: <br>
Song: <br>
Artist: <br>
Alcoholic beverage: <br>
Food: <br>
Scent: <br>
Flower: <br>
Animal: <br>
Candy: <br><br>

<p class="topic">WHO ARE?</p> 
Boyfriend/ girlfriend:  <br>
Parent:  <br>
Sibling:  <br>
Best friend(s):  <br>
Pet(s): <br> <br>

<p class="topic">BELIEFS</p>
Magic?  <br>
Miracles?  <br>
Ghosts?  <br>
Love at first sight?  <br>
Yourself?  <br>
Wishing on shooting stars?  <br> <br>

<p class="topic">THE MYSTERY OF LOVE</p>
Have you ever been in love? <br>
Have you ever had your heart broken? <br>
How would you turn someone down? <br>
What do you look for in the opposite sex? <br> <br>

<p class="topic">FINISH THE SENTENCE</p>
If I had 1 million dollars I would.... <br>
I am a great.... <br>
Before I die I want to.... <br>
If I could go anywhere, I'd go.... <br> <br>

<p class="topic">RANDOMNESS</p>
What's your name spelled backwards?  <br>
Longest car ride?  <br>
What is one thing you want?  <br>
What is the biggest amount of people you've had spend the night?  <br>
Do you consider yourself a good singer?  <br>
What is the coolest memory you've had with your best friend?  <br>
Are you a MySpace addict? <br>
What is the weirdest comment you've ever gotten?  <br>
Can you make people laugh?  <br><br>

</div><br>

<div class="head1">Miscellaneous</div><div class="textbox"><br>
You can add another section here. Maybe a music player or a comment box...whatever your little heart desires. Remember to make sure the width of any images/graphics you put in here also doesn't exceed [385]px.
<br><br> Here is an example of what your text would look like <b>bold</b>, and here's some <i>italic</i> and we'll even try it with <u>underline</u>....
<br><br></div>

Layout Comments

Showing latest 10 of 15 comments

Awesome layout! I think i may use this.

By akjvet2005 on Oct 19, 2009 10:55 pm

i love this!
im going to use it when it gets closer to Halloween :]
Added to Faves!
xx

By Lottipop on Oct 5, 2008 3:04 pm

This layout is really uber awesome!!! Love the bat brush!

By dilligrout on Oct 5, 2008 1:35 pm

How could I add my comments on the bottom, for everyone to see? please help! thanks. I love this layout, great work!

By flachristina3 on Sep 26, 2008 9:48 pm

This is truly wonderful. :) I can't wait 'til Halloween to use it ;-)

By emberfly on Mar 5, 2008 5:20 pm

This is one of the nicest Halloween layouts on this website.

By SugaPwum on Nov 13, 2007 6:20 pm

Me either !
Said : The markup in the document following the root element must be well-formed.

By blessiah on Nov 8, 2007 7:47 pm

I cant make this layout work! Help

By sheena2377 on Oct 28, 2007 6:25 pm

There are no graphic headers for the navigation side, just text.

And to those of you who wish for there to be less space at the bottom, go to the section that starts with .bg and change the height from 10000 to whatever you want it to be. I just make it so much so that if you want to add more sections, you don't run out of space. ;)

By MissPixxed on Oct 27, 2007 1:58 pm

thanks for the great layout, I'm using it! and HAPPY HALLOWEEN

By Lakishia on Oct 27, 2007 1:03 pm

View all »

Layout Details

Designer	MissPixxed
Submitted on	Oct 24, 2007
Page views	13,218
Favorites	83
Comments	15
Reviewer	digitalfragrance
Approved on	Oct 24, 2007