Drifting Designs | Version 11

Main

Home
Request Graphic
Contact Staff
Recent

Site

Updates Archive
Previous Requests
History
FAQ
Terms
Previous Layouts
Staff
Affiliates
Credits

Graphics

Request Graphic
Avatars
Banners
MS Paint
Posters
Textures
Transparencies
Wallpapers
Miscellaneous

Layouts

Div Layouts
Frames Layouts
Pop-Up Layouts
Table Layouts

Neopets

Shop Signs
Guild Layouts
Full Page Layouts
Miscellanous

Tutorials

Coding
Graphics
Other

Tools

Scrollbar Generator
Hexadecimal Colors

Downloads

Brushes

Neopets Guild Layouts

Examples

Feel free to use these. No credits required; only make sure that the url at the bottom of the banner is showing.

If you want a customized layout, please request.

Instructions

To copy the code, first highlight the entire code by pressing "CTRL" and "A". To copy, press "CTRL" and "C". To paste, press "CTRL" and "V".

Neomail/e-mail if you want to use/customize this one, or request.

Logo:

Coding:

body {scrollbar-arrow-color: #003366; 
scrollbar-track-color: #669999; 
scrollbar-face-color: #669999; 
scrollbar-highlight-color: #669999; 
scrollbar-3dlight-color: #669999; 
scrollbar-darkshadow-color: #669999; 
scrollbar-shadow-color: #669999}

font, body, td, input {color: #003366; font:8pt verdana;}

hr {color: #003366; }

A:link {color:"#003366"; text-decoration:none;}
A:active {color:"#669999"; text-decoration:none;}
A:visited {color:"#669999"; text-decoration:none;}
A:hover {color:"#669999"; text-decoration: underline overline;}

</style>

</head>

<body>

<table border="0" width="600" height="450"

background="http://www.myfilehut.com/userfiles/41610/freebielayout1png.png" style="background-

attachment: fixed;
background-repeat: no-repeat;" cellspacing="0" cellpadding="0">

<b>Navigation://</b>
<br>
<a href=yourpage.html>Links here</a><br>
<a href=yourpage.html>Links here</a><br>
<a href=yourpage.html>Links here</a><br>
<a href=yourpage.html>Links here</a><br>
<a href=yourpage.html>Links here</a><br>

<b>Main://</b><br>
Write whatever you want here.<br>

And here and here and here and here and here and here and here and here and here and here and here and

here and here and here and here and here and here and here and here and here and here and here and here

and here and here and here and here and here and here and here and here and here and here and here and

here and here and here and here and here and here and here and here and here and here and here and here

and here and here and here and here and here and here and here and here and here.

---------------

<br>

</div></td>

<br>

</div></td>

By freewebs.com/nightly_drifting</td></tr>

Premade.

Logo:

Coding:

body
{scrollbar-arrow-color: #999933; 
scrollbar-track-color: #996600; 
scrollbar-face-color: #996600; 
scrollbar-highlight-color: #996600; 
scrollbar-3dlight-color: #996600; 
scrollbar-darkshadow-color: #996600; 
scrollbar-shadow-color: #996600}

font, body, td, input {color:#330066; font: 7pt Verdana}

hr {color:#999933}

A:link {color:"#330066"; text-decoration: none;}
A:visited {color: "#330066"; text-decoration: none;}
A:active {color: "#330066"; text-decoration: none;}
A:hover {color: "#999933"; text-decoration: none;}

</style>

</head>

<body>

<table border="0" width="600" height="450"

background="http://www.myfilehut.com/userfiles/41610/freebielayout2png.png" style="background-

attachment: fixed; background-repeat: no-repeat;" cellpadding="0" cellspacing="0">

<b>Navigation:~~</b>
<br>
<a href=url_of_your_page.html>Links here</a><br>
<a href=url_of_your_page.html>Links here</a><br>
<a href=url_of_your_page.html>Links here</a><br>
<a href=url_of_your_page.html>Links here</a><br>
<a href=url_of_your_page.html>Links here</a><br>

<b>Main:~~</b><br>
Write whatever you want here.<br>

And here and here and here and here and here and here and here and here and here and here and here and

here and here and here and here and here and here and here and here and here and here and here and here

and here and here and here and here and here and here and here and here and here and here and here and

here and here and here and here and here and here and here and here and here and here and here and here

and here and here and here and here and here and here and here and here and here.

---------------

<br>

</div></td>

By freewebs.com/nightly_drifting</td></tr>
</div>
</td>
</table>

Premade.

Logo:

Coding:

body {scrollbar-arrow-color: #FFFFFF;
scrollbar-track-color: #FFFFFF; 
scrollbar-face-color: #FFFFFF; 
scrollbar-highlight-color: #FFFFFF; 
scrollbar-3dlight-color: #FFFFFF; 
scrollbar-darkshadow-color: #FFFFFF; 
scrollbar-shadow-color: #FFFFFF}

font, body, td, input {color: "#000000"; font: 8pt verdana;}

hr {color: #FFCC33; }

A:link {color:"#000000"; text-decoration:none;}
A:active {color:"#000000"; text-decoration:none;}
A:visited {color:"#000000"; text-decoration:none;}
A:hover {color:"#FFCC33"; text-decoration:none; font-weight: bold;}

</style>

</head>

<body>

<table border="0" width="603" height="504"

background="http://www.myfilehut.com/userfiles/41610/freebielayout3png.png" style="background-
attachment: fixed; background-repeat: no-repeat;" cellpadding="0"
cellspacing="0">

<b>Navigation://</b>
<br>
<a href="yourpage.html">Links here</a><br>
<a href="yourpage.html">Links here</a><br>
<a href="yourpage.html">Links here</a><br>
<a href="yourpage.html">Links here</a><br>
<a href="yourpage.html">Links here</a><br>

<b>Main://</b><br>
Write whatever you want here.<br>

And here and here and here and here and here and here and here and here and here and here and here and

here and here and here and here and here and here and here and here and here and here and here and here

and here and here and here and here and here and here and here and here and here and here and here and

here and here and here and here and here and here and here and here and here and here and here and here

and here and here and here and here and here and here and here and here and here.

</td>

</tr>

Premade.

Logo:

Coding:

font, body, td, input {color: #000000 ; font:8pt verdana;}

hr {color: #CCCCFF; width="60%";}

A:link {color:"#000000"; text-decoration:none;}
A:active {color:"#000000"; text-decoration:none;}
A:visited {color:"#000000"; text-decoration:none;}
A:hover {color:"#CCCCFF"; text-decoration: none}

</style>

</head>

<body>

<tr>

</tr>

<tr>

<td width="155">
<div style="width: 155; height: 300; overflow: auto;">
Write what you want here.

<br>

</div>
</td>

</tr>

</table>

Premade.

Logo:

Coding:

<html>

<head>

<title>Donkey Layout</title>

body {scrollbar-arrow-color: #FFFFFF;
scrollbar-track-color: #99CCCC; 
scrollbar-face-color: #99CCCC; 
scrollbar-highlight-color: #99CCCC; 
scrollbar-3dlight-color: #99CCCC; 
scrollbar-darkshadow-color: #99CCCC; 
scrollbar-shadow-color: #99CCCC}

font, body, td, input {color: "#000000"; font: 8pt verdana;}

hr {color: #99CCCC; }

</style>

</head>

<body>

<td width="472" height="125">
<div style="width: 472; height: 125; overflow: auto;">
Write what you want here . . . 
<br><br>
</div>
</td>

</table>

<script type="text/javascript" src="http://static.websimages.com/static/global/js/webs/usersites/escort.js"></script><script type="text/javascript">if(typeof(urchinTracker)=='function'){_uacct="UA-230305-2";_udn="none";_uff=false;urchinTracker();}</script></body>
</html>

Premade.

Logo:
Coming soon.

Coding:

body {scrollbar-arrow-color: #666699;
scrollbar-track-color: #663366; 
scrollbar-face-color: #663366; 
scrollbar-highlight-color: #663366; 
scrollbar-3dlight-color: #663366; 
scrollbar-darkshadow-color: #663366; 
scrollbar-shadow-color: #663366}

font, body, td, input {color: "#330033"; font: 8pt verdana;}

hr {color: #666699; }

A:link {color:"#663399"; text-decoration:none;}
A:active {color:"#663399"; text-decoration:none;}
A:visited {color:"#663399"; text-decoration:none;}
A:hover {color:"#663366";}

</style>

</head>

<body>

<td width="155" height="300">
<div style="width: 155; height: 300; overflow: auto;">
Write what you want here . . .

<br>

</div>
</td>

</tr>

</table>

Premade.

Logo:
Coming soon.

Coding:

body {scrollbar-arrow-color: #330099;
scrollbar-track-color: #FFFFFF; 
scrollbar-face-color: #FFFFFF; 
scrollbar-highlight-color: #FFFFFF; 
scrollbar-3dlight-color: #FFFFFF; 
scrollbar-darkshadow-color: #FFFFFF; 
scrollbar-shadow-color: #FFFFFF}

font, body, td, input {color: "#000000"; font: 8pt verdana;}

hr {color: #666600 ; width: 70%; }

A:link {color:"#330099"; text-decoration:none;}
A:active {color:"#330099"; text-decoration:none;}
A:visited {color:"#330099"; text-decoration:none;}
A:hover {color:"#666600"; text-decoration:underline;}

</style>

</head>

<body>

<tr>
<td width="65"></td>
<td width="210" height="300">
<div style="width: 210; height: 300; overflow: auto;">
Write what you want here . . .

</div>
</td>
<td width="325"></td>
</tr>

Premade.

Logo:
Coming soon.

Coding:

font, body, td, input {color: "#000000"; font: 8pt verdana;}

hr {color: #996600; width: 70%; }

</style>

</head>

<body>

<tr>
<td width="50"></td>
<td width="200" height="260">
<div style="width: 200; height: 260; overflow: auto;">
Write what you want here . . . 
</div>
</td>
<td width="350"></td>
</tr>

Premade.

Logo:
Coming soon.

Coding:

body {scrollbar-arrow-color: #FFFFFF;
scrollbar-track-color: #999966; 
scrollbar-face-color: #999966; 
scrollbar-highlight-color: #999966; 
scrollbar-3dlight-color: #999966; 
scrollbar-darkshadow-color: #999966; 
scrollbar-shadow-color: #999966}

font, body, td, input {color: "#000000"; font: 8pt verdana;}

hr {color:  #99CCFF; width: 50%;}

A:link {color:"#999966"; text-decoration:underline;}
A:active {color:"#999966"; text-decoration:none;}
A:visited {color:"#999966"; text-decoration:none;}
A:hover {color:"#99CCFF"; text-decoration:underline;}

</style>

</head>

<body>

<tr> 
<td width="50"></td>
<td width="310" height="75">
<div style="width: 310; height: 75; overflow: auto;">
Write what you want here . . .

</div>
</td>
<td width="40"></td>
</tr>

</table>

Premade.

Logo:
Coming soon.

Coding:

body {scrollbar-arrow-color: #006633;
scrollbar-track-color: #006633; 
scrollbar-face-color: #006633; 
scrollbar-highlight-color: #006633; 
scrollbar-3dlight-color: #006633; 
scrollbar-darkshadow-color: #006633; 
scrollbar-shadow-color: #006633}

font, body, td, input {color: "#000000"; font: 8pt verdana;}

hr {color:  #006633; width: 50%;}

A:link {color:"#006633"; text-decoration:underline;}
A:active {color:"#999966"; text-decoration:none;}
A:visited {color:"#999966"; text-decoration:none;}
A:hover {color:"#FFFFFF"; text-decoration:underline;}

</style>

</head>

<body>

<tr> 
<td width="40"></td>
<td width="320" height="95">
<div style="width: 320; height: 95; overflow: auto;">
Write what you want here . . . 
</div>
</td>
<td width="40"></td>
</tr>

</table>

Premade.

Logo:
Coming soon.

Coding:

body {scrollbar-arrow-color: #660099;
scrollbar-track-color: #FFCC99; 
scrollbar-face-color: #FFCC99; 
scrollbar-highlight-color: #FFCC99; 
scrollbar-3dlight-color: #FFCC99; 
scrollbar-darkshadow-color: #FFCC99; 
scrollbar-shadow-color: #FFCC99}

font, body, td, input {color: "#000000"; font: 8pt verdana;}

hr {color:  #FFFFFF; width: 50%;}

A:link {color:"#FFCC99"; text-decoration:underline;}
A:active {color:"#FFCC99"; text-decoration:none;}
A:visited {color:"#FFCC99"; text-decoration:none;}
A:hover {color:"#660099"; text-decoration:underline;}

</style>

</head>

<body>

<tr> 
<td width="350"></td>
<td width="120" height="290">
<div style="width: 120; height: 290; overflow: auto;">
Write what you want here . . .
</div>
</td>
<td width="19"></td>
</tr>

</table>

Premade.

Logo:
Coming soon.

Coding:

body {scrollbar-arrow-color: #FFFFFF;
scrollbar-track-color: #9999CC; 
scrollbar-face-color: #9999CC; 
scrollbar-highlight-color: #9999CC; 
scrollbar-3dlight-color: #9999CC; 
scrollbar-darkshadow-color: #9999CC; 
scrollbar-shadow-color: #9999CC}

font, body, td, input {color: "#000000"; font: 8pt verdana;}

hr {color:  #FFFFFF; width: 80%;}

A:link {color:"#9999CC"; text-decoration:none;}
A:active {color:"#9999CC"; text-decoration:none;}
A:visited {color:"#9999CC"; text-decoration:none;}
A:hover {color:"#9999CC"; text-decoration:underline;}

</style>

</head>

<body>

<tr> 
<td width="35"></td>
<td width="160" height="300">
<div style="width: 160; height: 300; overflow: auto;">
Write what you want here . . . 
</div>
</td>
<td width="429"></td>
</tr>

</table>

Premade.

Logo:
Coming soon.

Coding:

body {scrollbar-arrow-color: #993300;
scrollbar-track-color: #339999; 
scrollbar-face-color: #339999; 
scrollbar-highlight-color: #339999; 
scrollbar-3dlight-color: #339999; 
scrollbar-darkshadow-color: #339999; 
scrollbar-shadow-color: #339999}

font, body, td, input {color: "#339999"; font: 8pt verdana;}

hr {color:  #993300; width: 50%;}

A:link {color:"#339999"; text-decoration:underline;}
A:active {color:"#339999"; text-decoration:none;}
A:visited {color:"#339999"; text-decoration:none;}
A:hover {color:"#993300"; text-decoration:underline;}

</style>

</head>

<body>

<tr> 
<td width="350"></td>
<td width="185" height="290">
<div style="width: 185; height: 290; overflow: auto;">
Write what you want here . . .
</div>
</td> 
<td width="65"></td>
</tr>

</table>

Premade.

Logo:

A "quickie" guild layout made for a guild named "Maniatic".

Click here for preview.
Premade.

Logo:
Coming soon.

Coding:

body {scrollbar-arrow-color: #FF0000;
scrollbar-track-color: #336699; 
scrollbar-face-color: #336699; 
scrollbar-highlight-color: #336699; 
scrollbar-3dlight-color: #336699; 
scrollbar-darkshadow-color: #336699; 
scrollbar-shadow-color: #336699}

font, body, td, input {color: "#000000"; font: 8pt verdana;}

hr {color: #FF0000; width: 605; }

A:link {color:"#FF0000"; text-decoration:none;}
A:active {color:"#FF0000"; text-decoration:none;}
A:visited {color:"#FF0000"; text-decoration:none;}
A:hover {color:"#FFFFFF"; text-decoration: overline underline;}

</style>

</head>

<body>

<tr>
<td width="350"></td>
<td width="180" height="250">
<div style="width: 180; height: 250; overflow: auto;">
Write what you want here . . . 
</div>
</td>
<td width="70"></td>
</tr>

Click here for preview.
Premade.

Logo:
Coming soon.

Coding:

font, body, td, input {color: "#000000"; font: 8pt verdana;}

hr {color: #FF0000; width: 605; }

</style>

</head>

<body>

<tr>
<td width="350"></td>
<td width="180" height="250">
<div style="width: 180; height: 250; overflow: auto;">
Write what you want here . . . 
</div>
</td>
<td width="70"></td>
</tr>

Click here for preview.
Premade.

Logo:
Coming soon.

Coding:

body {scrollbar-arrow-color: #003399;
scrollbar-track-color: #FFFF99; 
scrollbar-face-color: #FFFF99; 
scrollbar-highlight-color: #FFFF99; 
scrollbar-3dlight-color: #FFFF99; 
scrollbar-darkshadow-color: #FFFF99; 
scrollbar-shadow-color: #FFFF99}

font, body, td, input {color: "#000000"; font: 8pt verdana;}

hr {color: #003399; width=60%;}

A:link {color:"#000000"; text-decoration:underline;}
A:active {color:"#000000"; text-decoration:underline;}
A:visited {color:"#000000"; text-decoration:underline;}
A:hover {color:"#003399"; text-decoration:underline;}

</style>

</head>

<body>

<td width="115" height="387">
<div style="width: 115; height: 387; overflow: auto;">
Write what you want here . . .

</div>
</td>

Click here for preview.
Premade.

Logo:
Coming soon.

Coding:

body {scrollbar-arrow-color: #FFFFFF;
scrollbar-track-color: #CC6666; 
scrollbar-face-color: #CC6666; 
scrollbar-highlight-color: #CC6666; 
scrollbar-3dlight-color: #CC6666; 
scrollbar-darkshadow-color: #CC6666; 
scrollbar-shadow-color: #CC6666}

font, body, td, input {color: "#000000"; font: 8pt verdana;}

hr {color: #CC6666; width: 70%; }

A:link {color:"#CC6666"; text-decoration:none;}
A:active {color:"#CC6666"; text-decoration:none;}
A:visited {color:"#CC6666"; text-decoration:none;}
A:hover {color:"#CC6666"; text-decoration:underline overline;}

</style>

</head>

<body>

<tr>
<td width="50"></td>
<td width="490" height="108">
<div style="width: 490; height: 108; overflow: auto;">
Write what you want here . . . 
</div>
</td>
<td width="65"></td>
</tr>

This website is hosted for free by

. Get your own Free Website now!