Expect the UNKNOWN

Designer's Comments

Look carefully for specific instructions

REMEMBER TO LEAVE THE CREDITS ON, OTHER THAN THAT, YOU CAN MODIFY THE REST. PLEASE DON'T ALTER THE IMAGE!

DIRECTIONS:
1) search for the ***USER ID*** and replace them with your user id

2) search for the ***MYSPACE FRIEND URL*** and replace them with your friend's url. *Plus you can also replace the image with your friends' image, but remember that the image should be 100X100.

If there's any problems, feel free to send me a message.

*NOTE: THE LAYOUT LOOKS FINE WITH MOZILLA, not sure about IE though, should be fine as well. ^^

*If the colors look different, remove "#" in front of the color code, sometimes myspace doesn't show the color because of this reason.

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>
body 
{background-color: 000000;
background-image: none;
cursor: default;
background-repeat: repeat-y;
background-position: CENTER;

SCROLLBAR-FACE-COLOR:000000; 
SCROLLBAR-HIGHLIGHT-COLOR:ffffff;
SCROLLBAR-SHADOW-COLOR:FFFCF5; 
SCROLLBAR-3DLIGHT-COLOR:000000; 
SCROLLBAR-ARROW-COLOR:ffffff; 
SCROLLBAR-TRACK-COLOR: 000000;
SCROLLBAR-DARKSHADOW-COLOR:000000;
overflow-x:hidden;
}

font {background-color: transparent;}

.redlink, .orangetext15, .btext 
{COLOR: F9F0FF;
FONT-SIZE: 1;}

div div table td td font {visibility: hidden;}

p, table, tr, td, th, div
{border: 0px;
FONT: 9px arial; 
COLOR: ffffff; 
LETTER-SPACING: 0px; 
TEXT-ALIGN: justify
font-weight: bold;}

.comments {visibility:hidden;display:none;}

.nametext {display: none !important;}
div div table tr td a.navbar, div div table tr td font {display: none !important;}tr {background:transparent;}
table div font a, table div div {display: visible !important;}
table table div font a, table table div div 
{display: visible !important;}
table table td.text table td.text table table tbody td table, span.btext

{display: none !important}
table table td.text table td.text tbody table tbody td table td {display: none !important;}

h1, h2, .redtext, font, .navbar, .lightbluetext8, .blacktext12,  .whitetext12, .orangetext12, .nametext
{FONT: 11px/11px arial; COLOR:F9F0FF; LETTER-SPACING: 0px; TEXT-ALIGN: justify;}

.blacktext10 
{FONT-WEIGHT: normal; FONT-SIZE:9px; PADDING-BOTTOM: 2pt; PADDING-TOP: 0pt; COLOR:ffffff; border-bottom:F9F0FF 0px solid; 
FONT-FAMILY: arial; TEXT-DECORATION: none;  text-align: center; letter-spacing: 0.0em;}

P {FONT: 9px arial; COLOR:F9F0FF; LETTER-SPACING: 0px; TEXT-ALIGN: justify}

.blacktext10 {FONT: 10pt georgia; COLOR:F9F0FF; LETTER-SPACING: 0px; TEXT-ALIGN: justify; display:block;}

.header {
FONT-WEIGHT: normal; FONT-SIZE: 9px; PADDING-BOTTOM: 2pt; PADDING-TOP: 0pt; COLOR:F9F0FF; border-bottom:000000 0px solid; FONT-FAMILY: arial; TEXT-DECORATION: none;  text-align: center; letter-spacing: 0.0em;}

.content{background-color: transparent;}

.comments{display: visible; background: transparent;}

table table td.text table td.text tbody table tbody td table td {display: none !important;}
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 !important;}

b, strong
{font-weight: bold;
color: F9F0FF;
}

i, em 
{font-weight: italic;
color: F9F0FF;}

u 
{text-decoration: none;
color: F9F0FF;
border-bottom: 1px solid F9F0FF;}

font, td, p, xmp, li
{color: F9F0FF;
font-family: arial;
font-weight: normal;
font-size: 8pt;
line-height: 10pt;
text-align: justify;}

a:link
{font: normal 7pt arial;
color: 666666;
line-height: 10pt;
text-transform: uppercase;
text-decoration: none;
cursor: default;}

a:active
{font: normal 7pt arial;
color: 666666;
line-height: 10pt;
text-transform: uppercase;
text-decoration: none;
cursor: default;}

