neopets Guilds

User Lookups

Petpages

Guild Layouts

Subdomains

My Favourite

Affiliates

Topsites

Stats

Neopets-themed Guild Layouts

Looking for guild layouts? Here are some Neopets-themed guild layouts for you to use. To see a full preview, click on the thumbnail image. Copy the code into the "Welcome Message" box under Guild Layout > Modify Guild Preferences. Change the links code (at "link here" and the corresponding url for it). The titles can be editted by simply modifying the part that says "TITLE HERE", just like the main content is editted through "CONTENT GOES HERE". The matching guild logo is provided, and to add it to your guild, simply download from here and upload from your computer. Background colours are also listed. Copy the code (including the # sign!) into the corresponding textboxes in Guild Preferences. Don't use the dropdown menus to choose colours.

Dr. Sloth, The Space Station

Dr. Sloth, The Space Station guild layout

Type: neopets
Format: standard

<style />
body{background:#333333}
ul.dropdown{border:1px solid #000000;background-color:#99cc66}
LI:hover UL.dropdown A, LI.over UL.dropdown A{color:#000000}
LI:hover UL.dropdown A:Hover, LI.over UL.dropdown A:hover{color:#669933}
UL.dropdown {opacity:0.7; filter:alpha(opacity=70)}
#main{border:1px solid #000000;width:800px}
#content{background:url(http://www.neofaerie.net/guilds/002/bg.jpg);width:800px;position:relative}
#header{background:url(http://www.neofaerie.net/guilds/002/header01.jpg);border:0px;height:240px;width:800px;position:relative}
table,td{background:transparent}
.footerNifty,.sidebar{display:none}
.contentHeader{font-size:8px}
td.content{padding-left:10p;}
#footer{background:url(http://www.neofaerie.net/guilds/002/footer.jpg);border:0px;height:260px;width:800px;position:relative}
#template_nav{width:800px;position:absolute;left:80px;top:99px}
.user{color:#336600;z-index:2;position:absolute;left:402px;top:51px;height:15px}
.user a,.user b{color:#003300 !important}
#nst{color:#003300;position:absolute;left:76px;top:218px;width:100px;height:15px;z-index:2}
table.footer{width:780px;position:absolute;top:10px;left:10px}
#nfc{width:520px;position:relative;left:26px;top:30px;font:11px arial;padding-bottom:10px}
#nfh{font:14px tahoma;text-transform:uppercase;font-weight:bold;border-bottom:2px solid #ccff66}
.contentHeader{height:65px}
A{cursor:crosshair}
a:link,a:visited,a:active{color:#99ff66;text-decoration:none}
a:hover{color:#99cc99;text-decoration:none}
</style />
<img src="http://www.neofaerie.net/guilds/002/header02.jpg" style="border:0px;height:250px; width:800px; position:absolute;top:0px;left:0px;" usemap="#xx">
<map name="xx">
<area shape="rect" coords="609,25,704,64" href="YourLinkHere">
<area shape="rect" coords="396,87,491,127" href="YourLinkHere">
</map>
<img src="http://www.neofaerie.net/guilds/002/logo.jpg"  style="border:0px;height:100px;width:100px;position:absolute;top:100px;left:66px;">
<div id="nfc">
<div><span id="nfh"><font color="#ccffcc">TITLE HERE</font></span><br>
CONTENT GOES HERE
</div><br></div></div>

Logo:

	Background Colour	#003300
	Header Text Colour	#ccffcc
	Main Text Colour	#ffffcc
	Link Colour	#ccff99
	Main Border Colour	#000000
	Secondary Border Colour	#333333

Posted: 2008-05-30

The Dark Faerie Sisters

The Dark Faerie Sisters guild layout

Type: neopets
Format: standard

<style />
body {background:url(http://i25.tinypic.com/2vj91qg.jpg)}
.sidebar {display:none}
ul.dropdown{border:1px solid #000000;background:#669999}
LI:hover UL.dropdown A, LI.over UL.dropdown A{color:#000000}
LI:hover UL.dropdown A:Hover, LI.over UL.dropdown A:hover{color:#006666}
UL.dropdown {opacity:0.6; filter:alpha(opacity=60)}
#main{border:1px solid #000000;width:800px;}
#content{background:url(http://i26.tinypic.com/2zomdsj.jpg);width:800px;position:relative;}
#header{background:url(http://i28.tinypic.com/hv4ide.jpg);border:0px;height:300px;width:800px;position:relative;}
table,td{background:transparent;}
.footerNifty{display:none}
.contentHeader{font-size:8px;}
td.content{padding-left:10px;}
#footer{background:url(http://i30.tinypic.com/bdoefb.jpg);border:0px;height:160px;width:800px;position:relative}
#template_nav{width:800px;position:absolute;left:104px;top:83px}
.user{color:#000000;z-index:2;position:absolute;left:291px;top:141px;height:15px}
.user a,.user b{color:#003333 !important}
#nst{color:#000000;position:absolute;left:68px;top:217px;width:100px;height:15px;z-index:2;}
table.footer{position:absolute;top:-2px}
span.sf,span.sf a, span.sf b{color:#000000}
#nflinks{width:182px;height:76px;position:absolute;left:288px;top:-10px;
overflow:auto;font:11px arial;font-weight:bold;}
#maincontent{width:520px;position:relative;left:26px;top:30px;
font:11px arial;padding-bottom:10px;}
#nfheader{font:14px verdana;color:#99cccc;text-transform:uppercase;letter-spacing:2px;font-weight:bold;border-bottom:1px dashed #99cccc}

A{cursor:crosshair}
a:link,a:visited,a:active{color:#99ccff;text-decoration:none}
a:hover{color:#669999;text-decoration:none}
</style />
<img src="http://i32.tinypic.com/av6bgx.jpg" style="border:0px;height:200px; width:800px; position:absolute;top:0px;left:0px;">
<img src="http://i31.tinypic.com/fpcpvn.jpg" style="border:0px;height:100px;width:100px;position:absolute;top:40px;left:66px;">

<div id="nflinks">
» <a href="#">link here</a><br>
» <a href="#">link here</a><br>
» <a href="#">link here</a><br>
» <a href="#">link here</a><br>
</div>

<div id="maincontent">
<span id="nfheader">Title Here</span><br>
CONTENT GOES HERE
</div>

Logo:

	Background Colour	#000000
	Header Text Colour	#cccccc
	Main Text Colour	#ffffff
	Link Colour	#999999
	Main Border Colour	#666666
	Secondary Border Colour	#000000

Posted: 2008-01-20