Divipedia

Designer's Comments

Look carefully for specific instructions

Please go here to see the layout in it's fully glory and to see it function 100%.

Do not remove credit.
Enjoy the layout.
Thank you!

Nitrogoat.co.uk

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: FFFFFF;}

div td {background-color:transparent;background-repeat:repeat;background-attachment:fixed;background-position:center}

.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;}

div.srchfield div div {
position:relative;
top: -9999999px;
}

.hide_top { position: absolute; top: 80px; left: 1px; width: 1000px; height: 160px; background-color: FFFFFF; }

</style>

<div class="hide_top">
<font style=" font-size: 0px; color:FFFFFF;">
//** Nitrogoat.co.uk Customisations! **//
</font>
</div>

<style>

.background {position: absolute; top: 90px; left: 200px; width: 680px; height: 590px; background-color: FFFFFF; border: transparent;}

.content_background { position: absolute; top: 140px; left: 157px; width: 355px; height: 235px;
border: 1px solid; border-color: AAAAAA; padding: 0.3em; background-color: F9F9F9; }

.content { position:relative; top: 5px; left: 3px; width: 345px; height: 230px; overflow-y: hidden;
font-family:sans-serif; font-size: 12px; }

.bottom_links { position: absolute; top: 505px; left: 205px; width: 600px; height: 25px; 
font-family:sans-serif; font-size: 12px; }

.bottom_links a:link { text-decoration: none; color: 000000;}
	.bottom_links a:hover { text-decoration: none; color: 000000;}
	.bottom_links a:active { text-decoration: none; color: 000000;}
	.bottom_links a:visited { text-decoration: none; color: 000000;}

.shoutout_box { position: absolute; top: 552px; left: 188px; width: 158px; height: 15px; 
font-family:sans-serif; font-size: 12px; background-color: transparent; }

h1 { font-size:15px; border-bottom: 1px solid; border-color: CCCCCC;}

</style>

</map>

<a name="aboutme"></a><h1>About Me</h1>

Ever seen one of these before? Unique. Nitrogoat's done it again! <br /><br />

<b>NOTE-</b>
Use the links on the left (About Me, Interests, Films, Heroes) to navigate around the page. It won't work in this preview but it <b>will</b> work on your own profile. <br />
To see a working preview go <a href="http://www.nitrogoat.co.uk/div/divipedia_preview.htm">here.</a>
<br /><br />

Remember to replace the X's with your own friend ID- they shouldn't be too hard to find as I have arranged them all in one place. <br /><br />

<font style="color:transparent;">Do NOT edit the "br /" coding below!</font>
<br /><br /><br /><br />
<br /><br /><br /><br />
<br /><br /><br /><br />
<br /><br /><br /><br />

<a name="interests"></a><h1>My Interests</h1>

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vestibulum turpis libero, sodales at, faucibus eu, egestas eget, erat. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Morbi et ligula eget eros porttitor aliquet. Phasellus eget turpis.

<font style="color:transparent;">Do NOT edit the "br /" coding below!</font>
<br /><br /><br /><br />
<br /><br /><br /><br />
<br /><br /><br /><br />
<br /><br /><br /><br />

<a name="ftvm"></a><h1>Films, TV, Music</h1>

Vivamus nibh neque, semper eget, luctus ut, feugiat eu, tellus. In iaculis sem nec purus. Aliquam cursus varius sapien. Cras imperdiet viverra dolor. Maecenas rhoncus sem eget nisi. Sed sollicitudin. Praesent eu enim. Cras tristique, pede quis euismod elementum, libero tortor dapibus leo, semper semper lectus ante in urna. Duis fermentum urna sed lorem. Fusce vitae sem at augue vehicula tempus. Sed dui. Sed quis magna. Sed sit amet mauris.

<font style="color:transparent;">Do NOT edit the "br /" coding below!</font>
<br /><br /><br /><br />
<br /><br /><br /><br />
<br /><br /><br /><br />
<br /><br /><br /><br />

<a name="heroes"></a><h1>Heroes and Heroines</h1>

Fusce mauris velit, accumsan eu, imperdiet ac, suscipit sit amet, turpis. Curabitur at dolor. Donec vitae lacus sed arcu ultrices porttitor.

<font style="color:transparent;">Do NOT edit the "br /" coding below!</font>
<br /><br /><br /><br />
<br /><br /><br /><br />
<br /><br /><br /><br />
<br /><br /><br /><br />

</div></div>

<a href="http://home.myspace.com/index.cfm?fuseaction=user">Home</a>    
<a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.inbox">Inbox</a>   
<a href="http://www.createblog.com" TARGET="_blank">Createblog.com</a>   
<a href="http://www.nitrogoat.co.uk" TARGET="_blank">Nitrogoat.co.uk</a>    
</div>

Shoutbox! Here you can put anything you want! Or, if you prefer, just leave it completely blank!

</marquee>
</div>