Rude Type Face

Designer's Comments

Look carefully for specific instructions

Scroll down through the coding adding your own FRIEND ID, and adding your own text where applicable. I've added some HTML comments which can be followed and will help you as well.

A few of the things you'd expect a customisation site to have- everything you didn't as well.

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

.a {hide top search and shortcuts bar}
select {position:absolute !important; margin-top:-300px;}
td td td select {position:static !important;}
div table div form {display:none !important}

.bodyContent table table div form {display:inline !important;}div table div div select {position:absolute !important;  top:-400px !important; left:-400px !important; }

body 
{background-color:white;}

table, tr, td, li, p, div 
{font-family:arial;
font-size:10px;
color:white;}

table td div div font, 
div table tr td font 
{font-family:Century;
font-size:10px;
color:white;}

body div table td form img{display:none!important;}
body div table td form option{display:none!important;}
body div table td form select{display:none!important;}
body div table td form input{display:none!important;}

.ftd {Moves the entire profile up}
body table {margin-top:-50000px;}

.ftd {Keeps the ad, search form, and navigation links in place}
body td table, body div table {margin-top: 0;}

.ftd {Makes the table the ad, search form and nav links are on transparent}
table, tr, td {background-color:transparent;}

.ftd {Removes the search form}
body div table form{display:none;}

.ftd {For comment boxes to display}
body table div form{display:block;}

.ftd {Hides the dividers in between the nav links}
div table td font {visibility:hidden; }
</style>

<style>

a.NITROGOAT_contact:link {font-family:Verdana; font-size: 11px; color: 8D8D8D; text-transform: uppercase; letter-spacing: -1px; line-height: 14px; text-decoration: none;}
a.NITROGOAT_contact:hover {font-family:Verdana; font-size: 11px; color: FFFFFF; text-transform: uppercase; letter-spacing: -1px; text-decoration: none;}

a:visited {font-family:Verdana; font-size: 11px; color: 8D8D8D; text-transform: uppercase; letter-spacing: -1px; line-height: 14px; text-decoration: none;}
a:hover {font-family:Verdana; font-size: 11px; color: FFFFFF; text-transform: uppercase; letter-spacing: -1px; text-decoration: none;}

.middle { width: 500px; height: 400px; position: absolute; top: 175px; left: 200px; background-color:000000; }

.left { position: relative; top: 0px; left: 0px; width: 40px; height: 400px; background-image:url('http://cbimg9.com/layouts/08/07/29139ab.jpg'); }
.right { position: relative; top: 0px; left: 500px; width: 40px; height: 400px; background-image:url('http://cbimg9.com/layouts/08/07/29139ac.jpg'); }

.content_left { position:absolute; width: 125px; left:50px;top:5px; }

.nitrogoat_aboutme { height:200px; width:175px; overflow:auto; top:10px; left:15px; color:FFFFFF; font-family:verdana; font-size:10px;
text-align: justify;
scrollbar-track-color: 000000;
scrollbar-face-color: white;
scrollbar-highlight-color: white;
scrollbar-3dlight-color: 000000;
scrollbar-darkshadow-color: 000000;
scrollbar-shadow-color: 8D8D8D;
scrollbar-arrow-color: white;  }

.content_bottom { position:absolute; width: 210px; left:50px;top:290px; _top:300px; color:FFFFFF; font-family:verdana; font-size:10px; }

.nitrogoat_picviewer
{width:210px; height:65px; _height: 72px; overflow-x:hidden; overflow-y:hidden;
border-right-width: 3px; border-left-width: 3px; border-top-width:4px; border-bottom-width:4px;border-style:solid; border-color:242424;}

.nitrogoat_pics
{width:75px;height:65px;}

.content_right { position:absolute; width: 125px; left:285px; top:50px; _top:45px; }

.nitrogoat_shizz { height:170px; width:175px; overflow:auto; top:10px; left:15px; color:FFFFFF; font-family:verdana; font-size:10px;
text-align: justify;
scrollbar-track-color: 000000;
scrollbar-face-color: white;
scrollbar-highlight-color: white;
scrollbar-3dlight-color: 000000;
scrollbar-darkshadow-color: 000000;
scrollbar-shadow-color: 8D8D8D;
scrollbar-arrow-color: white;  }

</style>

<div style="position:absolute; top:600px; left:100px; background-color: transparent; font-family:Verdana; font-size: 10px; color: 8D8D8D; text-transform: uppercase; letter-spacing: -1px;">Nitrogoat.co.uk Customisations<br /> Createblog.com Layouts</div>

</div>

Name

</font></div>

<div style="border-bottom:5px solid #8D8D8D; line-height:14px; margin-top:-15px; _margin-top:-10px;"><font style="font-family:Verdana; font-size: 22px; color: 8D8D8D; text-transform: uppercase; letter-spacing: -3px; "> About me </font></div>
<br />