a:visited
{font: normal 7pt arial;
color: 666666;
line-height: 10pt;
text-transform: uppercase;
text-decoration: none;
cursor: default;}

a:hover 
{color: F9F0FF;
line-height: 10pt;
text-transform: uppercase;
text-decoration:none;
cursor: default; 
font-style:normal; font-variant:normal; font-weight:normal; font-size:7pt; font-family:arial}
</style>

.style1 {color: 666666}
</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

.blogheader
{background-image: url(http://cbimg9.com/layouts/07/07/07/19177ae.jpg);
background-position: center bottom;
background-repeat: no-repeat;
background-color: 000000;
text-transform: none;
padding-left: 1px;
padding-top:10px;
padding-bottom: 5px;
line-height: 85px;
width: 490px;
border-top: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;
border-left: 1px solid #FFFFFF;
}

.navheader 
{background-image: url(http://cbimg9.com/layouts/07/07/07/19177af.jpg);
backgrund-position: center bottom;
background-repeat: no-repeat;
text-transform: uppercase;
line-height: 25px;
color: FFFFFF;
letter-spacing: 2px;
background-color: none;
text-align: right;
padding-right: 8px;
padding-bottom: 8px;
padding-top: 4px;
font-style:normal; font-variant:normal; font-weight: normal; font-size:9pt; font-family: arial; 
border: 1px solid #FFFFFF;
}

.section 
{background-image: url(http://cbimg9.com/layouts/07/07/07/19177ag.jpg);
background-position:  center bottom;
background-repeat: no-repeat;
color: F9F0FF;
line-height: 10pt;
text-align: left;
text-transform: none;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-top: 3px;
font-weight: normal; font-size: 8pt; font-family: arial;
letter-spacing: 1px;
border: 1px solid #FFFFFF;
}

h1	
{
color: F9F0FF;
font-weight: normal;
font-family:sans-serif;
font-size: 25px;
top: 5px;
margin: 0 .6em;
position: relative;
}

h2
{
color: 666666;
position: relative;
top: -3em;
font-size: 9px;
font-weight: normal;
top: -17px;
margin: 0 2.5em;
letter-spacing: .4em;
text-transform: uppercase;
text-align: right;
}

textarea
{font:normal 10px arial; 
color: FFFFFF;
background-image: url(http://cbimg9.com/layouts/07/07/07/19177ad.jpg); 
SCROLLBAR-FACE-COLOR:000000; 
SCROLLBAR-HIGHLIGHT-COLOR:ffffff;
SCROLLBAR-SHADOW-COLOR:FFFCF5; 
SCROLLBAR-3DLIGHT-COLOR:000000; 
SCROLLBAR-ARROW-COLOR:ffffff; 
SCROLLBAR-TRACK-COLOR: 000000;
SCROLLBAR-DARKSHADOW-COLOR:000000;
border: 1px dashed FFFFFF;
background-color: F9F0FF;  
width: 400px;
}

input.textarea
{font:normal 10px arial; 
color: 000000; 
scrollbar-track-color: F9F0FF; 
border: 1px solid F9F0FF;
background-color: F9F0FF;  
width: 400px;
}

.button 
{border: 1px solid F9F0FF;
color: FFFFFF;
background-color: 000000; 
font-style:normal; font-variant:normal; font-weight:normal; font-size:10px; font-family:arial;
width: 400px;}

</style>

<div class="blogheader"><h1>Leave a Comment</h1>
<h2>Leave a Comment</h2></div>
<fieldset>
<center>
<form method="post" action="http://collect.myspace.com/index.cfm?fuseaction=user.confirmComment">
  <p>
    <input type="hidden" name="friendID" value="***USER ID****">
  </p>
  <br>
    <textarea name="f_comments" class="textarea" cols="45" rows="5">Hi ...</textarea>
    <br>
    <input type="submit" class="button" value="Send Your Message Now">
  
</form></center>
<br>
<center>
	<a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewComments&friendID=***USER ID***">View My Comments</a>
</center>
<br>
<BR>
<br>
</fieldset><br>
<br><br><br><br>

<div class="blogheader"><h1>Here's a view of how this look</h1>
<h2>maybe this here you can put the date</h2></div>
<fieldset>
<p>I'll put a few examples of how the font and certain things look here</p>

<ul>
	<li>number one
	<li>number two
	<li>number three
</ul>
<ol>
	<li>NUMBER ONE
	<li>NUMBER TWO
	<li>NUMBER THREE
</ol><br>

</fieldset><Br>
<br><br><br><br>

<div class="blogheader"><h1>Another Random Section</h1>
<h2>put anything here or leave blank</h2></div>
<fieldset>
<br><br>
Remember to write inside this area.  Add pictures or anything.

</div>

<div class="navheader">About Me</div>
<div class="section">
Here's where you write a little about yourself. Facts or what is interesting can be put here. ^___^
</div><br>

<div class="navheader">Navigation</div>
<div class="section">
<ul>
	<li><a href="http://www.myspace.com"> Home</a><br>
	<li><a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=***USER ID***">Add me</a><br>
	<li><a href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=***USER ID***"> Send a Message</a><br>
	<li><a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=***USER ID***&MyToken=8b1f5c5c-e4f1-4add-a5e5-ae9c212058bc"> View All of My Pics</a><br>
	<li><a HREF="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=***USER ID***" TARGET="_blank"> View My Blogs</a><br>
	<li><a href="http://mail.myspace.com/index.cfm?fuseaction=mail.forward&friendID=***USER ID***&f=forwardprofile"> Forward to a Friend</a><br>
	<li><a href="http://collect.myspace.com/index.cfm?fuseaction=user.addToFavorite&friendID=***USER ID***&public=0"> Add as Favorites</a><br>
	<li><a href="http://groups.myspace.com/index.cfm?fuseaction=groups.addtogroup&friendID=***USER ID***"> Add to a Group</a><br>
	<li><a href="http://collect.myspace.com/index.cfm?fuseaction=block.blockUser&userID=***USER ID***"> Block Me</a><br>
	<li><a href="http://collect.myspace.com/index.cfm?fuseaction=RateImage.UserRating&UserID=***USER ID***"> Rank Me</a><br>
</ul>

</div><br>

<div class="navheader">Friends</div>
<div class="section">
<br>

</div><br>

<div class="navheader">Music</div>
<div class="section">

Here's where you put your music player.

</div><br>

<div class="navheader">Credits</div>
<div class="section">
***Please leave this as is***<br>
<ul>
	<li><a href="http://christygem.livejournal.com"> Layout</a><br>
	<li><a href="www.supernatural.tv"> Image</a><br>
	<li><a href="http://www.strangeangels.net/"> Brushes</a><br>
</div><br>

</div>
<br><br>

Layout Comments

Showing latest 10 of 25 comments

I LIKE THIS ONE!

By Butterface89 on Sep 1, 2010 10:29 am

ive seen dis layout before...
it was better positioned
but still cool

By SocramZ on Sep 3, 2008 5:57 pm

i LOVE IT!
I love the two guys!!

By Anetka07 on Oct 29, 2007 5:12 pm

I am a HUGE Supernatural, Jensen, & Jared fan. This layout pretty cool, especially the lightning effect & the pic of Jared is good, BUT...it's a bit too plain & that is NOT a flattering picture of Jensen Ackles at all...he looks like hes drugged or something. I've seen much better pictures of him.

By SugaPwum on Sep 23, 2007 3:03 pm

OMG> Thisis awesome! I dont like using DIV layouts though, but I'd def. love to use this!

By ThatMcFLYGirl on Sep 8, 2007 11:15 pm

Yes that picture is supposed to be jensen, but it just didn't show when I uploaded the layout.. :(

By christygem on Aug 24, 2007 11:06 pm

Is there supposed to be a picture of Jensen under the one of Jared under Friends? Because it isn't working on my computer, and I can't find a way to get it to work.

By jeccazell90 on Aug 24, 2007 6:56 pm

GOODNESS THEY ARE SOOOOO SEXYYYY!

But i think someone needs to make one with themm thats a lil more girly.

By DESTiiNYx3 on Aug 12, 2007 12:42 am

@flaymzofice: To tell you the truth, I kind of rush through this layout a bit, finished everything in a day, so there's not that much time to be creative and did a quick two column layout XP
As for the clouds/smoke effect, there's no custom-made brush use other than the ones that photoshop has. It's a special kind of technique I like to use on the majority of my graphics or artwork. ^_~

By christygem on Jul 10, 2007 10:04 pm

Its nice. I like the lightening, just the headers seem a little off.

By luku on Jul 10, 2007 4:04 pm

View all »

Layout Details

Designer	christygem
Submitted on	Jul 7, 2007
Page views	19,248
Favorites	60
Comments	25
Reviewer	karmakiller
Approved on	Jul 7, 2007

Expect the UNKNOWN

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates