Supernatural 2.

Designer's Comments

Look carefully for specific instructions

I called this number '2' because I already have a Supernatural Div Layout... it was my first layout! XD Anyways...

Replace the XXXXXXX's with your friend ID. Don't ask me what a Friend ID is, because apparently there's a tutorial/script...thing, telling you what it is and how to get it. (Y)

Edit the bits I've written in the WILTM section.

Leave the About me code alone.

Don't copy my stylesheet! (Not that it's anything special...)

It says this in the layout, but PLEASE DON'T add a < P > in the layout. It'll make the text go funny.

Have funnnnnn. :]

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 type="text/css">
body {scrollbar-arrow-color:ffffff; scrollbar-track-color: ebebeb; scrollbar-face-color: ebebeb; scrollbar-3dlight-color: ebebeb; scrollbar-highlight-color: ebebeb; scrollbar-darkshadow-color: ebebeb; scrollbar-shadow-color: ebebeb;}</style>

.about {border-style:solid; border-color:transparent; border-width:0px; position:absolute; padding:2px; font-family:trebuchet ms; font-size:13px; color:000000; top:350px; left:173px; height:283px; width:660px; overflow:auto; letter-spacing:-1px;}

.friends {border-style:solid; border-color:transparent; border-width:0px; position:absolute; padding:2px; font-family:trebuchet ms; font-size:13px; color:000000; top:643px; left:173px; height:304px; width:424px; overflow:auto; letter-spacing:-1px;}

.etc {border-style:solid; border-color:transparent; border-width:0px; position:absolute; padding:2px; font-family:trebuchet ms; font-size:13px; color:000000; top:957px; left:173px; height:213px; width:259px; overflow:auto; letter-spacing:-1px;}

.navi {border-style:none; border-color:transparent; border-width:0px; position:absolute; padding:3px; font-family:trebuchet ms; font-size:13px; color:000000; top:300px; left:4px; height:auto; width:auto; overflow:auto; line-height:auto; letter-spacing:0px;}
</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="about"><h1>About Me.</h1>This is your <b>about me.</b>
<br>Please don't add "< p >" to <u>anything</u> (obviously, it'll be without the spaces if you do) because it will reset the text colour/font and then it'll look all strange! <i>>.<</i>
<br><big>This is big text.</big>
<br><small>This is small text.</small>
<br><b>This is bold text.</b>
<br><u>This is underlined text.</u>
<br><i>This is italic text.</i>
<br><strike>This is striked text.</strike>
<br><a href="http://www.msplinks.com/MDFodHRwOi8vd3d3Lm15c3BhY2UuY29t">This is link text.</a>
<br>Do not fret. This scrolls. Do not fret. This scrolls. Do not fret. This scrolls. Do not fret. This scrolls. Do not fret. This scrolls. Do not fret. This scrolls. Do not fret. This scrolls. Do not fret. This scrolls. Do not fret. This scrolls. Do not fret. This scrolls. Do not fret. This scrolls. Do not fret. This scrolls. Do not fret. This scrolls. Do not fret. This scrolls. Do not fret. This scrolls. Do not fret. This scrolls. </div>

<div class="friends"><h2>Friends.</h2>This bit is for your friends!
<br>Alternatley, you could change the header to anything you want. <b>ANYTHING!</b> <small>*high pitched scream.*</small>
<br>The same CSS elements apply to this section as it does to the 'About Me' section. :]
<br>Do not fret. This scrolls. Do not fret. This scrolls. Do not fret. This scrolls. Do not fret. This scrolls. Do not fret. This scrolls. Do not fret. This scrolls. Do not fret. This scrolls. Do not fret. This scrolls. Do not fret. This scrolls. Do not fret. This scrolls. Do not fret. This scrolls. Do not fret. This scrolls. Do not fret. This scrolls. Do not fret. This scrolls. Do not fret. This scrolls. Do not fret. This scrolls. Do not fret. This scrolls. Do not fret. This scrolls. Do not fret. This scrolls. Do not fret. This scrolls. Do not fret. This scrolls. Do not fret. This scrolls. Do not fret. This scrolls. Do not fret. This scrolls. Do not fret. This scrolls. Do not fret. This scrolls. Do not fret. This scrolls. Do not fret. This scrolls. Do not fret. This scrolls. Do not fret. This scrolls. Do not fret. This scrolls. Do not fret. This scrolls. Do not fret. This scrolls. Do not fret. This scrolls. Do not fret. This scrolls. Do not fret. This scrolls. Do not fret. This scrolls. Do not fret. This scrolls. Do not fret. This scrolls. Do not fret. This scrolls. Do not fret. This scrolls. Do not fret. This scrolls. Do not fret. This scrolls. Do not fret. This scrolls. Do not fret. This scrolls. Do not fret. This scrolls. Do not fret. This scrolls. Do not fret. This scrolls. </div>

<div class="etc"><h3>Etectera.</h3>This bit can be anything... I couldn't really think of what to go here, but... the box was here, so I thought I may as well code it so something can fit in here. (Y)
<br>Same CSS/HTML elements apply as it does to the past two sections. You can change the header by deleting the 'Etectera' when you edit this to anything you want. :]
<br>Do not fret. This scrolls. Do not fret. This scrolls. Do not fret. This scrolls. Do not fret. This scrolls. Do not fret. This scrolls. Do not fret. This scrolls. Do not fret. This scrolls. Do not fret. This scrolls. Do not fret. This scrolls. Do not fret. This scrolls. Do not fret. This scrolls. Do not fret. This scrolls. Do not fret. This scrolls. Do not fret. This scrolls. Do not fret. This scrolls. Do not fret. This scrolls. Do not fret. This scrolls. Do not fret. This scrolls. Do not fret. This scrolls. Do not fret. This scrolls. Do not fret. This scrolls. Do not fret. This scrolls. Do not fret. This scrolls. Do not fret. This scrolls. Do not fret. This scrolls. Do not fret. This scrolls. Do not fret. This scrolls. Do not fret. This scrolls. Do not fret. This scrolls. Do not fret. This scrolls. Do not fret. This scrolls. Do not fret. This scrolls. Do not fret. This scrolls. Do not fret. This scrolls. Do not fret. This scrolls. Do not fret. This scrolls. Do not fret. This scrolls. Do not fret. This scrolls. Do not fret. This scrolls. Do not fret. This scrolls. Do not fret. This scrolls. Do not fret. This scrolls. Do not fret. This scrolls. Do not fret. This scrolls. Do not fret. This scrolls. Do not fret. This scrolls. Do not fret. This scrolls. Do not fret. This scrolls.</div>

<div class="navi"><a href="http://home.myspace.com/index.cfm?fuseaction=user" class="nav">Home.</a>
<br><a href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX" class="nav">Message.</a>
<br><a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX" class="nav">Add.</a>
<br><a href="http://collect.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXXXX" class="nav">Block.</a>
<br><a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=XXXXXXXX" class="nav">Pictures.</a>
<br><a href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=XXXXXXXX" class="nav">Blogs.</a>
<br><a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=XXXXXXXX&MyToken=ac0debf8-417f-488d-8430-f907ce35749b" class="nav">Comment.</a>
<br><a href="http://www.msplinks.com/MDFodHRwOi8vcGFpbnRteWZhY2UuY3JlYXRlYmxvZy5jb20v" class="nav">Credit.</a></div>

Layout Comments

Showing latest 10 of 11 comments

I LOVE this show & this layout is okay/average. I don't like the yellow/gold color you used..I think it would have looked better in a darker color...maybe blue, green, &/or black. Also, I don't even know what the picture next to the "friends" section is...I think another picture of Jensen & Jared would have been better there, but besides that...the setup is cool & I like the brushes you used & it works fine in IE.

By SugaPwum on Jan 10, 2008 2:57 pm

That's because I didn't test in firefox - because I don't have firefox... sorry people (with firefox)!

By PaintMyFace on Dec 20, 2007 5:04 am

looks less then good in firefox.

By shz on Dec 20, 2007 3:57 am

i liike this...i've never watched supernatural but i think this is cool

By jesusisthebestthing on Dec 16, 2007 9:19 pm

Lovely, great concept and design.

By S-Majere on Dec 16, 2007 5:26 pm

Uhh, I'm not sure what to make of that comment... thanks and... Uhh, I'll bare that in mind. :]

By PaintMyFace on Dec 16, 2007 4:20 pm

i dislike the setup and the navigation. but i like the brushes and images you used.

By alecreations on Dec 16, 2007 4:16 pm

It loads for me in IE...?

And yeah, if I changed the b/g colour to the image one, it'll look weird in IE but the same colour in FF, I think. =/

And you can change the font if you want to...?

:]

By PaintMyFace on Dec 16, 2007 6:59 am

nice setup. never finishes loading..for IE. i can see part of the original for FF. the background color and the image background color aren't the same for FF (i think it's impossible for it to be same, but jus saying) the only thing i don like is the gray and black color and the font itself. everythign else seems fine to me =] very creative.

By twodreamlovers on Dec 16, 2007 12:48 am

ahh supernatural =))

By synthase on Dec 15, 2007 11:29 pm

View all »

Layout Details

Designer	PaintMyFace
Submitted on	Dec 15, 2007
Page views	10,955
Favorites	29
Comments	11
Reviewer	karmakiller
Approved on	Dec 15, 2007

Layout Tags

, supernatural, jensen, ackles, jared, padalecki, winchester, dean, sam, car, impala

Layout Tools

Layout Affiliates

Here I Stand Layouts