Chat! Chat! Chat! Chat! Chat! Chat! Chat! Chat! Chat! Chat! Chat! Chat!
Chat! Chat! Chat! Chat! Chat! Chat! Chat! Chat! Chat! Chat! Chat! Chat!
Chat! Chat! Chat! Chat! Chat! Chat! Chat! Chat! Chat! Chat! Chat! Chat!
Chat! Chat! Chat! Chat! Chat! Chat! Chat! Chat! Chat! Chat! Chat! Chat!
Chat! Chat! Chat! Chat! Chat! Chat! Chat! Chat! Chat! Chat! Chat! Chat!
Chat! Chat! Chat! Chat! Chat! Chat! Chat! Chat! Chat! Chat! Chat! Chat!
Chat! Chat! Chat! Chat! Chat! Chat! Chat! Chat! Chat! Chat! Chat! Chat!

</div>

</marquee></center>
</div>

</div>

<div style="border-bottom:5px solid #8D8D8D; line-height:14px;"><font style="font-family:Verdana; font-size: 22px; color: 8D8D8D; text-transform: uppercase; letter-spacing: -3px; "> More banter </font></div>
<br />

More chat! More chat! More chat! More chat! More chat!
More chat! More chat! More chat! More chat! More chat!
More chat! More chat! More chat! More chat! More chat!
More chat! More chat! More chat! More chat! More chat!
More chat! More chat! More chat! More chat! More chat!
More chat! More chat! More chat! More chat! More chat!
More chat! More chat! More chat! More chat! More chat!
More chat! More chat! More chat! More chat! More chat!
More chat! More chat! More chat! More chat! More chat!

</div>

<br />

<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment">
<input type="hidden" name="friendID" value="YOUR FRIEND ID HERE" /><textarea name="f_comments">Banter box...</textarea>
<br /><input type="submit" value="Go" /></form><br />
<style>
textarea { background-color:transparent;  border-width:4px; border-style:solid;   
border-color:242424;font-family:Lucida Console; font-size:10px; color: ffffff; overflow:hidden; width: 95px; height: 50px; margin-top:11px; _margin-top:-6px;}

input { background-color: transparent; border-width:2px; border-style:solid;
 border-color:242424; font-family:Lucida Console; font-size:10px; color: ffffff; width: 95px; height: 20px;}
</style>

<br />

</div>

<a class="NITROGOAT_contact" href="http://home.myspace.com/index.cfm?fuseaction=user">Home</a>
<a class="NITROGOAT_contact" href="http://friends.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX">Add</a><br />
<a class="NITROGOAT_contact" href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX">Message</a><br />
<a class="NITROGOAT_contact" href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXXXX">Pictures</a><br />

<a class="NITROGOAT_contact" href="http://www.nitrogoat.co.uk">Layout</a><br />

</div>

Layout Comments

Showing latest 10 of 15 comments

This is my first layout and I've had over a 100 favourites!
Thank you so much.

By nitrogoat on Oct 7, 2008 11:53 am

I love this layout.. except the whole original layout is there (in Opera).

By dilligrout on Sep 3, 2008 1:39 am

Haha ok sorry guys,
I'm gonna give it a shot at fixing for IE
Its such a bitch to fix though!

Nitrogoat.co.uk

By nitrogoat on Aug 22, 2008 8:11 pm

Give the guy a damn break already.

By SuicidalTragedy on Aug 12, 2008 11:25 pm

cmon dude fix it for i.e.!!!

By guest09 on Aug 11, 2008 10:43 pm

It doen't work well for internet explorer.. The side appear but middle is all black... Can u fix it...plz

By hellbenderxp on Aug 1, 2008 11:29 pm

Fixed for firefox x

By nitrogoat on Aug 1, 2008 4:38 pm

thank you nitrogoat!

By guest09 on Jul 15, 2008 1:04 pm

Hi guys,
I have no idea why it doesn't show up in the preview BUT this layout works *perfectly* on myspace itself when viewed in Firefox.
There's a slight difference with Internet Explorer, but I'm going to try and fix this!

By nitrogoat on Jul 13, 2008 2:48 pm

why doesn't it show up in preview

By dibabygirl on Jul 11, 2008 2:22 pm

View all »

Layout Details

Designer	nitrogoat
Submitted on	Jul 3, 2008
Page views	35,980
Favorites	158
Comments	15
Reviewer	Relentless
Approved on	Jul 4, 2008

Layout Colors

Layout Tags

abstract, minimal, retro, black div, black and white, overlay, simple, minimal layout, text, white writing

Layout Tools

Layout Affiliates

Here I Stand Layouts