Winter Graphics

Below you can find a variety of different winter related graphics. If you click on a screenshot you will ge a full sized preview of the graphic. Below the graphic you will find the code for the graphic, just copy this and paste it at the right place on neopets.

Adoptables - Art

For more information on how to use art adoptables or different art adoptables, visit the Art Adoptables page.

Cheery Raindorf

Igloo Cupcake

Adoptables - Faerie Dolls

For more information on how to use faerie doll pixel adoptables or different faerie doll pixel adoptables, visit the Faerie Dolls Pixel Adoptables page.

Taelia - Snow Faerie Doll

Adoptables - Pixel

For more information on how to use pixel adoptables or different pixel adoptables, visit the Pixel Adoptables page.

Baby Bruce <a href="https://neopets.com/~TheSunnyNeo" target="_blank"> <div style="background:url('https://www.sunnyneo.com/adoptable/PIXEL_brucebaby.gif');width:60px;height:88px;display:block;"> </div> </a>	Feepit <a href="https://neopets.com/~TheSunnyNeo" target="_blank"> <div style="background:url('https://www.sunnyneo.com/adoptable/PIXEL_feepit.gif');width:60px;height:60px;display:block;"> </div> </a>	Feepit - Green <a href="https://neopets.com/~TheSunnyNeo" target="_blank"> <div style="background:url('https://www.sunnyneo.com/adoptable/PIXEL_greenfeepit.gif');width:60px;height:60px;display:block;"> </div> </a>	Feepit - Pink <a href="https://neopets.com/~TheSunnyNeo" target="_blank"> <div style="background:url('https://www.sunnyneo.com/adoptable/PIXEL_pinkfeepit.gif');width:60px;height:60px;display:block;"> </div> </a>
Feepit - Spotted <a href="https://neopets.com/~TheSunnyNeo" target="_blank"> <div style="background:url('https://www.sunnyneo.com/adoptable/PIXEL_spottedfeepit.gif');width:60px;height:60px;display:block;"> </div> </a>	Feepit - Yellow <a href="https://neopets.com/~TheSunnyNeo" target="_blank"> <div style="background:url('https://www.sunnyneo.com/adoptable/PIXEL_yellowfeepit.gif');width:60px;height:60px;display:block;"> </div> </a>	Fir <a href="https://neopets.com/~TheSunnyNeo" target="_blank"> <div style="background:url('https://www.sunnyneo.com/adoptable/PIXEL_fir.gif');width:60px;height:60px;display:block;"> </div> </a>	Kau - Winter <a href="https://neopets.com/~TheSunnyNeo" target="_blank"> <div style="background:url('https://www.sunnyneo.com/adoptable/PIXEL_snowykau.gif');width:88px;height:88px;display:block;"> </div> </a>
Ona <a href="https://neopets.com/~TheSunnyNeo" target="_blank"> <div style="background:url('https://www.sunnyneo.com/adoptable/PIXEL_ona.gif');width:60px;height:60px;display:block;"> </div> </a>	Ona - Orange <a href="https://neopets.com/~TheSunnyNeo" target="_blank"> <div style="background:url('https://www.sunnyneo.com/adoptable/PIXEL_orangeona.gif');width:60px;height:60px;display:block;"> </div> </a>	Ona - Pink <a href="https://neopets.com/~TheSunnyNeo" target="_blank"> <div style="background:url('https://www.sunnyneo.com/adoptable/PIXEL_pinkona.gif');width:60px;height:60px;display:block;"> </div> </a>	Ona - Purple <a href="https://neopets.com/~TheSunnyNeo" target="_blank"> <div style="background:url('https://www.sunnyneo.com/adoptable/PIXEL_purpleona.gif');width:60px;height:60px;display:block;"> </div> </a>
Ona - White <a href="https://neopets.com/~TheSunnyNeo" target="_blank"> <div style="background:url('https://www.sunnyneo.com/adoptable/PIXEL_whiteona.gif');width:60px;height:60px;display:block;"> </div> </a>	Polarchuck <a href="https://neopets.com/~TheSunnyNeo" target="_blank"> <div style="background:url('https://www.sunnyneo.com/adoptable/PIXEL_polarchuck.gif');width:60px;height:60px;display:block;"> </div> </a>	Polarchuck - Blue <a href="https://neopets.com/~TheSunnyNeo" target="_blank"> <div style="background:url('https://www.sunnyneo.com/adoptable/PIXEL_bluepolarchuck.gif');width:60px;height:60px;display:block;"> </div> </a>	Polarchuck - Pink <a href="https://neopets.com/~TheSunnyNeo" target="_blank"> <div style="background:url('https://www.sunnyneo.com/adoptable/PIXEL_pinkpolarchuck.gif');width:60px;height:60px;display:block;"> </div> </a>
Snow petpet paint brush <a href="https://neopets.com/~TheSunnyNeo" target="_blank"> <div style="background:url('https://www.sunnyneo.com/adoptable/PIXEL_snowpppb.gif');width:60px;height:60px;display:block;"> </div> </a>	Snowbunny <a href="https://neopets.com/~TheSunnyNeo" target="_blank"> <div style="background:url('https://www.sunnyneo.com/adoptable/PIXEL_snowbunny.gif');width:60px;height:60px;display:block;"> </div> </a>	Snowickle <a href="https://neopets.com/~TheSunnyNeo" target="_blank"> <div style="background:url('https://www.sunnyneo.com/adoptable/PIXEL_snowickle.gif');width:60px;height:60px;display:block;"> </div> </a>	Snowickle - Green <a href="https://neopets.com/~TheSunnyNeo" target="_blank"> <div style="background:url('https://www.sunnyneo.com/adoptable/PIXEL_greensnowickle.gif');width:60px;height:60px;display:block;"> </div> </a>
Snowickle - Orange <a href="https://neopets.com/~TheSunnyNeo" target="_blank"> <div style="background:url('https://www.sunnyneo.com/adoptable/PIXEL_orangesnowickle.gif');width:60px;height:60px;display:block;"> </div> </a>	Snowickle - Pink <a href="https://neopets.com/~TheSunnyNeo" target="_blank"> <div style="background:url('https://www.sunnyneo.com/adoptable/PIXEL_pinksnowickle.gif');width:60px;height:60px;display:block;"> </div> </a>	Snowickle - Purple <a href="https://neopets.com/~TheSunnyNeo" target="_blank"> <div style="background:url('https://www.sunnyneo.com/adoptable/PIXEL_purplesnowickle.gif');width:60px;height:60px;display:block;"> </div> </a>	Snowickle - Red <a href="https://neopets.com/~TheSunnyNeo" target="_blank"> <div style="background:url('https://www.sunnyneo.com/adoptable/PIXEL_redsnowickle.gif');width:60px;height:60px;display:block;"> </div> </a>
Snowickle - Yellow <a href="https://neopets.com/~TheSunnyNeo" target="_blank"> <div style="background:url('https://www.sunnyneo.com/adoptable/PIXEL_yellowsnowickle.gif');width:60px;height:60px;display:block;"> </div> </a>	Taelia <a href="https://neopets.com/~TheSunnyNeo" target="_blank"> <div style="background:url('https://www.sunnyneo.com/adoptable/PIXEL_taelia2.gif');width:85px;height:85px;display:block;"> </div> </a>	Usul - Winter <a href="https://neopets.com/~TheSunnyNeo" target="_blank"> <div style="background:url('https://www.sunnyneo.com/adoptable/PIXEL_snowusul.gif');width:85px;height:85px;display:block;"> </div> </a>	Winter Apple <a href="https://neopets.com/~TheSunnyNeo" target="_blank"> <div style="background:url('https://www.sunnyneo.com/adoptable/PIXEL_winterapple.gif');width:60px;height:60px;display:block;"> </div> </a>
Winter Coffee <a href="https://neopets.com/~TheSunnyNeo" target="_blank"> <div style="background:url('https://www.sunnyneo.com/adoptable/PIXEL_wintercoffee.gif');width:60px;height:60px;display:block;"> </div> </a>	Winter House - Advent Calendar <a href="https://neopets.com/~TheSunnyNeo" target="_blank"> <div style="background:url('https://snimg.co/adoptable/PIXEL_houses_adventcalendar.png');width:64px;height:64px;display:block;"> </div> </a>	Winter House - Ice Cream Machine <a href="https://neopets.com/~TheSunnyNeo" target="_blank"> <div style="background:url('https://snimg.co/adoptable/PIXEL_houses_icecreammachine.png');width:64px;height:64px;display:block;"> </div> </a>	Winter House - Ice Rink <a href="https://neopets.com/~TheSunnyNeo" target="_blank"> <div style="background:url('https://snimg.co/adoptable/PIXEL_houses_icerink.png');width:128px;height:64px;display:block;"> </div> </a>
Winter House - Scratchcard Kiosk <a href="https://neopets.com/~TheSunnyNeo" target="_blank"> <div style="background:url('https://snimg.co/adoptable/PIXEL_houses_scratchcardkiosk.png');width:64px;height:64px;display:block;"> </div> </a>	Winter House - Slushie Shop <a href="https://neopets.com/~TheSunnyNeo" target="_blank"> <div style="background:url('https://snimg.co/adoptable/PIXEL_houses_slushieshop.png');width:64px;height:64px;display:block;"> </div> </a>

Backgrounds

For more information on how to use backgrounds or different backgrounds, visit the Backgrounds page.

Click the images below for a fullpage preview.

Snowfall

Inner Bg

Petpage / Outer Bg

Blogs

For more information on how to use bogs or different blogs, visit the Blogs page.

Click the images below for a full size preview.

Red-Nosed Ixi Figure

Buttons/Banners

For more information on how to use buttons and banners or different buttons and banners, visit the Buttons & Banners page.

Happy New Year 1 <a href="https://neopets.com/~TheSunnyNeo" target="_blank"> <div style="background:url('https://www.sunnyneo.com/buttons/misc/BUT_happynewyear1.gif');width:88px;height:31px;display:block;"> </div> </a>	Happy New Year 2 <a href="https://neopets.com/~TheSunnyNeo" target="_blank"> <div style="background:url('https://www.sunnyneo.com/buttons/misc/BUT_happynewyear2.gif');width:88px;height:31px;display:block;"> </div> </a>	Happy New Year 3 <a href="https://neopets.com/~TheSunnyNeo" target="_blank"> <div style="background:url('https://www.sunnyneo.com/buttons/misc/BUT_happynewyear3.gif');width:88px;height:31px;display:block;"> </div> </a>	Let it snow <a href="https://neopets.com/~TheSunnyNeo" target="_blank"> <div style="background:url('https://www.sunnyneo.com/buttons/misc/BUT_letsnow.gif');width:88px;height:31px;display:block;"> </div> </a>
Magic snow <a href="https://neopets.com/~TheSunnyNeo" target="_blank"> <div style="background:url('https://www.sunnyneo.com/buttons/misc/BUT_magicsnow.gif');width:88px;height:31px;display:block;"> </div> </a>

Let It Snow

Winter Hiatus

Winter Side Account

Winter Vacation

Cursors

For more information on how to use cursors or different cursors, visit the Cursors page.

Fir <style> // *{} body,#content,#main a{cursor: url(https://sunnyneo.com/pointers/CUR_fir.ani)} #main, a{cursor: url(https://sunnyneo.com/pointers/CUR_fir.gif), default} </style> <a href="https://www.neopets.com/~TheSunnyNeo" target="_blank"><img src="https://snimg.co/linktous/cursorbanner.gif" width="100" height="36" border="0"></a>	Ice apple <style> // *{} body,#content,#main a{cursor: url(https://sunnyneo.com/pointers/CUR_iceapple.ani)} #main, a{cursor: url(https://sunnyneo.com/pointers/CUR_iceapple.gif), default} </style> <a href="https://www.neopets.com/~TheSunnyNeo" target="_blank"><img src="https://snimg.co/linktous/cursorbanner.gif" width="100" height="36" border="0"></a>	Ice slorg <style> // *{} body,#content,#main a{cursor: url(https://sunnyneo.com/pointers/CUR_iceslorg.ani)} #main, a{cursor: url(https://sunnyneo.com/pointers/CUR_iceslorg.gif), default} </style> <a href="https://www.neopets.com/~TheSunnyNeo" target="_blank"><img src="https://snimg.co/linktous/cursorbanner.gif" width="100" height="36" border="0"></a>	Icy negg <style> // *{} body,#content,#main a{cursor: url(https://sunnyneo.com/pointers/CUR_icynegg.ani)} #main, a{cursor: url(https://sunnyneo.com/pointers/CUR_icynegg.gif), default} </style> <a href="https://www.neopets.com/~TheSunnyNeo" target="_blank"><img src="https://snimg.co/linktous/cursorbanner.gif" width="100" height="36" border="0"></a>
Icy star <style> // *{} body,#content,#main a{cursor: url(https://sunnyneo.com/pointers/CUR_icystar.ani)} #main, a{cursor: url(https://sunnyneo.com/pointers/CUR_icystar.gif), default} </style> <a href="https://www.neopets.com/~TheSunnyNeo" target="_blank"><img src="https://snimg.co/linktous/cursorbanner.gif" width="100" height="36" border="0"></a>	Pastel tree <style> // *{} body,#content,#main a{cursor: url(https://sunnyneo.com/pointers/CUR_pasteltree.ani)} #main, a{cursor: url(https://sunnyneo.com/pointers/CUR_pasteltree.gif), default} </style> <a href="https://www.neopets.com/~TheSunnyNeo" target="_blank"><img src="https://snimg.co/linktous/cursorbanner.gif" width="100" height="36" border="0"></a>	Polarchuck <style> // *{} body,#content,#main a{cursor: url(https://sunnyneo.com/pointers/CUR_polarchuck.ani)} #main, a{cursor: url(https://sunnyneo.com/pointers/CUR_polarchuck.gif), default} </style> <a href="https://www.neopets.com/~TheSunnyNeo" target="_blank"><img src="https://snimg.co/linktous/cursorbanner.gif" width="100" height="36" border="0"></a>	Prissy Miss Snowflake Dress <style> // *{} body,#content,#main a{cursor: url(https://www.sunnyneo.com/pointers/CUR_prissysnowdress.ani)} #main, a{cursor: url(https://www.sunnyneo.com/pointers/CUR_prissysnowdress.gif), default} </style> <a href="https://www.neopets.com/~TheSunnyNeo" target="_blank"><img src="https://snimg.co/linktous/cursorbanner.gif" width="100" height="36" border="0"></a>
Skeith snowman <style> // *{} body,#content,#main a{cursor: url(https://sunnyneo.com/pointers/CUR_skeithsnowman.ani)} #main, a{cursor: url(https://sunnyneo.com/pointers/CUR_skeithsnowman.gif), default} </style> <a href="https://www.neopets.com/~TheSunnyNeo" target="_blank"><img src="https://snimg.co/linktous/cursorbanner.gif" width="100" height="36" border="0"></a>	Snow Book <style> // *{} body,#content,#main a{cursor: url(https://www.sunnyneo.com/pointers/CUR_snowbook.ani)} #main, a{cursor: url(https://www.sunnyneo.com/pointers/CUR_snowbook.gif), default} </style> <a href="https://www.neopets.com/~TheSunnyNeo" target="_blank"><img src="https://snimg.co/linktous/cursorbanner.gif" width="100" height="36" border="0"></a>	Snow Faerie <style> // *{} body,#content,#main a{cursor: url(https://sunnyneo.com/pointers/cur_fae_snow.ani)} #main, a{cursor: url(https://sunnyneo.com/pointers/cur_fae_snow.gif), default} </style> <a href="https://www.neopets.com/~TheSunnyNeo" target="_blank"><img src="https://snimg.co/linktous/cursorbanner.gif" width="100" height="36" border="0"></a>	Snowbunny <style> // *{} body,#content,#main a{cursor: url(https://sunnyneo.com/pointers/CUR_snowbunny.ani)} #main, a{cursor: url(https://sunnyneo.com/pointers/CUR_snowbunny.gif), default} </style> <a href="https://www.neopets.com/~TheSunnyNeo" target="_blank"><img src="https://snimg.co/linktous/cursorbanner.gif" width="100" height="36" border="0"></a>
Snowflake <style> // *{} body,#content,#main a{cursor: url(https://sunnyneo.com/pointers/CUR_snowflake.ani)} #main, a{cursor: url(https://sunnyneo.com/pointers/CUR_snowflake.gif), default} </style> <a href="https://www.neopets.com/~TheSunnyNeo" target="_blank"><img src="https://snimg.co/linktous/cursorbanner.gif" width="100" height="36" border="0"></a>	Snowman <style> // *{} body,#content,#main a{cursor: url(https://www.sunnyneo.com/pointers/CUR_snowman.ani)} #main, a{cursor: url(https://www.sunnyneo.com/pointers/CUR_snowman.gif), default} </style> <a href="https://www.neopets.com/~TheSunnyNeo" target="_blank"><img src="https://snimg.co/linktous/cursorbanner.gif" width="100" height="36" border="0"></a>	Snuffly <style> // *{} body,#content,#main a{cursor: url(https://sunnyneo.com/pointers/CUR_snuffly.ani)} #main, a{cursor: url(https://sunnyneo.com/pointers/CUR_snuffly.gif), default} </style> <a href="https://www.neopets.com/~TheSunnyNeo" target="_blank"><img src="https://snimg.co/linktous/cursorbanner.gif" width="100" height="36" border="0"></a>	Winter ice cream <style> // *{} body,#content,#main a{cursor: url(https://sunnyneo.com/pointers/CUR_icecream.ani)} #main, a{cursor: url(https://sunnyneo.com/pointers/CUR_icecream.gif), default} </style> <a href="https://www.neopets.com/~TheSunnyNeo" target="_blank"><img src="https://snimg.co/linktous/cursorbanner.gif" width="100" height="36" border="0"></a>

Fake Avatars

For more information on how to use fake avatars or different fake avatars, visit the Fake Avatars page.

Blizzard Chia <a href="https://neopets.com/~TheSunnyNeo" target="_blank"> <div style="background:url('https://www.sunnyneo.com/fakeavys/AV_chiawind.gif');width:50px;height:50px;display:block;"> </div> </a>	Frosty <a href="https://neopets.com/~TheSunnyNeo" target="_blank"> <div style="background:url('https://www.sunnyneo.com/fakeavys/av_frosty.gif');width:50px;height:50px;display:block;"> </div> </a>	Passing snowbunny <a href="https://neopets.com/~TheSunnyNeo" target="_blank"> <div style="background:url('https://www.sunnyneo.com/fakeavys/AV_passingsnowbunny.gif');width:50px;height:50px;display:block;"> </div> </a>	Snow Angel Wocky <a href="https://neopets.com/~TheSunnyNeo" target="_blank"> <div style="background:url('https://www.sunnyneo.com/fakeavys/AV_wockyangel.gif');width:50px;height:50px;display:block;"> </div> </a>
Snow Hugs <a href="https://neopets.com/~TheSunnyNeo" target="_blank"> <div style="background:url('https://www.sunnyneo.com/fakeavys/AV_snowhugs.gif');width:50px;height:50px;display:block;"> </div> </a>	Snowbunny <a href="https://neopets.com/~TheSunnyNeo" target="_blank"> <div style="background:url('https://www.sunnyneo.com/fakeavys/av_bunny.gif');width:50px;height:50px;display:block;"> </div> </a>	Snowmuncher <a href="https://neopets.com/~TheSunnyNeo" target="_blank"> <div style="background:url('https://www.sunnyneo.com/fakeavys/av_snowmuncher.gif');width:50px;height:50px;display:block;"> </div> </a>	Sparkling Taelia <a href="https://neopets.com/~TheSunnyNeo" target="_blank"> <div style="background:url('https://www.sunnyneo.com/fakeavys/AV_taeliahalf.gif');width:50px;height:50px;display:block;"> </div> </a>
Taelia - Snow <a href="https://neopets.com/~TheSunnyNeo" target="_blank"> <div style="background:url('https://www.sunnyneo.com/fakeavys/av_taelia.gif');width:50px;height:50px;display:block;"> </div> </a>

Gallery Layouts

For more information on how to use gallery layouts or different gallery layouts, visit the Gallery Layouts page.

Click the images below for a fullpage preview.

Snowager

Fonts: natalia colleen
Compatible: Internet Explorer

.hdr,hr,  #ban,#m,#n,#mb, #pushdown_banner_btf {display:none;}
.adbox,#ban,#ban_bottom,.ad_wrapper_fixed, .adBox2,.footOverlay {display:none}
.eventIcon {display:none}
#nst {padding-right:40px;}
#template_nav, #nst {
	padding-top: 4px;
}

.sidebarModule,.sidebar,.header{display:none}
body, div, table, tr, td{font-family: verdana; color: #091e31; font-size: 8pt;}
#main a, a b{color: #091e31; font-size: 8pt; text-decoration: none;}
#main a:hover, a b:hover{color: #ffffff; font-size: 8pt;}
#content a b, a {color: #091e31; font-size: 8pt; text-decoration: none;}
#content a:hover b, a:hover {color: #1b6aba; font-size: 8pt;}
#main b, b {color:#1b6aba;}

h1 {font-size:8pt;font-weight: normal} 
h2 {font-size: 14pt;margin-bottom:3;font-weight: bold; text-transform:lowercase;color: #1b6aba;text-align:right;border-bottom:3px double #091e31;}
ul.dropdown {color: #ffffff; border: 1px solid #000000; background:url(https://www.sunnyneo.com/gallery/GAL_snowager_bg2.jpg);}
.brand-mamabar{display:none;}
</style>

<div style="position:absolute; left:16px; top:240px;width:152px;  z-index:1;">
<h1>
<H2>Welcome</H2>
Write your welcome here, it can be whatever you like!
<BR><BR>
<H2>Thank You</H2>
Write your thankyous here, anyone who has helped you along the way with your gallery.
<BR><BR>
<H2>Wishlist</H2>
Your wishlist items can go here.
<BR><BR>
You can add as many headers as you like.
</H1></div>

Taelia

Fonts: 04b_03, Never Let Go
Compatible: Internet Explorer

<style>

body{background:url("https://sunnyneo.com/gallery/GAL_taelia_bg.jpg") repeat-y #DBF6F2;margin-left:0px}

h1 {font:8pt arial;font-weight:bold;text-transform:uppercase;letter-spacing:2px;color:#2EAFD5;border-bottom:2px solid #79C5AF;text-align:left;margin-left:0px}

img.footerNifty,#footer,.footerForm,.hdr,hr, #nst,#ban,#m,#n,#mb,.adbox,#ban,#ban_bottom,.ad_wrapper_fixed,.adBox2,.footOverlay,#template_nav,.user,.eventIcon,#ban,#pushdown_banner,#ad-slug-wrapper,#ad-table,#header,.brand-mamabar, #pushdown_banner_btf {display:none}
.sidebar {display:none; background:none;}

#main {padding-top:512px;padding-left:113px;background:none;border:none;float:left;width:793px; background:none;border:none;margin-top:0px;margin-left:0px}
#content {display:inline;width:793px;margin-left:0px}

img{border:1px solid #7BC5B0;background-color:#DFF4EE;padding:3px;}

body, div, table, tr, td{font:8pt "century gothic";color: #000000;}
a:link,a:visited{color:#4EA7D4;font-weight:bold;text-decoration:none}
a:hover{color:#65BCE7;font-weight:bold;text-decoration:none}
b{color:#043F6D;font-weight:bold}

.tablestyle{display:inline;}

#nav{left:711px;top:21px;width:177px;z-index:300;text-align:center}

#top{left:0px;top:0px;z-index:0;padding:0px;border:none;background:none}
#navs{padding:0px;border:none;margin-top:10px;background:none}

#text{width:70%}

</style>

<center>
<div align="left" id="text">
<h1>Header</h1>
Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. 
<br><br>

<h1>Header</h1>
Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. 
<br><br>

Terror Mountain

Fonts: Winter Flakes
Compatible: Internet Explorer

<style>

hr,.brand-mamabar,#nst,.user,.sf,.footerNifty,.copyright,.sidebar, #pushdown_banner_btf {display:none}

#pushdown_banner,#ban{visibility:hidden;height:0px}

.medText,div,td{color:#528ED3;font:11px "verdana"}

a:link,a:visited,a:hover{color:#2D64A3;font:bold 11px "verdana"}

#header,#main,#content,#footer{border:none}

#header{width:950px;height:620px;background:url(https://www.sunnyneo.com/gallery/GAL_snow_head.gif);margin-top:0px}

#footer{width:950px;height:279px;background:url(https://www.sunnyneo.com/gallery/GAL_snow_foot.gif);margin-left:-252px}

#main{width:950px;background:url(https://www.sunnyneo.com/gallery/GAL_snow_main.gif);border-left:40px #143F56 solid;border-right:40px #143F56 solid;margin-top:0px}

#content{width:700px;margin-left:245px}

body{background:#7399BF url(https://www.sunnyneo.com/gallery/GAL_snow_bg.jpg);background-repeat:repeat-x;background-position:bottom left;background-attachment:fixed}

#template_nav{width:800px;margin:125px 0 0 -90px}

ul.dropdown{background:#ADDBDB;padding:0px;margin-top:8px;border:1px #000 solid;filter:alpha(opacity=90);opacity:.90}

ul.dropdown a{padding:1px;margin:2px}

li:hover ul.dropdown a,li.over ul.dropdown a{display:block;width:160px;height:15px;color:#000;font:bold 10px verdana;padding:1px}

li:hover ul.dropdown a:hover,li.over ul.dropdown a:hover{background:#FFF;color:#2D64A3}

hr{border:1px #F32929 solid;text-align:center}

#tusk{left:316px;top:-650px;width:450px}
#tusk img{background:none;border:none}

#information{left:-250px;top:-250px;width:198px;padding:5px}

#heading{display:block;color:#2D64A3;font:bold 18px "century gothic";text-align:left;border-bottom:1px #FFF solid}

#wishlist,#added{width:85px;margin:0 auto}

.contentModuleContent{width:780px;background:none;margin-left:205px}

.contentModuleContent img,#wishlist img,#added img,.tablestyle img{background:#FFF;border:1px #2D64A3 solid}

</style>

<div id="heading">Welcome</div>

<p>Post information about your gallery here.

<p><br><div id="heading">Wishlist</div>

<p><br><div id="heading">Recently Added</div>

</div></div>

Gift Tags

For more information on how to use gift tags or different gift tags, visit the Gift Tags page.

Christmas Faellie	Christmas Kacheek
Christmas Ornaments	Christmas Wocky
Feepit	Gingerbread Gifts
Gingerbread House	Ollie
Paper Trees	Polarchuck
Polarchuck Gifts	Skating Bruce
Skiing Buzz	Snow Beast
Snow Fight!	Snowman Gifts
Snowy Mountains	Winter Wonderland
Wreathy

Goal Counters

For more information on how to use goal counters or different goal counters, visit the Goals Counters page.

Darblat

Freezing Potion

Snowickle

Guild Layouts

For more information on how to use guild layouts or different guild layouts, visit the Guild Layouts page.

Click the images below for a fullpage preview.

Dance with me!

Fonts: Shorelines Script Bold
Compatible: Internet Explorer

Welcome to your new guild layout! This is your <b>bold</b>, <i>italic</i> and <strong>strong</strong> fonts. Oh and this is a <a href="/index.phtml">link</a>. text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text.<br><br>
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text.<br><br>
</div>

<div style="position:fixed;left:30px;top:0px;width:190px;">
<a href="/~petpage" class="navi">link</a>
<a href="/~petpage" class="navi">link</a>
<a href="/~petpage" class="navi">link</a>
<a href="/~petpage" class="navi">link</a>
<a href="https://www.sunnyneo.com" class="navi">SunnyNeo</a>
</div>

<div style="position:fixed;left:344px;top:441px;width:480px;height:54px;text-align:center;font:italic 45px times new roman;letter-spacing:-1px;color:#EEFCF1;z-index:1px;">Guild Name Here!</div>
<div style="position:fixed;left:346px;top:443px;width:480px;height:54px;text-align:center;font:italic 45px times new roman;letter-spacing:-1px;color:#985870;z-index:2px;">Guild Name Here!</div>

Background Colour		#ffffff
Header Text Colour		#f8fcf8
Main Text Colour		#8BB9DD
Link Colour		#60514c
Main Border Colour		#77d5b7
Secondary Border Colour		#ffffff

Guild Logo: save it onto your computer and upload it as your guild logo.

Dance with me! Guild Logo

Happy New Year

Fonts: Fineliner Script
Compatible: Internet Explorer

.contentHeader, #ban,#header,#footer,.sidebar, table table table table table {display:none}

table, td {background: none;}

table table table table {margin-top:50px;margin-left:30px; background: #4E2C5B; border: 3px solid #FFC3D1; opacity:.75; 
filter:alpha(opacity=75);}

table table table table b {color: #FFF79D;}

#main{margin-top:0px;margin-left:0px;z-index:20;background:url("https://www.sunnyneo.com/guild/GLD_NY_MainBG.jpg")  repeat-y;border:none; height: 1200px;}

.content {margin-top: 0px; margin-left: 0px; height: 100%;}

#textbox {left: 255px; top: 560px; width: 650px; color: #FFF7D1; height: 600px; overflow: auto;}

#textbox a {color:#FFF79D; text-decoration: none;font-weight: bold;}
#textbox a:hover {color:#FFAA00;}

font, table, td, a {color: #FFF79D;}

h1 {
font-size: 20px; color: #FFF7D1; font-family: Georgia; font-style: italic; 
}

i {
color: #C8BDD1; 
}

u {
color: #FFF700; 
}

b {
color: #F0709C;
}

#banner {left: 231px; top: 0px; width: 741px; height: 587px;}

#banner2 {left: 0px; top: 0px; width: 231px; height: 221px;}

</style>
<img src=" https://www.sunnyneo.com/guild/GLD_NY_IMG1.jpg" id="banner" style="position: absolute">
<img src="https://snimg.co/guild/GLD_NY_IMG2.jpg" id="banner2" style="position: absolute">

<center><a href="https://www.neopets.com/myaccount.phtml">My Account</a> | 
<a href="https://www.neopets.com/customise/">Customise</a> | 
<a href="https://neopets.com/gameroom.phtml">Games</a> | 
<a href="https://neopets.com/explore.phtml">Explore</a> | 
<a href="https://neopets.com/nf.phtml">News</a><br>
<a href="https://www.neopets.com/community/index.phtml">Community</a> | 
<a href="https://neopets.com/objects.phtml">Shops</a> | 
<a href="https://www.neopets.com/mall/index.phtml">NC Mall</a> | <a href="https://nc.neopets.com/membership">Premium</a> | <a href="https://www.sunnyneo.com">SunnyNeo</a>
</center>

<h1>Welcome to the guild!</h1>

<b>Bold</b> <i>Italic</i> <u>Underline</u>

<p>

Welcome text here. Welcome text here. Welcome text here. Welcome text here. Welcome text here. Welcome text here. Welcome text here. Welcome text here. Welcome text here. Welcome text here. Welcome text here. Welcome text here. Welcome text here. Welcome text here. Welcome text here. Welcome text here. Welcome text here. Welcome text here.

<h1>News and Updates</h1>

Your text here. Your text here. Your text here. Your text here. Your text here. Your text here. Your text here. Your text here. Your text here. Your text here. Your text here. Your text here. Your text here. Your text here. Your text here. Your text here. Your text here. Your text here.

<h1>Council Chat</h1>

<h1>Guild Activities</h1>

<h1>Guild Promotion</h1>

</div>

Background Colour		#ffffff
Header Text Colour		#fff7d1
Main Text Colour		#000000
Link Colour		#a4549d
Main Border Colour		#00063d
Secondary Border Colour		#ffebfe

Guild Logo: save it onto your computer and upload it as your guild logo.

Happy New Year Guild Logo

Winter Scene

Fonts: Century Gothic
Compatible: Internet Explorer

<style>

body{background: #9da1b3 url('https://sunnyneo.com/guild/GL_winterscene_bg1.jpg')}

table, tr, td { background:none; margin:0; }
#main {border:none; background:none;  width:800px; float:left; padding-left:25px;padding-top:340px }
.content {background:none;}
.sidebar {background: none;}
.contentHeader, .sidebar, #header, #footer { display:none; }
b {font: 11px arial;color: #194863;font-weight:bold;text-transform:uppercase;}
a, a:link, a:visited {font: 14px century gothic;color: #78789e;text-transform:lowercase;}
a b:hover, a:hover {text-transform:uppercase;color:#5f6079;}
body, font, td, p, .medText {font: 14px century gothic; color: #1d536c;}
.text {font: 14px century gothic; color: #000000;}
#ban {display:none;}
#main {margin-top:0px; margin-left:0px;}
h2 {font: 30px century gothic;
   color: #34383c; letter-spacing:3px;
    text-align:left;}
#ht{color:#4a5560; font-size:30px; font-family:century gothic; text-align:left;letter-spacing:3px;}
#ht2{color:#34383c; font-size:30px; font-family:century gothic;letter-spacing:3px;}
i {color:#326ca5;}
u {color:#5b9793;}

</style>

<div style="position:absolute;top:524px;left:800px;width:100px;border-left:1px dashed #66a09e;">
<center>
<font id="ht2">Links</font>
<a href="https://www.neopets.com/myaccount.phtml">My Account</a><br>
<a href="https://www.neopets.com/customise/">Customise</a><br>
<a href="https://neopets.com/gameroom.phtml">Games</a><br>
<a href="https://neopets.com/explore.phtml">Explore</a><br>
<a href="https://neopets.com/nf.phtml">News</a><br>
<a href="https://www.neopets.com/community/index.phtml">Community</a><br>
<a href="https://neopets.com/objects.phtml">Shops</a><br>
<a href="https://www.neopets.com/mall/index.phtml">NC Mall</a><br><a href="https://nc.neopets.com/membership">Premium</a><br><a href="https://www.sunnyneo.com">SunnyNeo</a><br>
<br>

<font class="text">put any guild links here</font>
<br></center>
</div>

<div style="position:absolute;top:490px;left:299px;width:500px">
<h2><font id="ht">header 1</font></h2>
<font class="text">Welcome message here.</font>

<i>italics</i>
<u>underline</u>
<b>bold</b>
<h2><font id="ht">header 2</font></h2>
<font class="text">text text text text text</font>
<h2><font id="ht">header 3</font></h2>
<font class="text">text text text text text</font></div>

Background Colour		FFFFFF
Header Text Colour		000000
Main Text Colour		000000
Link Colour		5f6079
Main Border Colour		4c638e
Secondary Border Colour		FFFFFF

Guild Logo: save it onto your computer and upload it as your guild logo.

Winter Scene Guild Logo

Header and Footer Sets

For more information on how to use header and footer sets or header and footer sets, visit the Header and Footer Sets page.

Terror Mountain

Icons

For more information on how to use icons or different icons, visit the Icons page.

Snowager

Winter Wonderland

Mood Indicators

For more information on how to use mood indicators or different mood indicators, visit the Mood Indicators page.

Snowager

Taelia

Page Dividers

For more information on how to use page dividers or different page dividers, visit the Page Dividers page.

Snowflake

Pet Lookups

For more information on how to use pet lookups or different pet lookups, visit the Pet Lookups page.

Click the images below for a fullpage preview.

8-Bit Fonts: MineCrafter 2.0, Redensek Compatible: This pet lookup will show a static (PNG) image of your pet. You can use this until neopets gets html5 images working on pet lookups. In order to have it show your pet, find the part of the code that says PETNAMEHERE and replace that with the name of your pet. It should be right below this text at the start of the style tag. After that, replace all this text with information about your pet and enjoy! <style> .contentModuleContent.medText {padding-top: 500px; background: url("https://pets.neopets.com/cpn/PETNAMEHERE/1/5.png") no-repeat; } body, div, table, tr, td{font: 11px tahoma; color:#465e87;letter-spacing:2px; } body{background-image: url('https://www.sunnyneo.com/petlookup/PL_8bit_bg.jpg')} #ban, #footer, .user, #nst, .adbox, #ban_bottom, .ad_wrapper_fixed, hr{display:none;} #header {background: url('https://www.sunnyneo.com/petlookup/PL_8bit_img.jpg') no-repeat;height:300px;width:725px;border:1px;} #template_nav{margin-left:-137px;margin-top:228px} .sidebar {display:none; background:none;} .user, #ban, .brand-mamabar, #ban_bottom, .ad_wrapper_fixed, .ad_wrapper, #footer, #nst, hr, .sidebar, .contentModuleHeader a, .flashRIP__2020 {display: none !important;} #main {margin-top:0px;} #main {background-color:#ffffff;border-right:5px dashed #383838;border-left:5px dashed #383838;width:725px;} #main a, b, b{color:#44933e;text-transform:downcase;font: 11px tahoma;} #main a:hover, a b:hover{color: #7a4707;} #main b, b{color:#000000;} #content div {color:#000000;} #content table {color:#000000;} #content a:hover b, a:hover {color:#ffffff;} #content a b, a {color:#465e87;} #content {width:725px;} li.nav_image {margin-left: -5px} ul.dropdown {border: 1px solid black;background-color: white;} ul.dropdown {opacity:.90; filter: alpha(opacity=90);} .contentModule {border: none;} .contentModuleTable {border: 1px solid #fff;} .contentModuleHeaderAlt, .contentModuleHeader,.contentModuleHeaderAlt{height: 16px; background:#68aae5;color:#465e87;font-weight:normal;text-transform: uppercase; font-family: tahoma;} .contentModuleHeader {padding-right:205px;} .contentModuleContent table td img {height:25px; width:25px;} .contentModuleContent div a img {height:35px; width:35px;} #rating_ballot img {height:20px;width:20px;} </style>	Simple Winter Fonts: Verona Compatible: <style> body {background-color: #ccebfc;color:#77c6f6 !important;} b {color:#77c6f6;} #ban, #nst, .adbox, #ban_bottom, .ad_wrapper_fixed, hr, .brand-mamabar, #superfooter, #footer, .contentModuleHeaderAlt, .contentModuleHeader, .sidebar, .user, .eventIcon, .contentModuleContent td img, #footer, #pet_rating, #rating_ballot, #template_nav {display: none;} .contentModule, .contentModuleTable {border:0px !important;} .content div a img {visibility:hidden;} .contentModuleContent {background:none;} .contentModule div a img {visibility:visible;} table, td { border:0px !important; } #content {width:700px !important;} #header { background: url('https://snimg.co/petlookup/PL_csswinter_header.jpg') no-repeat !important; height:30px; width:700px; border:0px; margin-top:10px; } #ban, #ban_bottom, .ad_wrapper_fixed, .adBox2, .adBox, .footOverlay {display:none;} .sidebar {visibility: hidden; background:none;} #main {background:none; border: 0px;} #CustomNeopetView{height:370px; width:370px} .nav a:link, .nav a:visited {color:#71cae7;font-size:10;} .nav a:hover {color:#4caac9;} #text {background-color:#FFFFFF;font:verdana;color:#58acd7;font-size:10px;} </style> <img src="https://snimg.co/petlookup/PL_csswinter_header.jpg"> <br><br> <div id="text" class="nav"> <p align="center"> <font size="4"><a href="myaccount.phtml">account</a> â† <a href="customise/">customise</a> â† <a href="games/arcade.phtml">games</a> â† <a href="explore.phtml">explore</a> â† <a href="nf.phtml">news</a> â† <a href="community/index.phtml">community</a> â† <a href="objects.phtml">shops</a> â† <a href="membership/">premium</a> â† <a href="~TheSunnyNeo">sunnyNeo</a></font></p> <br><br> Text in here. And more. I'm not sure exactly what else to say. Text in here. And more. I'm not sure exactly what else to say. Text in here. And more. I'm not sure exactly what else to say. Text in here. And more. I'm not sure exactly what else to say. Text in here. And more. I'm not sure exactly what else to say. Text in here. And more. I'm not sure exactly what else to say. Text in here. And more. I'm not sure exactly what else to say. Text in here. And more. I'm not sure exactly what else to say. Text in here. And more. I'm not sure exactly what else to say. Text in here. And more. I'm not sure exactly what else to say. Text in here. And more. I'm not sure exactly what else to say. Text in here. And more. I'm not sure exactly what else to say. Text in here. And more. I'm not sure exactly what else to say. Text in here. And more. I'm not sure exactly what else to say. Text in here. And more. I'm not sure exactly what else to say. Text in here. And more. I'm not sure exactly what else to say. Text in here. And more. I'm not sure exactly what else to say. Text in here. And more. I'm not sure exactly what else to say.</div>
Snow Fonts: Fabulous 50s Compatible: About your pet here <style> body, div, table, tr, td{font: 11px verdana; } body{background:url('https://sunnyneo.com/petlookup/PL_snow_bodybg.jpg');font: 11px verdana;} h1{font: 9px verdana;height:22px;background: url('https://sunnyneo.com/petlookup/PL_snow_headerbg.jpg'); color: #ffffff;border-bottom:1px solid black} #ban, #footer, .user, #nst, .adbox, #ban_bottom, .ad_wrapper_fixed, hr{display:none;} #header {background: url('https://sunnyneo.com/petlookup/PL_snow_img.jpg') no-repeat;height:300px;width:700px;border:0px none;} #template_nav{margin-left:-145px;margin-top:-27px} .sidebar {display:none; background:none;} #main {background: url('https://sunnyneo.com/petlookup/PL_snow_bg.jpg');border: 1px solid #000000;width:700px;} #main a, a b{color: #000000;} #main a:hover, a b:hover{color: #519594;} #main b, b{color:#2E4E4D;} #content div {color:#ffffff;} #content table {color:#000000;} #content a:hover b, a:hover {color:#C6E7E7;} #content a b, a {color:#519594;} #content {width:700px;} .SWF{visibility:visible;display:inline;} .brand-mamabar{display:none;} #ban {display:none;} #main {margin-top:0px;} li.nav_image {margin-left: -5px} ul.dropdown {border: 1px solid black;background-color: white;} ul.dropdown a, li.over ul.dropdown a {color: #9A0C00;} ul.dropdown a:Hover, li.over ul.dropdown a:hover {color: #9A0C00} ul.dropdown {opacity:.70; filter: alpha(opacity=70);} .contentModuleTable {border: 1px solid #000;} .contentModule {border:none;} .contentModuleContent {opacity:.80; filter: alpha(opacity=80);} .contentModuleHeaderAlt, .contentModuleHeader {background: url('https://sunnyneo.com/petlookup/PL_snow_headerbg.jpg'); height: 16px; color: #ffffff;} .contentModuleTable {border: 1px solid #000;} .contentModule {border:none;} </style>	Terror Mountain Igloo Fonts: Silkscreen Expanded Compatible: <B> PUT YOUR INFO ABOUT YOUR PET HERE </B> <style> body{background:url('https://sunnyneo.com/petlookup/PL_igloo_bg.jpg'); font: 11px verdana;background-attachment:fixed;} body, div, table, tr, td{font: 11px verdana; } body, td, p{color:#616161;font-family: verdana; font-size:11px;} a:link, a:visited, .content {color: #616161; font-family: verdana; font-size: 11px;} .eventIcon A:hover, .user A:Hover, .tl:hover, LI:hover UL.dropdown A:Hover, LI.over UL.dropdown A:hover, .copyright A:Hover {color: #616161;} a:hover{color:#a2d5f7;} #main {background: #ecf2fd; border: 1px solid #616161;} #content {width:900px;} #main {width:900px;} #CustomNeopetView{height:500px;width:500px} ul.dropdown {border: 1px solid #616161;background: #c1c5ca;} .contentModuleTable {background: none; border: none;} .contentModule {background: none; border: none;} .contentModuleContent {background: none; border: none;} .contentModuleContent img{border:1px solid black} .contentModuleHeaderAlt, .contentModuleHeader {background: url('https://sunnyneo.com/petlookup/PL_igloo_bg2.jpg'); height: 16px; color: #ffffff;} #ban, #footer, #nst, .adbox, #ban_bottom, .ad_wrapper_fixed, hr{display:none;} #header {background: url('https://sunnyneo.com/petlookup/PL_igloo_img.jpg') no-repeat;height:250px;width:900px;border:0px none;} #template_nav{margin-left:-143px;margin-top:29px} .sidebar {display:none; background:none;} .brand-mamabar{display:none;} #ban {display:none;} #main {margin-top:0px;} .user, .eventIcon {display:none} li.nav_image {margin-left: -5px} </style>
Town of Terror Mountain Fonts: Snowtop Caps, Georgia, Verdana Compatible: <style /> body{background:url('https://sunnyneo.com/petlookup/PL_townterrormountain_bg.jpg'); font: 11px verdana;} body, div, table, tr, td{font: 11px verdana; } body, td, p, .content {color:#75b5eb;font-family: verdana; font-size:11px;} a:link, a:visited {color: #2f4463; font-family: verdana; font-size: 11px;} .eventIcon A:hover, .user A:Hover, .tl:hover, LI:hover UL.dropdown A:Hover, LI.over UL.dropdown A:hover, .copyright A:Hover {color: #b9b4e5;} a:hover{color:#3e679a;} #main {background: #FFFFFF; border: 2px solid #82b4de;} #content {width:900px;} #main {width:900px;} #CustomNeopetView{height:450px;width:450px} ul.dropdown {border: 1px solid #6aa7da;background: #cde6fd;} .contentModuleTable {background: none; border: none;} .contentModule {background: none; border: none;} .contentModuleContent {background: none; border: none;} .contentModuleHeaderAlt, .contentModuleHeader {height:16px;background: url('https://sunnyneo.com/petlookup/PL_townterrormountain_img2.jpg'); color: #3d4f71; font-family:georgia; font-weight:bold; font-size:18px;} #ban, #footer, #nst, .adbox, #ban_bottom, .ad_wrapper_fixed, hr{display:none;} #header {background: url('https://sunnyneo.com/petlookup/PL_townterrormountain_img.jpg') no-repeat;height:350px;width:900px;border:0px none;} #template_nav{margin-left:-48px;margin-top:325px} .sidebar {display:none; background:none;} .user, .eventIcon {display:none} li.nav_image {margin-left: -5px} .brand-mamabar{display:none;} #ban {display:none;} #main {margin-top:0px;} #extra { top: 0px; left: 0px; background: url("https://www.sunnyneo.com/petlookup/PL_townterrormountain_extra.png"); width:350px; height:550px; display:block; } </style /> <div id="extra" style="position:fixed;"></div> <div align="center"> <table background="https://www.sunnyneo.com/petlookup/PL_townterrormountain_blog.jpg" width="600" height="500"> <tr><td width="118px"></td><td width="310" height="250px" valign="top"> <div style="width:310px;height:250px;overflow:auto;margin-top:104px;color:#b2c3de;font-weight:bold;"> About pet here, about pet here. About pet here, about pet here. About pet here, about pet here. About pet here, about pet here. About pet here, about pet here. About pet here, about pet here. <br><br><br> About pet here, about pet here. About pet here, about pet here. About pet here, about pet here. About pet here, about pet here. About pet here, about pet here. About pet here, about pet here. <br><br><br> About pet here, about pet here. About pet here, about pet here. About pet here, about pet here. About pet here, about pet here. About pet here, about pet here. About pet here, about pet here. <br><br><br> About pet here, about pet here. About pet here, about pet here. About pet here, about pet here. About pet here, about pet here. About pet here, about pet here. About pet here, about pet here. About pet here, about pet here. About pet here, about pet here. <br><br><br> About pet here, about pet here. About pet here, about pet here. About pet here, about pet here. About pet here, about pet here. <br><br><br> About pet here, about pet here. About pet here, about pet here. About pet here, about pet here. About pet here, about pet here. <br><br><br> </div> </td><td width="25px"></td></tr></table></div>

Pet Pages

For more information on how to use pet pages or different pet pages, visit the Pet Pages page.

Click the images below for a fullpage preview.

Let It Snow Fonts: Georgia, Verdana, Swirlesque V.2 Compatible: <style> body { background:url('https://www.sunnyneo.com/petpage/PP_LettingSnow_bg.png'); font-family:verdana; font-size: 10px; color:#4c7094; } #ban { background:url('https://www.sunnyneo.com/petpage/PP_LettingSnow_banner.gif'); width:542px; height:315px; display:block; margin-top:20px; } table a img, center p { height: 0px; width: 0px; overflow: hidden; } #nav a:link, #nav a:visited { background:url('https://www.sunnyneo.com/petpage/PP_LettingSnow_link.png'); width:120px; height:40px; display:block; font-family:georgia; font-size: 30; color:#4c7094; text-decoration:none; text-align:center; vertical-align: middle; } #nav a:hover { background:url('https://www.sunnyneo.com/petpage/PP_LettingSnow_link2.png'); width:120px; height:40px; display:block; } #nav { width:542px; height:44px; display:block; text-align:center; margin-top:10px; margin-bottom:10px; } #edging { border:8px solid #96bbe2; width: 526px; } #container { border:6px solid #f7f7f7; width: 514px; background-color:#e7e7f7; } h1 { font-family:georgia; font-weight:bold; letter-spacing:2; color:#102f59; font-size: 20px; } #float { background:url('https://www.sunnyneo.com/petpage/PP_LettingSnow_float.png'); width:110px; height:520px; bottom:-10px; left:20px; } #float2 { background:url('https://www.sunnyneo.com/petpage/PP_LettingSnow_float.png'); width:110px; height:520px; bottom:-10px; right:20px; } </style> <center> <div id="ban"> </div> <div id="nav"> <center><table><tr><td><a href="https://www.neopets.com">one</a></td> <td><a href="https://www.neopets.com">two</a></td> <td><a href="https://www.neopets.com">three</a></td> <td><a href="https://www.neopets.com">four</a></td></tr></table></center> </div> <div id="edging"> <div id="container"> <h1>Welcome</h1> Hello! Putting some text in here. Yes. And I need some more, and more and more!! Hello! Putting some text in here. Yes. And I need some more, and more and more!! Hello! Putting some text in here. Yes. And I need some more, and more and more!! Hello! Putting some text in here. Yes. And I need some more, and more and more!! Hello! Putting some text in here. Yes. And I need some more, and more and more!! Hello! Putting some text in here. Yes. And I need some more, and more and more!! Hello! Putting some text in here. Yes. And I need some more, and more and more!! Hello! Putting some text in here. Yes. And I need some more, and more and more!! Hello! Putting some text in here. Yes. And I need some more, and more and more!! Hello! Putting some text in here. Yes. And I need some more, and more and more!! <h1>Things To Do</h1> You could continue using one box going down the line as one single unit. Or you could duplicate the box and have each section as its own. Wow! <br><br> You can also take the link image holding "one two three four" above and create your own button to match this page. Its blank as it is anyway. So you can add text to it if you'd like or whatever. Then just upload it somewhere and you have a matching button! </div> </div> <br><br> <div id="edging"> <div id="container"> <h1>Like This</h1> Wow, a pretty new section! What fun! You can keep adding these if you'd like. </div> </div> <br><br> <div id="edging"> <div id="container"> <a href="https://www.neopets.com/~TheSunnyNeo"><div style="background:url('https://www.sunnyneo.com/petpage/PP_LettingSnow_linkback.gif');width:120px;height:40px;display:block;"></div></a> </div> </div> </center> <div id="float" style="position:fixed;"></div> <div id="float2" style="position:fixed;"></div>	Moon of Winter Fonts: Beautiful Future, Verdana, Georgia Compatible: <style> body, table, a, div { font-family: verdana; font-size: 10px; color: #000000; } body { background: url("https://www.sunnyneo.com/petpage/PP_wintermoon_bg.jpg"); background-color: #ba88d2; } #bg { left: 0px; bottom: 0px; width: 100%; height: 400px; z-index: -1; background: url("https://www.sunnyneo.com/petpage/PP_wintermoon_bottom.png") repeat-x; } table a img, center p { height: 0px; width: 0px; overflow: hidden; } #main { border: 1px solid #6637a4; background-color: #FFFFFF; top: 35px; right: 50px; overflow: hidden; padding: 8px; display: block; width: 726px; height: 675px; z-index: -1; } #img { background: url("https://www.sunnyneo.com/petpage/PP_wintermoon_banner.jpg"); width: 725px; height: 300px; display: block; z-index: -1; } #img2 { background: url("https://www.sunnyneo.com/petpage/PP_wintermoon_lupe.png"); width: 516px; height: 594px; right: 860px; top: 110px; display: block; z-index: -1; } #nav { top: 355px; right: 800px; width: 130px; height: 400px; display: block; } #nav a:link, #nav a:visited { width: 123px; height: 40px; display: block; text-decoration: none; text-align: right; background-color: #058f81; border: 1px solid #023d16; margin-bottom: 4px; font-family: georgia; font-size: 32px; color: #022307; text-transform: uppercase; } #nav a:hover { width: 125px; display: block; background: url("https://www.sunnyneo.com/petpage/PP_wintermoon_link.jpg"); border: none; margin-bottom: 4px; text-align: center; color: #beecee; } #box { width: 725px; height: 352px; right: 60px; top: 365px; display: block; overflow: hidden; } #box2 { width: 725px; height: 350px; display: block; overflow: hidden; margin-bottom: 10px; } #full { width: 725px; height: 350px; display: block; overflow: auto; } #half { width: 358px; height: 350px; display: block; overflow: auto; } #large { width: 466px; height: 350px; display: block; overflow: auto; } #small { width: 250px; height: 350px; display: block; overflow: auto; } #mini { width: 250px; height: 165px; display: block; overflow: auto; } #square { width: 358px; height: 165px; display: block; overflow: auto; } h1 { background-color: #d3f7fb; border-top: 2px solid #034a37; padding-right: 20px; color: #07a5b4; text-align: right; font-family: georgia; font-size: 18px; } h2 { text-align: right; color: #034e2b; font-family: georgia; font-size: 14px; padding-right: 20px; } b { color: #7d838d; } i { color: #777864; } a:link, a:visited { color: #c6beac; text-decoration: none; font-weight: bold; } a:hover { color: #9a8f76; text-transform: uppercase; } .b1 { list-style-image: url("https://sunnyneo.com/petpage/PP_wintermoon_bullet1.png"); text-align: left; } .b2 { list-style-image: url("https://sunnyneo.com/petpage/PP_wintermoon_bullet2.png"); text-align: left; } #divider { background: url("https://sunnyneo.com/petpage/PP_wintermoon_divider1.png") no-repeat; width: 295px; height: 46px; display: block; } #divider2 { background: url("https://sunnyneo.com/petpage/PP_wintermoon_divider2.png") no-repeat; width: 235px; height: 37px; display: block; } </style><div id="bg" style="position: fixed;"></div> <div id="img2" style="position: absolute;"></div> <div id="main" style="position: absolute;"> <center><div id="img"></div></center> </div> <div id="nav" style="position: absolute;"> <a href="#one">ONE</a> <a href="#two">TWO</a> <a href="#three">THREE</a> <a href="#four">FOUR</a> <a href="#five">FIVE</a> <a href="#six">SIX</a> <a href="#seven">SEVEN</a> <a href="https://www.neopets.com">Leave</a> </div> <div id="box" style="position: absolute;"> <div id="full"> <a name="one"> </a> <h1>A Versatile Layout</h1> <h2>Do what you want with it</h2> This page was made so you can edit it to work how you need it to. <b>Bold</b>, <i>Italic</i>, <a href="https://www.neopets.com">Link</a>. Need bullets? No problem! <br><br><ul><li class="b1">Bullet Point 1</li> <li class="b1">Bullet Point 2</li> <li class="b2">Bullet Point 3</li> </ul><br><br> You can even use a divider if needed: <br><br><center><div id="divider"></div></center> <br><br> If you need page 1's set up on another, feel free to change them around. Check each page on the example to see how to switch them out. <br><br> This is the most basic of pages. One full section for the entire page. Also the most simple of codes. If you want a page to look like this, then use: <br><br><textarea><div id="full"><a name="PAGENUMBERHERE"> </a>CONTENT IN HERE</div></textarea><br><br> Just by putting the page number in where you want it to show, then it'll work for you. Just be sure you remove the page in the code as it is now first. So, for example, if you were indeed replacing page 3 to look just like this page, you'd find: <br><br><textarea><a name="three"> </a></textarea><br><br> And delete from the div "box2" above it to its closing div tag - be sure to include all, if any, sections that are currently on that page. Hope that wasn't too confusing. <br><br> NOTE page one is not inside a div "box2". So if you are replacing page one with a different set up, you are looking for div "full". </div> <div id="box2"> <table><tr><td> <a name="two"> </a> <div id="half"> <h1>Which Header</h1> This page was set up with two half sections. If you want a page to look like this, then use: <br><br><textarea><div id="box2"><a name="PAGENUMBERHERE"> </a><table><tr><td><div id="half">CONTENT IN HERE</div></td><td style="border-left: 1px solid #ffaba7;"><div id="half">CONTENT IN HERE</div></td></tr></table></div></textarea><br><br> Just by putting the page number in where you want it to show, then it'll work for you. Just be sure you remove the page in the code as it is now first (see page one for those instructions). Hope that wasn't too confusing. </div> </td><td style="border-left: 1px solid #ffaba7;"> <div id="half"> <h2>Works Best?</h2> This could work great for organizing two different related things. Such as, items you need for a gallery either from a side account vs a main. Or even say your lab pet and then the other half is for zaps you're hoping for. Just some thoughts. </div> </td></tr></table></div> <div id="box2"> <a name="three"> </a> <table><tr><td> <div id="large"> <h1>Setting Up This page</h1> This page was set up with two sections with the left being wider, and the right being narrower. If you want a page to look like this, then use: <br><br><textarea><div id="box2"><a name="PAGENUMBERHERE"> </a><table><tr><td><div id="large">CONTENT IN HERE</div></td><td style="border-left: 1px solid #ffaba7;"><div id="small">CONTENT IN HERE</div></td></tr></table></div></textarea><br><br> Just by putting the page number in where you want it to show, then it'll work for you. Just be sure you remove the page in the code as it is now first (see page one for those instructions). Hope that wasn't too confusing. </div></td> <td style="border-left: 1px solid #ffaba7;"><div id="small"> <h2>Ideas</h2> Perhaps put a story for your pet in the larger section, and in this section put their wearables, petpet, artwork, etc in here. <br><br><center><div id="divider2"></div></center> <br><br> Oh look! A slightly smaller divider to fit the smaller sections. Hurray! </div> </td></tr></table></div> <div id="box2"> <a name="four"> </a> <table><tr><td> <div id="small"> <h2>More Ideas</h2> What could you put with this page set up? Perhaps you could put your goals in the larger section with some details like when you'd like to accomplish them, how its coming, and why you are going for it. In this smaller section you could put completed goals and what date you completed them. </div></td> <td style="border-left: 1px solid #ffaba7;"><div id="large"> <h1>Making This Page</h1> This page was set up with two sections with the left being wider, and the right being narrower. If you want a page to look like this, then use: <br><br><textarea><div id="box2"><a name="PAGENUMBERHERE"> </a><table><tr><td><div id="small">CONTENT IN HERE</div></td><td style="border-left: 1px solid #ffaba7;"><div id="large">CONTENT IN HERE</div></td></tr></table></div></textarea><br><br> Just by putting the page number in where you want it to show, then it'll work for you. Just be sure you remove the page in the code as it is now first (see page one for those instructions). Hope that wasn't too confusing. </div> </td></tr></table></div> <div id="box2"> <a name="five"> </a> <table><tr><td rowspan="2"> <div id="large"> <h1>Fancy Stuff</h1> This page gets a little more fancy. This has one larger section with two smaller sections stacked atop each other at the larger ones right side. If you want a page to look like this, then use: <br><br><textarea><div id="box2"><a name="PAGENUMBERHERE"> </a><table><tr><td rowspan="2"><div id="large">CONTENT IN HERE</div></td><td style="border-left: 1px solid #ffaba7;"><div id="mini">CONTENT IN HERE</div></td></tr><tr><td style="border-left: 1px solid #ffaba7; border-top: 1px solid #ffaba7;"><div id="mini">CONTENT IN HERE</div></td></tr></table></div></textarea><br><br> Just by putting the page number in where you want it to show, then it'll work for you. Just be sure you remove the page in the code as it is now first (see page one for those instructions). Hope that wasn't too confusing. </div></td> <td style="border-left: 1px solid #ffaba7;"><div id="mini"> <h2>Thoughts?</h2> Oh the possibilities you could use this page for... <br><br> What about if you wanted to keep track of your stamp collecting? You could put a snapshot or table of your stamp album as they are, and in the two mini sections put stamps you need and about what their price is. Perhaps the top section are a certain price range or stamps you want to get first. The second section could be more expensive stamps or stamps you're waiting on. </div> </td></tr><tr><td style="border-left: 1px solid #ffaba7; border-top: 1px solid #ffaba7;"><div id="mini"> <h2>More</h2> Another idea. You could put a snapshot of your neohome in the larger section, and then put items you want to add in the mini sections. Maybe group them by pet, theme, indoor/outdoor, price, whatever you'd like. </div> </td></tr></table></div> <div id="box2"> <a name="six"> </a> <table><tr><td style="border-right: 1px solid #ffaba7;"><div id="mini"> <h2>Art?</h2> Perhaps you want to use this as your art page? You can group each section for art theme like pets or style of art (anthro/quad/pixel/drawing/etc). One of these mini's would be great for pixel art! </div> </td> <td rowspan="2"> <div id="large"> <h1>The Code</h1> This page gets a little more fancy. This has one larger section with two smaller sections stacked atop each other at the larger ones left side. If you want a page to look like this, then use: <br><br><textarea><div id="box2"><a name="PAGENUMBERHERE"> </a><table><tr><td style="border-right: 1px solid #ffaba7;"><div id="mini">CONTENT IN HERE</div></td><td rowspan="2"><div id="large">CONTENT IN HERE</div></td></tr><tr><td style="border-right: 1px solid #ffaba7; border-top: 1px solid #ffaba7;"><div id="mini">CONTENT IN HERE</div></td></tr></table></div></textarea><br><br> Just by putting the page number in where you want it to show, then it'll work for you. Just be sure you remove the page in the code as it is now first (see page one for those instructions). Hope that wasn't too confusing. </div></td> </tr><tr><td style="border-right: 1px solid #ffaba7; border-top: 1px solid #ffaba7;"><div id="mini"> <h2>Anything Else?</h2> Or perhaps you could have the larger section full of finished art by you, one of the mini's art you received from others, and the other mini for sketches or ideas for your next drawing. </div> </td></tr></table></div> <div id="box2"> <a name="seven"> </a> <table><tr><td style="border-right: 1px solid #ffaba7;"><div id="square"> <h2>Code</h2> This page has the most sections. This page has four square sections, two by two. If you want a page to look like this, then use: <br><br><textarea><div id="box2"><a name="PAGENUMBERHERE"> </a><table><tr><td style="border-right: 1px solid #ffaba7;"><div id="square">CONTENT IN HERE</div></td><td><div id="square">CONTENT IN HERE</div></td></tr><tr><td style="border-right: 1px solid #ffaba7; border-top: 1px solid #ffaba7;"><div id="square">CONTENT IN HERE</div></td><td style="border-top: 1px solid #ffaba7;"><div id="square">CONTENT IN HERE</div></td></tr></table></div></textarea><br><br> Just by putting the page number in where you want it to show, then it'll work for you. Just be sure you remove the page in the code as it is now first (see page one for those instructions). Hope that wasn't too confusing. </div> </td> <td> <div id="square"> <h2>Idea 1</h2> Perhaps you can use this style to keep track of your 4 (side) accounts. You can list all pets on each account, your gallery themes on each, etc. </div></td> </tr><tr><td style="border-right: 1px solid #ffaba7; border-top: 1px solid #ffaba7;"><div id="square"> <h2>Idea 2</h2> Or perhaps you want to use each section for one pet. Items you want to get them, things you want to accomplish like their lookup, gourmet food, books, battledome equipment, whatever. </div> </td> <td style="border-top: 1px solid #ffaba7;"><div id="square"> <h2>Idea 3</h2> The possibilities are endless. Get creative! Use the versatility of this layout to your benefit. </div> </td> </tr></table></div> </div>
Snow Friends Fonts: Two Turtle Doves, Trajan Pro, Arial Compatible: <div id="pic" style="position: absolute; z-index: -1;"></div> <style> body { background: #c9eefa url("https://sunnyneo.com/petpage/PP_snowfriend_bg.jpg") repeat; } #pic { background: url("https://sunnyneo.com/petpage/PP_snowfriend_img.jpg"); height: 786px; width: 800px; top: 0px; left: 0px; } h2 { font: 24px arial; color: #ecd292; letter-spacing: 4px; text-transform: uppercase; text-align: center; border-bottom: 2px #70b8c9 dashed; } h1 { font: 16px arial; color: #2052c6; letter-spacing: 4px; text-transform: uppercase; text-align: center; border-bottom: 1px #28add8 dashed; border-top: 1px #28add8 dashed; background: #d8f3fc; } i { font-family: arial; font-size: 11px; color: #7b5301; } a, a b, a:link, a:visited { font: 12px arial; color: #59b5cb; text-transform: lowercase; } a b:hover, a:hover { color: #d6f544; text-transform: uppercase; background-color: none; } b { font: 14px; color: #02319d; font-weight: bold; } body, font, td, p, .medText { font: 14px arial; color: #6b9cf7; } #stuff { top: 580px; left: 30px; width: 610px; } table { background: none; } table a img, center p { height: 0px; width: 0px; overflow: hidden; } </style> <div id="stuff" style="position: absolute;"> <h1>header</h1> text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text <b>bold</b>. <i>italic</i>. <p> </p> <h1>header</h1> <p> </p> <h1>header</h1> </div>	Snowbunny Fonts: TS Curly, Twilight, 04b03 Compatible: <style> #navigatie { background: #000000; height: 20px; width: 100%; left: 0px; top: 0px; padding-left: 90px; padding-top: 3px; color: #ffffff; z-index: 10; } #navigatie a { color: #ffffff; font-family: verdana; font-size: 10pt; text-decoration: none; text-transform: uppercase; } body { background: url("https://www.sunnyneo.com/petpage/PP_snowbunny_bg.jpg"); font-family: century gothic; font-size: 10pt; } #petpageimg { background: url("https://www.sunnyneo.com/petpage/PP_snowbunny_img.jpg"); width: 900px; height: 506px; top: 0px; left: 0px; } #petpagemain { background: url("https://www.sunnyneo.com/petpage/PP_snowbunny_mainbg.jpg") repeat-y; top: 500px; width: 100%; } #petpagemaintext { margin-left: 120px; width: 510px; } h1 { font-family: Georgia; font-style: italic; font-size: 15pt; color: #000000; margin: 0px; } a:link, a:visited, a:active { color: #ca7d5e; font-weight: bold; } a:hover { color: #f6ac87; } b { color: #818080; } i { color: #000000; } #underline { text-decoration: underline; color: #575757; } .sf, .smallfont { display: none; } </style> <div id="navigatie" style="position: fixed;"> <a href="https://www.neopets.com/myaccount.phtml">My Account</a> \| <a href="https://www.neopets.com/customise/">Customise</a> \| <a href="https://neopets.com/gameroom.phtml">Games</a> \| <a href="https://neopets.com/explore.phtml">Explore</a> \| <a href="https://neopets.com/nf.phtml">News</a> \| <a href="https://www.neopets.com/community/index.phtml">Community</a> \| <a href="https://neopets.com/objects.phtml">Shops</a> \| <a href="https://www.neopets.com/mall/index.phtml">NC Mall</a> \| <a href="https://nc.neopets.com/membership">Premium</a> \| <a href="https://www.neopets.com/redirect/fansite.phtml?r=http%3A%2F%2Fwww.sunnyneo.com" class="auto_bumper">SunnyNeo</a> </div> <div id="petpageimg" style="position: absolute; z-index: -1;"> </div> <div id="petpagemain" style="position: absolute;"> <div id="petpagemaintext"> <h1>Header</h1> <b>Bold</b><i>Italic</i><font id="underline">Underline</font><a href="https://www.neopets.com">Link</a>. Cleaner Code, Better Browsing and A Safer Neopia! All HTML and Stylesheets must be recognized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. <p> Cleaner Code, Better Browsing and A Safer Neopia! All HTML and Stylesheets must be recognized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. </p> <h1>Header</h1> Cleaner Code, Better Browsing and A Safer Neopia! All HTML and Stylesheets must be recognized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. <p> Cleaner Code, Better Browsing and A Safer Neopia! All HTML and Stylesheets must be recognized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. </p> <h1>Header</h1> Cleaner Code, Better Browsing and A Safer Neopia! All HTML and Stylesheets must be recognized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. <p> Cleaner Code, Better Browsing and A Safer Neopia! All HTML and Stylesheets must be recognized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. </p> <h1>Header</h1> Cleaner Code, Better Browsing and A Safer Neopia! All HTML and Stylesheets must be recognized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. <p> Cleaner Code, Better Browsing and A Safer Neopia! All HTML and Stylesheets must be recognized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. </p> </div> </div>
Snowman Fonts: Vladimir Script, Saeculum, Futura Std, English Compatible: <style> #navigatie { background: #000000; height: 20px; width: 100%; left: 0px; top: 0px; padding-left: 90px; padding-top: 3px; color: #ffffff; z-index: 10; } #navigatie a { color: #ffffff; font-family: verdana; font-size: 10pt; text-decoration: none; text-transform: uppercase; } body { background: url("https://www.sunnyneo.com/petpage/PP_snowman_bg.jpg"); font-family: century gothic; font-size: 10pt; } #petpageimg { background: url("https://www.sunnyneo.com/petpage/PP_snowman_img.jpg"); width: 900px; height: 520px; top: 0px; left: 0px; } #petpagemain { background: url("https://www.sunnyneo.com/petpage/PP_snowman_mainbg.jpg") repeat-y; top: 520px; width: 100%; } #petpagemaintext { margin-left: 150px; width: 530px; } h1 { font-family: Georgia; font-style: italic; font-size: 15pt; color: #000000; margin: 0px; } a:link, a:visited, a:active { color: #aa2222; font-weight: bold; } a:hover { color: #cd2929; } b { color: #000000; } i { color: #679a33; } #underline { text-decoration: underline; color: #b6c0be; } .sf, .smallfont { display: none; } </style> <div id="navigatie" style="position: fixed;"> <a href="https://www.neopets.com/myaccount.phtml">My Account</a> \| <a href="https://www.neopets.com/customise/">Customise</a> \| <a href="https://neopets.com/gameroom.phtml">Games</a> \| <a href="https://neopets.com/explore.phtml">Explore</a> \| <a href="https://neopets.com/nf.phtml">News</a> \| <a href="https://www.neopets.com/community/index.phtml">Community</a> \| <a href="https://neopets.com/objects.phtml">Shops</a> \| <a href="https://www.neopets.com/mall/index.phtml">NC Mall</a> \| <a href="https://nc.neopets.com/membership">Premium</a> \| <a href="https://www.neopets.com/redirect/fansite.phtml?r=http%3A%2F%2Fwww.sunnyneo.com" class="auto_bumper">SunnyNeo</a> </div> <div id="petpageimg" style="position: absolute; z-index: -1;"> </div> <div id="petpagemain" style="position: absolute;"> <div id="petpagemaintext"> <h1>Header</h1> <b>Bold</b><i>Italic</i><font id="underline">Underline</font><a href="https://www.neopets.com">Link</a>. Cleaner Code, Better Browsing and A Safer Neopia! All HTML and Stylesheets must be recognized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. <p> Cleaner Code, Better Browsing and A Safer Neopia! All HTML and Stylesheets must be recognized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. </p> <h1>Header</h1> Cleaner Code, Better Browsing and A Safer Neopia! All HTML and Stylesheets must be recognized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. <p> Cleaner Code, Better Browsing and A Safer Neopia! All HTML and Stylesheets must be recognized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. </p> <h1>Header</h1> Cleaner Code, Better Browsing and A Safer Neopia! All HTML and Stylesheets must be recognized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. <p> Cleaner Code, Better Browsing and A Safer Neopia! All HTML and Stylesheets must be recognized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. </p> <h1>Header</h1> Cleaner Code, Better Browsing and A Safer Neopia! All HTML and Stylesheets must be recognized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. <p> Cleaner Code, Better Browsing and A Safer Neopia! All HTML and Stylesheets must be recognized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. </p> </div> </div>	Usul in the Snow Fonts: Amandine, 04b_03 Compatible: <style> body { background-image: url("https://www.sunnyneo.com/petpage/PP_snowusul_bg.jpg"); background-repeat: repeat-x; background-attachment: fixed; background-position: bottom left; background-color: #8BB5A8; } #tekst { padding: 5px; padding-top: 263px; border: 1px solid #6AA083; background: #FFFFFF; margin-top: 50px; width: 446px; left: 500px; font: 8pt "century gothic"; letter-spacing: 0.5; } #side { padding: 5px; border: 1px solid #6AA083; left: 275px; width: 200px; top: 200px; background: #FFFFFF; font: 8pt "century gothic"; letter-spacing: 0.5; } a:link, a:visited { text-decoration: none; color: #CA8A4D; font-weight: bold; } a:hover { text-decoration: none; color: #BA7141; font-weight: bold; } .smallfont { font: 6pt arial; text-transform: uppercase; color: #B8D5B7; text-decoration: none; } h1 { color: #879877; font: 14pt georgia; font-style: italic; font-weight: bold; margin-top: 0px; margin-bottom: 3px; background: none; border-bottom: 1px dotted #BADABA; } #side h1 { background: #BEDDBF; font: 8pt georgia; font-weight: normal; border-bottom: 1px solid #8CC08E; border-top: 1px solid #8CC08E; padding: 3px; text-align: justify; } #nav { margin-top: -45px; width: 446px; text-align: center; height: 29px; overflow: hidden; top: 303px; left: 505px; } #nav a { display: block; height: 25px; float: left; } .n1 { background: url("https://www.sunnyneo.com/petpage/PP_snowusul_n1.jpg"); width: 53px; } .n2 { background: url("https://www.sunnyneo.com/petpage/PP_snowusul_n2.jpg"); width: 60px; } .n3 { background: url("https://www.sunnyneo.com/petpage/PP_snowusul_n3.jpg"); width: 40px; } .n4 { background: url("https://www.sunnyneo.com/petpage/PP_snowusul_n4.jpg"); width: 50px; } .n5 { background: url("https://www.sunnyneo.com/petpage/PP_snowusul_n5.jpg"); width: 39px; } .n6 { background: url("https://www.sunnyneo.com/petpage/PP_snowusul_n6.jpg"); width: 71px; } .n7 { background: url("https://www.sunnyneo.com/petpage/PP_snowusul_n7.jpg"); width: 36px; } .n8 { background: url("https://www.sunnyneo.com/petpage/PP_snowusul_n8.jpg"); width: 34px; } .n9 { background: url("https://www.sunnyneo.com/petpage/PP_snowusul_n9.jpg"); width: 58px; } #nav img { border: 0px; margin-left: -2px; margin-right: -2px; } b { color: #6FB060; font-weight: bold; } i { color: #CA8A4D; } u { color: #E1A148; } a:link, a:visited { color: #AED2AB; font-weight: bold; text-decoration: none; } a:hover { color: #C8E7CD; font-weight: bold; text-decoration: none; } table { background: none; } table a img, center p { height: 0px; width: 0px; overflow: hidden; } #pic { background: url("https://www.sunnyneo.com/petpage/PP_snowusul_top.jpg"); height: 238px; width: 446px; top: 65px; left: 505px; z-index: -1; } </style> <div id="pic" style="position: absolute;"></div> <div id="nav" class="nav" style="position: absolute;"> <a href="/myaccount.phtml" class="n1"></a> <a href="/customise/" class="n2"></a> <a href="/games/arcade.phtml" class="n3"></a> <a href="/explore.phtml" class="n4"></a> <a href="/nf.phtml" class="n5"></a> <a href="/community" class="n6"></a> <a href="/objects.phtml" class="n7"></a> <a href="/mall/index.phtml" class="n8"></a> <a href="https://nc.neopets.com/membership" class="n9"></a> </div> <div id="tekst" style="position: absolute; z-index: -2;"> <p> </p> <h1>header</h1> <b>Bold</b>, <i>Italic</i>, Underlined, <a href="/~TheSunnyNeo">Linked</a>.<br><br> Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. <br><br><h1>header</h1> Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. <br><br><h1>header</h1> Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. <br><br> </div> <div id="side" style="position: absolute;" align="justify"> <h1>header</h1> Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. <br><br><h1>header</h1> Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. </div>
Winter Scene Fonts: Century Gothic Compatible: <style> body { background-image: url("https://www.snimg.co/petpage/PP_winterscene_bg.jpg"); } #juji { background-image: url("https://www.snimg.co/petpage/PP_winterscene_bg1.png"); background-repeat:repeat-y; width: 700%; height: 100%; display:block; z-index:-10; } #pup { background-image: url("https://www.snimg.co/petpage/PP_winterscene_img.jpg"); width: 700px; height: 530px; display:block; top:0px; left:0px; } #sunny { top:520px; left:60px; width: 600px; } table a img, center p { height: 0px; width: 0px; overflow: hidden; } h1 { font-family:Century Gothic; font-size:25px; color:#285e7e; border-bottom:1px solid #97c7c3; } #bee { color:#34383c; } b {font: 11px arial;color: #194863;font-weight:bold;text-transform:uppercase;} i {color:#326ca5;} #under {color:#5b9793;text-decoration:underline;} a, a:link, a:visited {font: 14px century gothic;color: #78789e;text-transform:lowercase;} a b:hover, a:hover {text-transform:uppercase;color:#5f6079;} </style> <div id="juji" style="position:fixed;"> </div> <div id="pup"> </div> <div id="sunny" style="position:absolute;"> <center> <a href="https://www.neopets.com/home/">neopets</a> \|\| <a href="https://www.neopets.com/guilds/index.phtml">guild</a> \|\| <a href="https://images.neopets.com/themes/011_alc_c1d1c/navigation/explore.png">explore</a> \|\| <a href="https://www.neopets.com/nf.phtml">news</a> </center> <h1>Council Chat</h1> <img src="https://www.snimg.co/fakeavys/AV_chiawind.gif" style="float:left;padding:4px;"><br> <font id="bee">Council 1:</font> Hi! Welcome to the guild webbie! Please enjoy! <br><br><br><br> <img src="https://www.snimg.co/fakeavys/AV_snowhugs.gif" style="float:left;padding:4px;"><br> <font id="bee">Council 2:</font> If you need anything, please feel free to reach out to me! <br><br> <h1>Welcome</h1> <img src="https://www.snimg.co/guild/GL_winterscene_logo.png" style="float:left;padding:4px;"> You could take this page and use it on multiple petpages for a full webbie for the guild. Just be sure to add links to each petpage at the top. Like the layout, but don't want to use as a guild webbie? No problem! Use this petpage for whatever you need. <i>italics</i> <font id="under">underline</font> <b>bold</b> Text in here. Just keep it going. More and more here. Hope this turns out lovely. Text in here. Just keep it going. More and more here. Hope this turns out lovely. Text in here. Just keep it going. More and more here. Hope this turns out lovely. Text in here. Just keep it going. More and more here. Hope this turns out lovely. Text in here. Just keep it going. More and more here. Hope this turns out lovely. Text in here. Just keep it going. More and more here. Hope this turns out lovely. Text in here. Just keep it going. More and more here. Hope this turns out lovely. Text in here. Just keep it going. More and more here. Hope this turns out lovely. Text in here. Just keep it going. More and more here. Hope this turns out lovely. Text in here. Just keep it going. More and more here. Hope this turns out lovely. Text in here. Just keep it going. More and more here. Hope this turns out lovely. Text in here. Just keep it going. More and more here. Hope this turns out lovely. Text in here. Just keep it going. More and more here. Hope this turns out lovely. Text in here. Just keep it going. More and more here. Hope this turns out lovely. Text in here. Just keep it going. More and more here. Hope this turns out lovely. <br><br> </div>

Shields

For more information on how to use shields or different shields, visit the Shields page.

Ice Queen

Snowager Shield

Snowbunny

Taelia

Shop Layouts

For more information on how to use shop layouts or different shop layouts, visit the Shop Layouts page.

Click the images below for a fullpage preview.

Snowager

Fonts: natalia colleen
Compatible: Internet Explorer

Taelia

Fonts: 04b_03
Compatible: Internet Explorer

#header{background:url('https://www.sunnyneo.com/shop/SHOP_taelia_img.jpg') 11px 0px no-repeat; height:518px;width:930px; border:none;}

#template_nav img {padding-bottom:0px;}
#template_nav {padding-left:0px;padding-top:460px;width:920px}
#header .eventIcon img {width:25px;}
.eventIcon {padding-top:0px;width:200px;font-size:6pt;color:#02143A;padding-left:0px}
.user {padding-bottom:28px;padding-right:230px;color:#02143A}
#nst {font-size:1pt;color: #D5F5EA;}
#sip{width:22px;height:22px;}

.sidebarTable {width:140px;}
.sidebar {background:none;}
.sidebar a img {width:140px; height:140px;}
.sidebarHeader a img {height:13px; width:13px;}
.sidebarModule, #ban, .sidebarTable {border:none;}
.sidebarHeader {background:#74C4AD;}
ul.dropdown {background:white;border:1px solid #51B7E5;z-index:10000;}

hr {border:0;color:#79C5AF;background-color:#79C5AF;height:2px;}

#footer {
	background:none;
	overflow:hidden;
	height:50px;
}
.copyright {
	padding-top:200px;
}
#footer table {
	padding-top:300px;
}
.footerNifty, .sf img,.copyright img, #pushdown_banner_btf {
	width:0px;
	height:0px;
	background:none;
}
#pushdown_banner {
	top:-999px;
	height:0px;
}

#content {width:810px;padding-left:110px;padding-top:60px}

h1 {font:8pt arial;font-weight:bold;text-transform:uppercase;letter-spacing:2px;color:#2EAFD5;border-bottom:2px solid #79C5AF;text-align:left}
#content a b, a {color:#174E6D;font-weight:bold;text-decoration:none}
#content a:hover b,#content a:hover {color:#65BCE7;font-weight:bold;text-decoration:none}

#main a, a b{color:#21274B;font-weight:bold;text-decoration:none}
#main a:hover,#main a b:hover{color:#598CB9;font-weight:bold;text-decoration:none}
#main b, b {color:#4278A6;font-weight:bold}

body, div, table, tr, td{font:8pt "century gothic";color: #000000;}

#wish td {width:80px;vertical-align:top;padding:5px;}
</style>

<center>
General Shop Info Here!
</center>
<br /><br /><br />

<h1>Wishlist</h1>
<table id="wish">
<tr><td><img src="https://images.neopets.com/items/toy_taelia_plushie.gif" width="80" height="80" /></td>
<td><img src="https://images.neopets.com/items/ffo_taelia_muffin.gif" width="80" height="80" /></td></tr>
<tr><td align="center"><b>Taelia Doll</b></td>
<td align="center"><b>Taelia Muffin</b></td></tr>
</table>
<hr />
<br /><br /><br />

Terror Mountain

Fonts: Winter Flakes
Compatible: Internet Explorer

.footerNifty,.sf img,.copyright img, #pushdown_banner_btf{width:0px;height:0px;background:none}

#pushdown_banner{top:-999px;height:0px}

#ban{width:950px;background:#143F56;border:none}

.medText,div,td{color:#528ED3;font:11px "verdana"}

a:link,a:visited,a:hover,.user a{color:#2D64A3!important;font:bold 11px "verdana"}

#header,#main,#content,#footer,.sidebarTable{border:none}

#header{top:0px;width:950px;height:620px;background:url(https://www.sunnyneo.com/shop/SHOP_snow_head.gif)}

#footer{width:950px;height:279px;background:url(https://www.sunnyneo.com/shop/SHOP_snow_foot.gif);padding-top:-90px;padding-left:-237px}

#footer table{padding-top:58px}

.sf,.footerForm{color:#000}

#main{width:950px;background:url(https://www.sunnyneo.com/shop/SHOP_snow_main.gif);border-left:40px #143F56 solid;border-right:40px #143F56 solid}

#content{width:950px;padding-left:15px}

#nst{color:#2D64A3;padding:0 100px 500px 0}

.user{padding-right:100px;color:#2D64A3}

body{background:#7399BF url(https://www.sunnyneo.com/shop/SHOP_snow_bg.jpg);background-repeat:repeat-x;background-position:bottom left;background-attachment:fixed}

#template_nav{width:750px;padding-bottom:310px}

ul.dropdown{background:#ADDBDB;padding:5px;border:1px #000 solid}

ul.dropdown a{padding:1px}

li:hover ul.dropdown a,li.over ul.dropdown a{color:#000;font:bold 10px verdana;padding:1px}

li:hover ul.dropdown a:hover,li.over ul.dropdown a:hover{color:#2D64A3}

hr{border:1px #E6D9FC solid;text-align:center}

.sidebar{background:none;padding-right:55px}
.sidebarModule{border:1px #000 solid}
.sidebarHeader{background:#3C8FD0;color:#FFF;border-bottom:1px #000 solid}
.activePet,.activePetInfo,.activePetInfo td,.neofriend{background:#D4ECF4;border:none}
.sidebarHeader b{color:#FFF}
.neofriendUsername{background:#3C8FD0}

.contentModuleContent{width:710px;background:none}

</style>

Tis the Season for Magic

Fonts: Calibri
Compatible: Internet Explorer

body, #ban {background:#c0c2fc url('https://snimg.co/shop/SHOP_vanda_bg.jpg');}
#content, .content{width:815px;background:none;}
#ban {border:none;width:815px;}

body, #main, #content, div, td {font:9pt Calibri;color:#4c4d7c;}
.medText {color:#FFFFFF;}
#main a, #main a b {text-decoration:none;font:9pt Calibri;color:#7274bb;}
#main a:hover {color:#ffffff;}
ul.dropdown {background-color:#c0c2fc;border:1px solid #000000;}
li:hover ul.dropdown a, li.over ul.dropdown a{color:#725b32;text-decoration:none;font:9pt georgia;}
li:hover ul.dropdown a:hover, li.over ul.dropdown a:hover{color:#C8A85B;}
#main{text-align:center;width:815px;background-color:white;border-left:1px solid black;border-right:1px solid black;}
u{color:#756034;}
i{color:#AC8D4C;}
#nst {font-size:1pt;color:#e0b944;}

#footer {
	background:none;
	overflow:hidden;
	height:50px;
border-bottom:1px solid #000000;
width:815px;
}
.copyright {
	padding-top:200px;
}
#footer table {
	padding-top:300px;
}
.footerNifty, .sf img,.copyright img, #pushdown_banner_btf {
	width:0px;
	height:0px;
	background:none;
}
#pushdown_banner {
	top:-999px;
	height:0px;
}
</style>

<br>

<img src="https://snimg.co/shop/SHOP_vanda_sep.png">
<p>
Text goes here text goes here Text goes here text goes here Text goes here text goes here Text goes here text goes here Text goes here text goes here Text goes here text goes here Text goes here text goes here Text goes here text goes here Text goes here text goes here Text goes here text goes here Text goes here text goes here Text goes here text goes here Text goes here text goes here Text goes here text goes here

Userlookups

For more information on how to use userlookups or different userlookups, visit the Userlookups page.

Click the images below for a fullpage preview.

Frozen Pond

Fonts: EVIE'S HAND
Compatible: Internet Explorer

4 or Less Pets

</div>
</td>
<td>
<div id="cnt2">
<h3>Title Two</h3>
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text

</div></td><td>
<div id="cnt3">
<h3>Title Three</h3>
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text  </div></td></table>

5 Pets

6 Pets

New Years

Fonts: Toonish
Compatible: Internet Explorer

4 or Less Pets

<div style="overflow:auto;position:absolute;top:424px;left:248px;text-align:left;width:662px;height:164px;">
<b> bold </b> , <i> italic </i> , <u> underline</u> , <a href="/">link</a>
<br><br>about you here
</div>

font, td, p, xmp, u, .content{color: #10133e;letter-spacing:1px;background:none; font-family:verdana; font-size:7pt; font-weight:normal; line-height:12pt;}
.medText, td{color:#000;font:12px verdana;}
b, #main a:hover b, #main a:hover {color:#edd345;}
a, #main a b, #main a {color:#a79110;text-decoration: none;font-weight: bold;}
h1{font:20pt Georgia;text-transform: lowercase;letter-spacing:2px;text-align:left;font-weight:bold;}
h1 {color:#1a2c53;background:none;border-bottom:2px dashed #000;}
i {color:#333333;}
u {color:#edd345;}
#header {background: url('https://sunnyneo.com/userlookups/UL_newyear_img.jpg') no-repeat; height:600px; width:1000px; border:none;}
#template_nav{margin-left:0px;margin-top:148px;}
.sidebar {display:none; background:none;}
.swf img{display:inline;visibility:visible;}
#nst, .user, hr, #userneohome, #habitarium, #ncmall{display:none;visibility:hidden;}
li.nav_image {margin-left: -5px}
ul.dropdown{border: 3px solid #beb474;background-color: #ffffff;}

.contentModuleHeader, .contentModuleHeaderAlt{color:#fff;background: #732626 url('https://sunnyneo.com/userlookups/UL_newyear_header.jpg') ;font:18px georgia;padding-left:3px;height:30px;text-transform:uppercase;letter-spacing:2px;}
.contentModuleTable, .contentModuleContent {border:none;}
.contentModule, .contentModuleContent{border:0px;background:none;}
#content {background:#ffffff;margin-left:66px;}
#userneopets img{width:140px;height:140px;}
#nst, #footer, hr, .eventIcon, .user, .brand-mamabar, #ban {display:none;}
#main, #content{border:none;width:868px;}
#main {margin-top:0px; margin-left:0px;background:none;position:absolute;top:0px;left:0px;}
</style>

5 Pets

Raindorf Nibble

Fonts: century gothic, desdemona
Compatible: Internet Explorer

All Pets

Skiing Usul

Fonts: AR BONNIE, AR CENA, AR CHRISTY
Compatible: Internet Explorer

4 or Less Pets

5 Pets

6 Pets

Snow Korbat

Fonts: tahoma, hamish
Compatible: Internet Explorer

All Pets

<a href="/community/index.phtml" class="navi">Community</a> - <a href="/games/arcade.phtml" class="navi">Games</a> - <a href="/explore.phtml" class="navi">Explore</a> - <a href="/objects.phtml" class="navi">Shops</a> - <a href="https://nc.neopets.com/membership/" class="navi">Premium</a> - <a href="https://www.neopets.com/~alan_rogers2132" class="navi">SunnyNeo</a>
<br><br><br><b>Bold</b> <i>Italic</i> <strong>Strong</strong>  About you here.  Fill this up.  About you here.  Fill this up.  About you here.  Fill this up.  About you here.  Fill this up.  About you here.  Fill this up.  About you here.  Fill this up.  About you here.  Fill this up.  About you here.  Fill this up.  About you here.  Fill this up.  About you here.  Fill this up.  About you here.  Fill this up.  About you here.  Fill this up.  About you here.  Fill this up.  About you here.  Fill this up.  About you here.  Fill this up.  About you here.  Fill this up.  About you here.  Fill this up.  About you here.  Fill this up.  About you here.  Fill this up.  About you here.  Fill this up.  About you here.  Fill this up.  About you here.  Fill this up.  About you here.  Fill this up.  About you here.  Fill this up.  About you here.  Fill this up.  About you here.  Fill this up.  About you here.  Fill this up.  About you here.  Fill this up.  About you here.  Fill this up.  
</div></div>

Taelia

Fonts: Jane Austen
Compatible: Internet Explorer

4 or Less Pets

<div id="talk">
<div id="talkh">About Me</div>
<div id="talkc">
Text text text. Write about your awesome self here! Text text text. Write about your awesome self here! Text text text. Write about your awesome self here! Text text text. Write about your awesome self here! Text text text. Write about your awesome self here! Text text text. Write about your awesome self here! Write about your awesome self here! Write about your awesome self here! Write about your awesome self here! Write about your awesome self here! Write about your awesome self here! Write about your awesome self here! Write about your awesome self here! Write about your awesome self here! Write about your awesome self here! Write about your awesome self here! Write about your awesome self here! If this section gets too big and starts to overlap onto information below, find in the style: .content and increase the margin-top until it no longer overlaps.
</div>
</div>
</div>
<style>
#header {
	background: none;
	margin-left: 0px;
	height: 70px;
	width: 884px;
	border: none;
}
#ban, #footer, .user, #nst, #userneohome, hr, #habitarium, #ncmall {
	display: none;
}
#main {
	background: none;
	border: none;
	margin-top: 0px;
	margin-left: 0px;
	position: absolute;
	top: 0px;
	left: 0px;
}
#content {
	width: 760px;
	margin-left: 6px;
	margin-top: 100px;
}
#userinfo img, #usershop img, #usercollections img, #usertrophies img {
	border: #fff 1px solid;
	padding: 2px;
}
#usertrophies b {
	padding: 0px;
	font: 10px tahoma;
}
body {
	background: url("https://sunnyneo.com/userlookups/UL_taelia_bg.jpg") repeat-y;
	background-color: #fff;
}
body, td, p, .content, .medText {
	color: #4D4F86;
	font: 10px tahoma;
}
.contentModule {
	border: 1px solid #fff;
	background: #F8FCFD;
}
.contentModuleContent, .contentModuleTable {
	border: none;
	background: none;
}
.contentModuleHeader, .contentModuleHeaderAlt {
	background: #93B3CB;
	color: #fff;
	font: 16pt "georgia";
	line-height: 12pt;
	font-weight: bold;
	border-bottom: 1px solid #fff;
}
ALink, AVisited, LI:hover UL.dropdown A, LI.over UL.dropdown A {
	color: #4D4F86;
}
AHover, LI:hover UL.dropdown AHover, LI.over UL.dropdown A:hover {
	color: #6D8DB0;
}
b, i {
	color: #6D8DB0;
	font: 10px tahoma;
	font-weight: bold;
}
#head {
	text-align: left;
}
#head {
	left: 0;
	top: 0;
}
#talk {
	width: 758px;
	position: absolute;
	top: 480px;
	left: 14px;
	border: 1px solid #fff;
	background: #F8FCFD;
	margin-bottom: 60px;
}
#talkc {
	padding: 5px;
}
#talkh {
	background: #93B3CB;
	color: #fff;
	font: 16pt "georgia";
	line-height: 15pt;
	font-weight: bold;
	border-bottom: 1px solid #fff;
	padding-left: 5px;
}
#template_nav {
	position: relative;
	left: -142px;
	top: -20px;
	z-index: 100;
}
ul.dropdown {
	border: 3px double #FFF;
	background-color: #CBCDDD;
}
.bx-controls {
	display: none;
}
#bxlist li {
	margin-right: 35px !important;
}
</style>

5 Pets

<div id="talk">
<div id="talkh">About Me</div>
<div id="talkc">
Text text text. Write about your awesome self here! Text text text. Write about your awesome self here! Text text text. Write about your awesome self here! Text text text. Write about your awesome self here! Text text text. Write about your awesome self here! Text text text. Write about your awesome self here! Write about your awesome self here! Write about your awesome self here! Write about your awesome self here! Write about your awesome self here! Write about your awesome self here! Write about your awesome self here! Write about your awesome self here! Write about your awesome self here! Write about your awesome self here! Write about your awesome self here! Write about your awesome self here! If this section gets too big and starts to overlap onto information below, find in the style: .content and increase the margin-top until it no longer overlaps.
</div>
</div>
</div>
<style>
#header {
	background: none;
	margin-left: 0px;
	height: 70px;
	width: 884px;
	border: none;
}
#ban, #footer, .user, #nst, #userneohome, hr, #habitarium, #ncmall {
	display: none;
}
#main {
	background: none;
	border: none;
	margin-top: 0px;
	margin-left: 0px;
	position: absolute;
	top: 0px;
	left: 0px;
}
#content {
	width: 760px;
	margin-left: 6px;
	margin-top: 100px;
}
#userinfo img, #usershop img, #usercollections img, #usertrophies img {
	border: #fff 1px solid;
	padding: 2px;
}
#usertrophies b {
	padding: 0px;
	font: 10px tahoma;
}
body {
	background: url("https://sunnyneo.com/userlookups/UL_taelia_bg.jpg") repeat-y;
	background-color: #fff;
}
body, td, p, .content, .medText {
	color: #4D4F86;
	font: 10px tahoma;
}
.contentModule {
	border: 1px solid #fff;
	background: #F8FCFD;
}
.contentModuleContent, .contentModuleTable {
	border: none;
	background: none;
}
.contentModuleHeader, .contentModuleHeaderAlt {
	background: #93B3CB;
	color: #fff;
	font: 16pt "georgia";
	line-height: 12pt;
	font-weight: bold;
	border-bottom: 1px solid #fff;
}
ALink, AVisited, LI:hover UL.dropdown A, LI.over UL.dropdown A {
	color: #4D4F86;
}
AHover, LI:hover UL.dropdown AHover, LI.over UL.dropdown A:hover {
	color: #6D8DB0;
}
b, i {
	color: #6D8DB0;
	font: 10px tahoma;
	font-weight: bold;
}
#head {
	text-align: left;
}
#head {
	left: 0;
	top: 0;
}
#talk {
	width: 758px;
	position: absolute;
	top: 480px;
	left: 14px;
	border: 1px solid #fff;
	background: #F8FCFD;
	margin-bottom: 60px;
}
#talkc {
	padding: 5px;
}
#talkh {
	background: #93B3CB;
	color: #fff;
	font: 16pt "georgia";
	line-height: 15pt;
	font-weight: bold;
	border-bottom: 1px solid #fff;
	padding-left: 5px;
}
#template_nav {
	position: relative;
	left: -142px;
	top: -20px;
	z-index: 100;
}
ul.dropdown {
	border: 3px double #FFF;
	background-color: #CBCDDD;
}
.bx-controls {
	display: none;
}
#userneopets img {
	margin-bottom: -15px;
}
#bxlist li {
	margin-right: 3px !important;
}
#userneopets li img {
	width: 145px;
	height: 145px;
}
#userneopets li {
	width: auto !important;
}
</style>

6 Pets

<div id="talk">
<div id="talkh">About Me</div>
<div id="talkc">
Text text text. Write about your awesome self here! Text text text. Write about your awesome self here! Text text text. Write about your awesome self here! Text text text. Write about your awesome self here! Text text text. Write about your awesome self here! Text text text. Write about your awesome self here! Write about your awesome self here! Write about your awesome self here! Write about your awesome self here! Write about your awesome self here! Write about your awesome self here! Write about your awesome self here! Write about your awesome self here! Write about your awesome self here! Write about your awesome self here! Write about your awesome self here! Write about your awesome self here! If this section gets too big and starts to overlap onto information below, find in the style: .content and increase the margin-top until it no longer overlaps.
</div>
</div>
</div>
<style>
#header {
	background: none;
	margin-left: 0px;
	height: 70px;
	width: 884px;
	border: none;
}
#ban, #footer, .user, #nst, #userneohome, hr, #habitarium, #ncmall {
	display: none;
}
#main {
	background: none;
	border: none;
	margin-top: 0px;
	margin-left: 0px;
	position: absolute;
	top: 0px;
	left: 0px;
}
#content {
	width: 760px;
	margin-left: 6px;
	margin-top: 100px;
}
#userinfo img, #usershop img, #usercollections img, #usertrophies img {
	border: #fff 1px solid;
	padding: 2px;
}
#usertrophies b {
	padding: 0px;
	font: 10px tahoma;
}
body {
	background: url("https://sunnyneo.com/userlookups/UL_taelia_bg.jpg") repeat-y;
	background-color: #fff;
}
body, td, p, .content, .medText {
	color: #4D4F86;
	font: 10px tahoma;
}
.contentModule {
	border: 1px solid #fff;
	background: #F8FCFD;
}
.contentModuleContent, .contentModuleTable {
	border: none;
	background: none;
}
.contentModuleHeader, .contentModuleHeaderAlt {
	background: #93B3CB;
	color: #fff;
	font: 16pt "georgia";
	line-height: 12pt;
	font-weight: bold;
	border-bottom: 1px solid #fff;
}
ALink, AVisited, LI:hover UL.dropdown A, LI.over UL.dropdown A {
	color: #4D4F86;
}
AHover, LI:hover UL.dropdown AHover, LI.over UL.dropdown A:hover {
	color: #6D8DB0;
}
b, i {
	color: #6D8DB0;
	font: 10px tahoma;
	font-weight: bold;
}
#head {
	text-align: left;
}
#head {
	left: 0;
	top: 0;
}
#talk {
	width: 758px;
	position: absolute;
	top: 480px;
	left: 14px;
	border: 1px solid #fff;
	background: #F8FCFD;
	margin-bottom: 60px;
}
#talkc {
	padding: 5px;
}
#talkh {
	background: #93B3CB;
	color: #fff;
	font: 16pt "georgia";
	line-height: 15pt;
	font-weight: bold;
	border-bottom: 1px solid #fff;
	padding-left: 5px;
}
#template_nav {
	position: relative;
	left: -142px;
	top: -20px;
	z-index: 100;
}
ul.dropdown {
	border: 3px double #FFF;
	background-color: #CBCDDD;
}
.bx-controls {
	display: none;
}
#userneopets img {
	margin-bottom: -15px;
}
#bxlist li {
	margin-right: 3px !important;
}
#userneopets li img {
	width: 120px;
	height: 120px;
}
#userneopets li {
	width: auto !important;
}
</style>

Winter

Fonts: Joyful Juliana, Century Gothic
Compatible: Internet Explorer

4 or Less Pets

<div style="height: 454px;"></div>
<div id="pic" style="position: absolute; background: url('https://sunnyneo.com/userlookups/UL_winter_img.jpg'); width: 780px; height: 598px; display: block;"></div>
<div id="nav" style="position: absolute;">
<a href="/myaccount.phtml"><img src="https://images.neopets.com/neoboards/spacer.gif" width="66" height="66"></a>
<a href="/customise/"><img src="https://images.neopets.com/neoboards/spacer.gif" width="66" height="66"></a>
<a href="/gamesroom.phtml"><img src="https://images.neopets.com/neoboards/spacer.gif" width="66" height="66"></a>
<a href="/explore.phtml"><img src="https://images.neopets.com/neoboards/spacer.gif" width="66" height="66"></a>
<a href="/nf.phtml"><img src="https://images.neopets.com/neoboards/spacer.gif" width="66" height="66"></a>
<a href="/community/index.phtml"><img src="https://images.neopets.com/neoboards/spacer.gif" width="66" height="66"></a>
<a href="/objects.phtml"><img src="https://images.neopets.com/neoboards/spacer.gif" width="66" height="66"></a>
<a href="/mall/index.phtml"><img src="https://images.neopets.com/neoboards/spacer.gif" width="66" height="66"></a>
<a href="https://nc.neopets.com/membership/"><img src="https://images.neopets.com/neoboards/spacer.gif" width="66" height="66"></a></div>
<h1>All About Me</h1>
<p>
About you here.<br><br><b style="visibility: visible;">Bold text</b>, <i>Italicized text</i>, Underlined text, <a href="https://www.neopets.com">Hyperlinked text</a>
</p>

5 Pets

6 Pets

Winter Morning

Fonts: Prerella
Compatible: Internet Explorer

5 or Less Pets

<div id="aureve"> </div>
<div id="lereve">
<center>
<h1>This is a Header</h1>
This is where your text goes. <b>This is stylized</b> text and <i>this style</i> too. 
</center>
<p>
<a href="/index.phtml?view=all&gu=USERNAME" class="nav1">GALLERY</a>
<a href="/?owner=USERNAME" class="nav1">MY SHOP</a>
<a href="/" class="nav1">CENTRAL</a>
<a href="/index.phtml" class="nav1">BOARDS</a>
<a href="/" class="nav1">NEWS</a>
<a href="/" class="nav1">WORLD</a>
<a href="https://www.neopets.com/games/" class="nav1">GAMES</a>
<a href="/" class="nav1">HOME</a>
</p>
<br><br></div>
<style>
body {
	background-image: url("https://sunnyneo.com/userlookups/UL_wintermorning_bg.jpg");
	background-color: #defaf6;
}
body, table, td, tr, a, p, li, div .medtext {
	font-family: verdana;
	color: #757575;
	font-size: 12px;
}
b {
	color: #7ec8a8;
	font-weight: 100;
}
i {
	font-style: normal;
	color: #dc836b;
}
a:link, a:active, a:visited, a b {
	color: #e3bc07;
}
a:hover, a:hover b {
	color: #44a296;
}
a.nav1:link, a.nav1:active, a.nav1:visited {
	color: #ffffff;
	background: #87dad1;
	font-size: 11px;
	text-decoration: none;
	font-weight: normal;
	text-align: center;
	display: block;
	height: 20px;
	width: 85px;
	padding-top: 5px;
	float: right;
	margin: 3px;
}
a.nav1:hover {
	color: #ffffff;
	background: #3badb7;
}
#main, #content {
	margin-top: -50px;
	margin-bottom: 10px;
	width: 990px;
	background: none;
	padding: 0px;
}
#habitarium, #header, #nst, #ncmall, #habitarium, .sf, hr, #navigation, #footer, #userneohome, .brand-mamabar, #ban, #usershop {
	display: none;
}
#userinfo .medText table table img {
	visibility: visible;
}
td, img, table, #n, #main {
	background: transparent;
	border: none;
}
.contentModule, .contentModuleTable {
	border: none;
}
.contentModule div a img, .contentModule div b, .content div b {
	visibility: visible;
}
.contentModuleHeader, .contentModuleHeaderAlt, h1 {
	color: #ffffff;
	font-size: 14px;
	line-height: 22px;
	height: 25px;
	font-family: century gothic;
	font-weight: bold;
	text-transform: uppercase;
	background-color: #87dad1;
}
#userinfo .contentModuleTable {
	width: 546px;
	height: 370px;
	border: 10px solid #fff;
	padding: 0px;
	margin: 0px;
}
#usercollections .contentModuleTable {
	width: 400px;
	height: 370px;
	border: 10px solid #fff;
	padding: 0px;
	margin: 0px;
}
#userneopets .contentModuleTable {
	width: 946px !important;
	padding: 0px;
	border: 10px solid #fff;
	background: transparent;
	margin: 0px;
}
#usertrophies .contentModuleTable {
	width: 946px !important;
	padding: 10px;
	background: #fff;
	margin: 0px;
}
#userneopets img {
	padding: 0px;
	width: 174px;
	height: 174px;
}
#userneopets li {
	width: auto !important;
	margin-right: 10px !important;
}
#userneopets li a {
	width: 130px;
	height: 130px;
}
#usertrophies img {
	width: 60px;
	height: 60px;
}
#aureve {
	background-color: #defaf6;
	background-image: url("https://sunnyneo.com/userlookups/UL_wintermorning_header.jpg");
	background-repeat: no-repeat;
	width: 970px;
	height: 500px;
	margin-left: -11px;
}
#lereve {
	background-color: #fff;
	margin-left: -30px;
	width: 925px;
	padding: 10px;
}
.bx-controls {
	display: none;
}
</style>

6 Pets

<div id="aureve"> </div>
<div id="lereve">
<center>
<h1>This is a Header</h1>
This is where your text goes. <b>This is stylized</b> text and <i>this style</i> too. 
</center>
<p>
<a href="/index.phtml?view=all&gu=USERNAME" class="nav1">GALLERY</a>
<a href="/?owner=USERNAME" class="nav1">MY SHOP</a>
<a href="/" class="nav1">CENTRAL</a>
<a href="/index.phtml" class="nav1">BOARDS</a>
<a href="/" class="nav1">NEWS</a>
<a href="/" class="nav1">WORLD</a>
<a href="https://www.neopets.com/games/" class="nav1">GAMES</a>
<a href="/" class="nav1">HOME</a>
</p>
<br><br></div>
<style>
body {
	background-image: url("https://sunnyneo.com/userlookups/UL_wintermorning_bg.jpg");
	background-color: #defaf6;
}
body, table, td, tr, a, p, li, div .medtext {
	font-family: verdana;
	color: #757575;
	font-size: 12px;
}
b {
	color: #7ec8a8;
	font-weight: 100;
}
i {
	font-style: normal;
	color: #dc836b;
}
a:link, a:active, a:visited, a b {
	color: #e3bc07;
}
a:hover, a:hover b {
	color: #44a296;
}
a.nav1:link, a.nav1:active, a.nav1:visited {
	color: #ffffff;
	background: #87dad1;
	font-size: 11px;
	text-decoration: none;
	font-weight: normal;
	text-align: center;
	display: block;
	height: 20px;
	width: 85px;
	padding-top: 5px;
	float: right;
	margin: 3px;
}
a.nav1:hover {
	color: #ffffff;
	background: #3badb7;
}
#main, #content {
	margin-top: -50px;
	margin-bottom: 10px;
	width: 990px;
	background: none;
	padding: 0px;
}
#habitarium, #header, #nst, #ncmall, #habitarium, .sf, hr, #navigation, #footer, #userneohome, .brand-mamabar, #ban, #usershop {
	display: none;
}
#userinfo .medText table table img {
	visibility: visible;
}
td, img, table, #n, #main {
	background: transparent;
	border: none;
}
.contentModule, .contentModuleTable {
	border: none;
}
.contentModule div a img, .contentModule div b, .content div b {
	visibility: visible;
}
.contentModuleHeader, .contentModuleHeaderAlt, h1 {
	color: #ffffff;
	font-size: 14px;
	line-height: 18px;
	height: 25px;
	font-family: century gothic;
	font-weight: bold;
	text-transform: uppercase;
	background-color: #87dad1;
}
#userinfo .contentModuleTable {
	width: 546px;
	height: 370px;
	border: 10px solid #fff;
	padding: 0px;
	margin: 0px;
}
#usercollections .contentModuleTable {
	width: 400px;
	height: 370px;
	border: 10px solid #fff;
	padding: 0px;
	margin: 0px;
}
#userneopets .contentModuleTable {
	width: 946px !important;
	padding: 0px;
	border: 10px solid #fff;
	background: transparent;
	margin: 0px;
}
#usertrophies .contentModuleTable {
	width: 946px !important;
	padding: 10px;
	background: #fff;
	margin: 0px;
}
#userneopets img {
	padding: 0px;
	width: 142px;
	height: 142px;
}
#userneopets li {
	width: auto !important;
	margin-right: 10px !important;
}
#userneopets li a {
	width: 130px;
	height: 130px;
}
#usertrophies img {
	width: 60px;
	height: 60px;
}
#aureve {
	background-color: #defaf6;
	background-image: url("https://sunnyneo.com/userlookups/UL_wintermorning_header.jpg");
	background-repeat: no-repeat;
	width: 970px;
	height: 500px;
	margin-left: -11px;
}
#lereve {
	background-color: #fff;
	margin-left: -30px;
	width: 925px;
	padding: 10px;
}
.bx-controls {
	display: none;
}
</style>

Let It Snow Fonts: Georgia, Verdana, Swirlesque V.2 Compatible: <style> body { background:url('https://www.sunnyneo.com/petpage/PP_LettingSnow_bg.png'); font-family:verdana; font-size: 10px; color:#4c7094; } #ban { background:url('https://www.sunnyneo.com/petpage/PP_LettingSnow_banner.gif'); width:542px; height:315px; display:block; margin-top:20px; } table a img, center p { height: 0px; width: 0px; overflow: hidden; } #nav a:link, #nav a:visited { background:url('https://www.sunnyneo.com/petpage/PP_LettingSnow_link.png'); width:120px; height:40px; display:block; font-family:georgia; font-size: 30; color:#4c7094; text-decoration:none; text-align:center; vertical-align: middle; } #nav a:hover { background:url('https://www.sunnyneo.com/petpage/PP_LettingSnow_link2.png'); width:120px; height:40px; display:block; } #nav { width:542px; height:44px; display:block; text-align:center; margin-top:10px; margin-bottom:10px; } #edging { border:8px solid #96bbe2; width: 526px; } #container { border:6px solid #f7f7f7; width: 514px; background-color:#e7e7f7; } h1 { font-family:georgia; font-weight:bold; letter-spacing:2; color:#102f59; font-size: 20px; } #float { background:url('https://www.sunnyneo.com/petpage/PP_LettingSnow_float.png'); width:110px; height:520px; bottom:-10px; left:20px; } #float2 { background:url('https://www.sunnyneo.com/petpage/PP_LettingSnow_float.png'); width:110px; height:520px; bottom:-10px; right:20px; } </style> <center> <div id="ban"> </div> <div id="nav"> <center><table><tr><td><a href="https://www.neopets.com">one</a></td> <td><a href="https://www.neopets.com">two</a></td> <td><a href="https://www.neopets.com">three</a></td> <td><a href="https://www.neopets.com">four</a></td></tr></table></center> </div> <div id="edging"> <div id="container"> <h1>Welcome</h1> Hello! Putting some text in here. Yes. And I need some more, and more and more!! Hello! Putting some text in here. Yes. And I need some more, and more and more!! Hello! Putting some text in here. Yes. And I need some more, and more and more!! Hello! Putting some text in here. Yes. And I need some more, and more and more!! Hello! Putting some text in here. Yes. And I need some more, and more and more!! Hello! Putting some text in here. Yes. And I need some more, and more and more!! Hello! Putting some text in here. Yes. And I need some more, and more and more!! Hello! Putting some text in here. Yes. And I need some more, and more and more!! Hello! Putting some text in here. Yes. And I need some more, and more and more!! Hello! Putting some text in here. Yes. And I need some more, and more and more!! <h1>Things To Do</h1> You could continue using one box going down the line as one single unit. Or you could duplicate the box and have each section as its own. Wow! <br><br> You can also take the link image holding "one two three four" above and create your own button to match this page. Its blank as it is anyway. So you can add text to it if you'd like or whatever. Then just upload it somewhere and you have a matching button! </div> </div> <br><br> <div id="edging"> <div id="container"> <h1>Like This</h1> Wow, a pretty new section! What fun! You can keep adding these if you'd like. </div> </div> <br><br> <div id="edging"> <div id="container"> <a href="https://www.neopets.com/~TheSunnyNeo"><div style="background:url('https://www.sunnyneo.com/petpage/PP_LettingSnow_linkback.gif');width:120px;height:40px;display:block;"></div></a> </div> </div> </center> <div id="float" style="position:fixed;"></div> <div id="float2" style="position:fixed;"></div>	Moon of Winter Fonts: Beautiful Future, Verdana, Georgia Compatible: <style> body, table, a, div { font-family: verdana; font-size: 10px; color: #000000; } body { background: url("https://www.sunnyneo.com/petpage/PP_wintermoon_bg.jpg"); background-color: #ba88d2; } #bg { left: 0px; bottom: 0px; width: 100%; height: 400px; z-index: -1; background: url("https://www.sunnyneo.com/petpage/PP_wintermoon_bottom.png") repeat-x; } table a img, center p { height: 0px; width: 0px; overflow: hidden; } #main { border: 1px solid #6637a4; background-color: #FFFFFF; top: 35px; right: 50px; overflow: hidden; padding: 8px; display: block; width: 726px; height: 675px; z-index: -1; } #img { background: url("https://www.sunnyneo.com/petpage/PP_wintermoon_banner.jpg"); width: 725px; height: 300px; display: block; z-index: -1; } #img2 { background: url("https://www.sunnyneo.com/petpage/PP_wintermoon_lupe.png"); width: 516px; height: 594px; right: 860px; top: 110px; display: block; z-index: -1; } #nav { top: 355px; right: 800px; width: 130px; height: 400px; display: block; } #nav a:link, #nav a:visited { width: 123px; height: 40px; display: block; text-decoration: none; text-align: right; background-color: #058f81; border: 1px solid #023d16; margin-bottom: 4px; font-family: georgia; font-size: 32px; color: #022307; text-transform: uppercase; } #nav a:hover { width: 125px; display: block; background: url("https://www.sunnyneo.com/petpage/PP_wintermoon_link.jpg"); border: none; margin-bottom: 4px; text-align: center; color: #beecee; } #box { width: 725px; height: 352px; right: 60px; top: 365px; display: block; overflow: hidden; } #box2 { width: 725px; height: 350px; display: block; overflow: hidden; margin-bottom: 10px; } #full { width: 725px; height: 350px; display: block; overflow: auto; } #half { width: 358px; height: 350px; display: block; overflow: auto; } #large { width: 466px; height: 350px; display: block; overflow: auto; } #small { width: 250px; height: 350px; display: block; overflow: auto; } #mini { width: 250px; height: 165px; display: block; overflow: auto; } #square { width: 358px; height: 165px; display: block; overflow: auto; } h1 { background-color: #d3f7fb; border-top: 2px solid #034a37; padding-right: 20px; color: #07a5b4; text-align: right; font-family: georgia; font-size: 18px; } h2 { text-align: right; color: #034e2b; font-family: georgia; font-size: 14px; padding-right: 20px; } b { color: #7d838d; } i { color: #777864; } a:link, a:visited { color: #c6beac; text-decoration: none; font-weight: bold; } a:hover { color: #9a8f76; text-transform: uppercase; } .b1 { list-style-image: url("https://sunnyneo.com/petpage/PP_wintermoon_bullet1.png"); text-align: left; } .b2 { list-style-image: url("https://sunnyneo.com/petpage/PP_wintermoon_bullet2.png"); text-align: left; } #divider { background: url("https://sunnyneo.com/petpage/PP_wintermoon_divider1.png") no-repeat; width: 295px; height: 46px; display: block; } #divider2 { background: url("https://sunnyneo.com/petpage/PP_wintermoon_divider2.png") no-repeat; width: 235px; height: 37px; display: block; } </style><div id="bg" style="position: fixed;"></div> <div id="img2" style="position: absolute;"></div> <div id="main" style="position: absolute;"> <center><div id="img"></div></center> </div> <div id="nav" style="position: absolute;"> <a href="#one">ONE</a> <a href="#two">TWO</a> <a href="#three">THREE</a> <a href="#four">FOUR</a> <a href="#five">FIVE</a> <a href="#six">SIX</a> <a href="#seven">SEVEN</a> <a href="https://www.neopets.com">Leave</a> </div> <div id="box" style="position: absolute;"> <div id="full"> <a name="one"> </a> <h1>A Versatile Layout</h1> <h2>Do what you want with it</h2> This page was made so you can edit it to work how you need it to. <b>Bold</b>, <i>Italic</i>, <a href="https://www.neopets.com">Link</a>. Need bullets? No problem! <br><br><ul><li class="b1">Bullet Point 1</li> <li class="b1">Bullet Point 2</li> <li class="b2">Bullet Point 3</li> </ul><br><br> You can even use a divider if needed: <br><br><center><div id="divider"></div></center> <br><br> If you need page 1's set up on another, feel free to change them around. Check each page on the example to see how to switch them out. <br><br> This is the most basic of pages. One full section for the entire page. Also the most simple of codes. If you want a page to look like this, then use: <br><br><textarea><div id="full"><a name="PAGENUMBERHERE"> </a>CONTENT IN HERE</div></textarea><br><br> Just by putting the page number in where you want it to show, then it'll work for you. Just be sure you remove the page in the code as it is now first. So, for example, if you were indeed replacing page 3 to look just like this page, you'd find: <br><br><textarea><a name="three"> </a></textarea><br><br> And delete from the div "box2" above it to its closing div tag - be sure to include all, if any, sections that are currently on that page. Hope that wasn't too confusing. <br><br> NOTE page one is not inside a div "box2". So if you are replacing page one with a different set up, you are looking for div "full". </div> <div id="box2"> <table><tr><td> <a name="two"> </a> <div id="half"> <h1>Which Header</h1> This page was set up with two half sections. If you want a page to look like this, then use: <br><br><textarea><div id="box2"><a name="PAGENUMBERHERE"> </a><table><tr><td><div id="half">CONTENT IN HERE</div></td><td style="border-left: 1px solid #ffaba7;"><div id="half">CONTENT IN HERE</div></td></tr></table></div></textarea><br><br> Just by putting the page number in where you want it to show, then it'll work for you. Just be sure you remove the page in the code as it is now first (see page one for those instructions). Hope that wasn't too confusing. </div> </td><td style="border-left: 1px solid #ffaba7;"> <div id="half"> <h2>Works Best?</h2> This could work great for organizing two different related things. Such as, items you need for a gallery either from a side account vs a main. Or even say your lab pet and then the other half is for zaps you're hoping for. Just some thoughts. </div> </td></tr></table></div> <div id="box2"> <a name="three"> </a> <table><tr><td> <div id="large"> <h1>Setting Up This page</h1> This page was set up with two sections with the left being wider, and the right being narrower. If you want a page to look like this, then use: <br><br><textarea><div id="box2"><a name="PAGENUMBERHERE"> </a><table><tr><td><div id="large">CONTENT IN HERE</div></td><td style="border-left: 1px solid #ffaba7;"><div id="small">CONTENT IN HERE</div></td></tr></table></div></textarea><br><br> Just by putting the page number in where you want it to show, then it'll work for you. Just be sure you remove the page in the code as it is now first (see page one for those instructions). Hope that wasn't too confusing. </div></td> <td style="border-left: 1px solid #ffaba7;"><div id="small"> <h2>Ideas</h2> Perhaps put a story for your pet in the larger section, and in this section put their wearables, petpet, artwork, etc in here. <br><br><center><div id="divider2"></div></center> <br><br> Oh look! A slightly smaller divider to fit the smaller sections. Hurray! </div> </td></tr></table></div> <div id="box2"> <a name="four"> </a> <table><tr><td> <div id="small"> <h2>More Ideas</h2> What could you put with this page set up? Perhaps you could put your goals in the larger section with some details like when you'd like to accomplish them, how its coming, and why you are going for it. In this smaller section you could put completed goals and what date you completed them. </div></td> <td style="border-left: 1px solid #ffaba7;"><div id="large"> <h1>Making This Page</h1> This page was set up with two sections with the left being wider, and the right being narrower. If you want a page to look like this, then use: <br><br><textarea><div id="box2"><a name="PAGENUMBERHERE"> </a><table><tr><td><div id="small">CONTENT IN HERE</div></td><td style="border-left: 1px solid #ffaba7;"><div id="large">CONTENT IN HERE</div></td></tr></table></div></textarea><br><br> Just by putting the page number in where you want it to show, then it'll work for you. Just be sure you remove the page in the code as it is now first (see page one for those instructions). Hope that wasn't too confusing. </div> </td></tr></table></div> <div id="box2"> <a name="five"> </a> <table><tr><td rowspan="2"> <div id="large"> <h1>Fancy Stuff</h1> This page gets a little more fancy. This has one larger section with two smaller sections stacked atop each other at the larger ones right side. If you want a page to look like this, then use: <br><br><textarea><div id="box2"><a name="PAGENUMBERHERE"> </a><table><tr><td rowspan="2"><div id="large">CONTENT IN HERE</div></td><td style="border-left: 1px solid #ffaba7;"><div id="mini">CONTENT IN HERE</div></td></tr><tr><td style="border-left: 1px solid #ffaba7; border-top: 1px solid #ffaba7;"><div id="mini">CONTENT IN HERE</div></td></tr></table></div></textarea><br><br> Just by putting the page number in where you want it to show, then it'll work for you. Just be sure you remove the page in the code as it is now first (see page one for those instructions). Hope that wasn't too confusing. </div></td> <td style="border-left: 1px solid #ffaba7;"><div id="mini"> <h2>Thoughts?</h2> Oh the possibilities you could use this page for... <br><br> What about if you wanted to keep track of your stamp collecting? You could put a snapshot or table of your stamp album as they are, and in the two mini sections put stamps you need and about what their price is. Perhaps the top section are a certain price range or stamps you want to get first. The second section could be more expensive stamps or stamps you're waiting on. </div> </td></tr><tr><td style="border-left: 1px solid #ffaba7; border-top: 1px solid #ffaba7;"><div id="mini"> <h2>More</h2> Another idea. You could put a snapshot of your neohome in the larger section, and then put items you want to add in the mini sections. Maybe group them by pet, theme, indoor/outdoor, price, whatever you'd like. </div> </td></tr></table></div> <div id="box2"> <a name="six"> </a> <table><tr><td style="border-right: 1px solid #ffaba7;"><div id="mini"> <h2>Art?</h2> Perhaps you want to use this as your art page? You can group each section for art theme like pets or style of art (anthro/quad/pixel/drawing/etc). One of these mini's would be great for pixel art! </div> </td> <td rowspan="2"> <div id="large"> <h1>The Code</h1> This page gets a little more fancy. This has one larger section with two smaller sections stacked atop each other at the larger ones left side. If you want a page to look like this, then use: <br><br><textarea><div id="box2"><a name="PAGENUMBERHERE"> </a><table><tr><td style="border-right: 1px solid #ffaba7;"><div id="mini">CONTENT IN HERE</div></td><td rowspan="2"><div id="large">CONTENT IN HERE</div></td></tr><tr><td style="border-right: 1px solid #ffaba7; border-top: 1px solid #ffaba7;"><div id="mini">CONTENT IN HERE</div></td></tr></table></div></textarea><br><br> Just by putting the page number in where you want it to show, then it'll work for you. Just be sure you remove the page in the code as it is now first (see page one for those instructions). Hope that wasn't too confusing. </div></td> </tr><tr><td style="border-right: 1px solid #ffaba7; border-top: 1px solid #ffaba7;"><div id="mini"> <h2>Anything Else?</h2> Or perhaps you could have the larger section full of finished art by you, one of the mini's art you received from others, and the other mini for sketches or ideas for your next drawing. </div> </td></tr></table></div> <div id="box2"> <a name="seven"> </a> <table><tr><td style="border-right: 1px solid #ffaba7;"><div id="square"> <h2>Code</h2> This page has the most sections. This page has four square sections, two by two. If you want a page to look like this, then use: <br><br><textarea><div id="box2"><a name="PAGENUMBERHERE"> </a><table><tr><td style="border-right: 1px solid #ffaba7;"><div id="square">CONTENT IN HERE</div></td><td><div id="square">CONTENT IN HERE</div></td></tr><tr><td style="border-right: 1px solid #ffaba7; border-top: 1px solid #ffaba7;"><div id="square">CONTENT IN HERE</div></td><td style="border-top: 1px solid #ffaba7;"><div id="square">CONTENT IN HERE</div></td></tr></table></div></textarea><br><br> Just by putting the page number in where you want it to show, then it'll work for you. Just be sure you remove the page in the code as it is now first (see page one for those instructions). Hope that wasn't too confusing. </div> </td> <td> <div id="square"> <h2>Idea 1</h2> Perhaps you can use this style to keep track of your 4 (side) accounts. You can list all pets on each account, your gallery themes on each, etc. </div></td> </tr><tr><td style="border-right: 1px solid #ffaba7; border-top: 1px solid #ffaba7;"><div id="square"> <h2>Idea 2</h2> Or perhaps you want to use each section for one pet. Items you want to get them, things you want to accomplish like their lookup, gourmet food, books, battledome equipment, whatever. </div> </td> <td style="border-top: 1px solid #ffaba7;"><div id="square"> <h2>Idea 3</h2> The possibilities are endless. Get creative! Use the versatility of this layout to your benefit. </div> </td> </tr></table></div> </div>
Snow Friends Fonts: Two Turtle Doves, Trajan Pro, Arial Compatible: <div id="pic" style="position: absolute; z-index: -1;"></div> <style> body { background: #c9eefa url("https://sunnyneo.com/petpage/PP_snowfriend_bg.jpg") repeat; } #pic { background: url("https://sunnyneo.com/petpage/PP_snowfriend_img.jpg"); height: 786px; width: 800px; top: 0px; left: 0px; } h2 { font: 24px arial; color: #ecd292; letter-spacing: 4px; text-transform: uppercase; text-align: center; border-bottom: 2px #70b8c9 dashed; } h1 { font: 16px arial; color: #2052c6; letter-spacing: 4px; text-transform: uppercase; text-align: center; border-bottom: 1px #28add8 dashed; border-top: 1px #28add8 dashed; background: #d8f3fc; } i { font-family: arial; font-size: 11px; color: #7b5301; } a, a b, a:link, a:visited { font: 12px arial; color: #59b5cb; text-transform: lowercase; } a b:hover, a:hover { color: #d6f544; text-transform: uppercase; background-color: none; } b { font: 14px; color: #02319d; font-weight: bold; } body, font, td, p, .medText { font: 14px arial; color: #6b9cf7; } #stuff { top: 580px; left: 30px; width: 610px; } table { background: none; } table a img, center p { height: 0px; width: 0px; overflow: hidden; } </style> <div id="stuff" style="position: absolute;"> <h1>header</h1> text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text <b>bold</b>. <i>italic</i>. <p> </p> <h1>header</h1> <p> </p> <h1>header</h1> </div>	Snowbunny Fonts: TS Curly, Twilight, 04b03 Compatible: <style> #navigatie { background: #000000; height: 20px; width: 100%; left: 0px; top: 0px; padding-left: 90px; padding-top: 3px; color: #ffffff; z-index: 10; } #navigatie a { color: #ffffff; font-family: verdana; font-size: 10pt; text-decoration: none; text-transform: uppercase; } body { background: url("https://www.sunnyneo.com/petpage/PP_snowbunny_bg.jpg"); font-family: century gothic; font-size: 10pt; } #petpageimg { background: url("https://www.sunnyneo.com/petpage/PP_snowbunny_img.jpg"); width: 900px; height: 506px; top: 0px; left: 0px; } #petpagemain { background: url("https://www.sunnyneo.com/petpage/PP_snowbunny_mainbg.jpg") repeat-y; top: 500px; width: 100%; } #petpagemaintext { margin-left: 120px; width: 510px; } h1 { font-family: Georgia; font-style: italic; font-size: 15pt; color: #000000; margin: 0px; } a:link, a:visited, a:active { color: #ca7d5e; font-weight: bold; } a:hover { color: #f6ac87; } b { color: #818080; } i { color: #000000; } #underline { text-decoration: underline; color: #575757; } .sf, .smallfont { display: none; } </style> <div id="navigatie" style="position: fixed;"> <a href="https://www.neopets.com/myaccount.phtml">My Account</a> \| <a href="https://www.neopets.com/customise/">Customise</a> \| <a href="https://neopets.com/gameroom.phtml">Games</a> \| <a href="https://neopets.com/explore.phtml">Explore</a> \| <a href="https://neopets.com/nf.phtml">News</a> \| <a href="https://www.neopets.com/community/index.phtml">Community</a> \| <a href="https://neopets.com/objects.phtml">Shops</a> \| <a href="https://www.neopets.com/mall/index.phtml">NC Mall</a> \| <a href="https://nc.neopets.com/membership">Premium</a> \| <a href="https://www.neopets.com/redirect/fansite.phtml?r=http%3A%2F%2Fwww.sunnyneo.com" class="auto_bumper">SunnyNeo</a> </div> <div id="petpageimg" style="position: absolute; z-index: -1;"> </div> <div id="petpagemain" style="position: absolute;"> <div id="petpagemaintext"> <h1>Header</h1> <b>Bold</b><i>Italic</i><font id="underline">Underline</font><a href="https://www.neopets.com">Link</a>. Cleaner Code, Better Browsing and A Safer Neopia! All HTML and Stylesheets must be recognized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. <p> Cleaner Code, Better Browsing and A Safer Neopia! All HTML and Stylesheets must be recognized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. </p> <h1>Header</h1> Cleaner Code, Better Browsing and A Safer Neopia! All HTML and Stylesheets must be recognized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. <p> Cleaner Code, Better Browsing and A Safer Neopia! All HTML and Stylesheets must be recognized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. </p> <h1>Header</h1> Cleaner Code, Better Browsing and A Safer Neopia! All HTML and Stylesheets must be recognized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. <p> Cleaner Code, Better Browsing and A Safer Neopia! All HTML and Stylesheets must be recognized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. </p> <h1>Header</h1> Cleaner Code, Better Browsing and A Safer Neopia! All HTML and Stylesheets must be recognized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. <p> Cleaner Code, Better Browsing and A Safer Neopia! All HTML and Stylesheets must be recognized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. </p> </div> </div>
Snowman Fonts: Vladimir Script, Saeculum, Futura Std, English Compatible: <style> #navigatie { background: #000000; height: 20px; width: 100%; left: 0px; top: 0px; padding-left: 90px; padding-top: 3px; color: #ffffff; z-index: 10; } #navigatie a { color: #ffffff; font-family: verdana; font-size: 10pt; text-decoration: none; text-transform: uppercase; } body { background: url("https://www.sunnyneo.com/petpage/PP_snowman_bg.jpg"); font-family: century gothic; font-size: 10pt; } #petpageimg { background: url("https://www.sunnyneo.com/petpage/PP_snowman_img.jpg"); width: 900px; height: 520px; top: 0px; left: 0px; } #petpagemain { background: url("https://www.sunnyneo.com/petpage/PP_snowman_mainbg.jpg") repeat-y; top: 520px; width: 100%; } #petpagemaintext { margin-left: 150px; width: 530px; } h1 { font-family: Georgia; font-style: italic; font-size: 15pt; color: #000000; margin: 0px; } a:link, a:visited, a:active { color: #aa2222; font-weight: bold; } a:hover { color: #cd2929; } b { color: #000000; } i { color: #679a33; } #underline { text-decoration: underline; color: #b6c0be; } .sf, .smallfont { display: none; } </style> <div id="navigatie" style="position: fixed;"> <a href="https://www.neopets.com/myaccount.phtml">My Account</a> \| <a href="https://www.neopets.com/customise/">Customise</a> \| <a href="https://neopets.com/gameroom.phtml">Games</a> \| <a href="https://neopets.com/explore.phtml">Explore</a> \| <a href="https://neopets.com/nf.phtml">News</a> \| <a href="https://www.neopets.com/community/index.phtml">Community</a> \| <a href="https://neopets.com/objects.phtml">Shops</a> \| <a href="https://www.neopets.com/mall/index.phtml">NC Mall</a> \| <a href="https://nc.neopets.com/membership">Premium</a> \| <a href="https://www.neopets.com/redirect/fansite.phtml?r=http%3A%2F%2Fwww.sunnyneo.com" class="auto_bumper">SunnyNeo</a> </div> <div id="petpageimg" style="position: absolute; z-index: -1;"> </div> <div id="petpagemain" style="position: absolute;"> <div id="petpagemaintext"> <h1>Header</h1> <b>Bold</b><i>Italic</i><font id="underline">Underline</font><a href="https://www.neopets.com">Link</a>. Cleaner Code, Better Browsing and A Safer Neopia! All HTML and Stylesheets must be recognized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. <p> Cleaner Code, Better Browsing and A Safer Neopia! All HTML and Stylesheets must be recognized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. </p> <h1>Header</h1> Cleaner Code, Better Browsing and A Safer Neopia! All HTML and Stylesheets must be recognized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. <p> Cleaner Code, Better Browsing and A Safer Neopia! All HTML and Stylesheets must be recognized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. </p> <h1>Header</h1> Cleaner Code, Better Browsing and A Safer Neopia! All HTML and Stylesheets must be recognized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. <p> Cleaner Code, Better Browsing and A Safer Neopia! All HTML and Stylesheets must be recognized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. </p> <h1>Header</h1> Cleaner Code, Better Browsing and A Safer Neopia! All HTML and Stylesheets must be recognized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. <p> Cleaner Code, Better Browsing and A Safer Neopia! All HTML and Stylesheets must be recognized as safe by our filter and all code must be properly formatted. This will protect you and your Neopets from deranged code Mynci. You will receive an error notice if the Filter finds a problem, otherwise it simply accepts it. Learn more about the hows and the whys here. </p> </div> </div>	Usul in the Snow Fonts: Amandine, 04b_03 Compatible: <style> body { background-image: url("https://www.sunnyneo.com/petpage/PP_snowusul_bg.jpg"); background-repeat: repeat-x; background-attachment: fixed; background-position: bottom left; background-color: #8BB5A8; } #tekst { padding: 5px; padding-top: 263px; border: 1px solid #6AA083; background: #FFFFFF; margin-top: 50px; width: 446px; left: 500px; font: 8pt "century gothic"; letter-spacing: 0.5; } #side { padding: 5px; border: 1px solid #6AA083; left: 275px; width: 200px; top: 200px; background: #FFFFFF; font: 8pt "century gothic"; letter-spacing: 0.5; } a:link, a:visited { text-decoration: none; color: #CA8A4D; font-weight: bold; } a:hover { text-decoration: none; color: #BA7141; font-weight: bold; } .smallfont { font: 6pt arial; text-transform: uppercase; color: #B8D5B7; text-decoration: none; } h1 { color: #879877; font: 14pt georgia; font-style: italic; font-weight: bold; margin-top: 0px; margin-bottom: 3px; background: none; border-bottom: 1px dotted #BADABA; } #side h1 { background: #BEDDBF; font: 8pt georgia; font-weight: normal; border-bottom: 1px solid #8CC08E; border-top: 1px solid #8CC08E; padding: 3px; text-align: justify; } #nav { margin-top: -45px; width: 446px; text-align: center; height: 29px; overflow: hidden; top: 303px; left: 505px; } #nav a { display: block; height: 25px; float: left; } .n1 { background: url("https://www.sunnyneo.com/petpage/PP_snowusul_n1.jpg"); width: 53px; } .n2 { background: url("https://www.sunnyneo.com/petpage/PP_snowusul_n2.jpg"); width: 60px; } .n3 { background: url("https://www.sunnyneo.com/petpage/PP_snowusul_n3.jpg"); width: 40px; } .n4 { background: url("https://www.sunnyneo.com/petpage/PP_snowusul_n4.jpg"); width: 50px; } .n5 { background: url("https://www.sunnyneo.com/petpage/PP_snowusul_n5.jpg"); width: 39px; } .n6 { background: url("https://www.sunnyneo.com/petpage/PP_snowusul_n6.jpg"); width: 71px; } .n7 { background: url("https://www.sunnyneo.com/petpage/PP_snowusul_n7.jpg"); width: 36px; } .n8 { background: url("https://www.sunnyneo.com/petpage/PP_snowusul_n8.jpg"); width: 34px; } .n9 { background: url("https://www.sunnyneo.com/petpage/PP_snowusul_n9.jpg"); width: 58px; } #nav img { border: 0px; margin-left: -2px; margin-right: -2px; } b { color: #6FB060; font-weight: bold; } i { color: #CA8A4D; } u { color: #E1A148; } a:link, a:visited { color: #AED2AB; font-weight: bold; text-decoration: none; } a:hover { color: #C8E7CD; font-weight: bold; text-decoration: none; } table { background: none; } table a img, center p { height: 0px; width: 0px; overflow: hidden; } #pic { background: url("https://www.sunnyneo.com/petpage/PP_snowusul_top.jpg"); height: 238px; width: 446px; top: 65px; left: 505px; z-index: -1; } </style> <div id="pic" style="position: absolute;"></div> <div id="nav" class="nav" style="position: absolute;"> <a href="/myaccount.phtml" class="n1"></a> <a href="/customise/" class="n2"></a> <a href="/games/arcade.phtml" class="n3"></a> <a href="/explore.phtml" class="n4"></a> <a href="/nf.phtml" class="n5"></a> <a href="/community" class="n6"></a> <a href="/objects.phtml" class="n7"></a> <a href="/mall/index.phtml" class="n8"></a> <a href="https://nc.neopets.com/membership" class="n9"></a> </div> <div id="tekst" style="position: absolute; z-index: -2;"> <p> </p> <h1>header</h1> <b>Bold</b>, <i>Italic</i>, Underlined, <a href="/~TheSunnyNeo">Linked</a>.<br><br> Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. <br><br><h1>header</h1> Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. <br><br><h1>header</h1> Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. <br><br> </div> <div id="side" style="position: absolute;" align="justify"> <h1>header</h1> Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. <br><br><h1>header</h1> Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. </div>
Winter Scene Fonts: Century Gothic Compatible: <style> body { background-image: url("https://www.snimg.co/petpage/PP_winterscene_bg.jpg"); } #juji { background-image: url("https://www.snimg.co/petpage/PP_winterscene_bg1.png"); background-repeat:repeat-y; width: 700%; height: 100%; display:block; z-index:-10; } #pup { background-image: url("https://www.snimg.co/petpage/PP_winterscene_img.jpg"); width: 700px; height: 530px; display:block; top:0px; left:0px; } #sunny { top:520px; left:60px; width: 600px; } table a img, center p { height: 0px; width: 0px; overflow: hidden; } h1 { font-family:Century Gothic; font-size:25px; color:#285e7e; border-bottom:1px solid #97c7c3; } #bee { color:#34383c; } b {font: 11px arial;color: #194863;font-weight:bold;text-transform:uppercase;} i {color:#326ca5;} #under {color:#5b9793;text-decoration:underline;} a, a:link, a:visited {font: 14px century gothic;color: #78789e;text-transform:lowercase;} a b:hover, a:hover {text-transform:uppercase;color:#5f6079;} </style> <div id="juji" style="position:fixed;"> </div> <div id="pup"> </div> <div id="sunny" style="position:absolute;"> <center> <a href="https://www.neopets.com/home/">neopets</a> \|\| <a href="https://www.neopets.com/guilds/index.phtml">guild</a> \|\| <a href="https://images.neopets.com/themes/011_alc_c1d1c/navigation/explore.png">explore</a> \|\| <a href="https://www.neopets.com/nf.phtml">news</a> </center> <h1>Council Chat</h1> <img src="https://www.snimg.co/fakeavys/AV_chiawind.gif" style="float:left;padding:4px;"><br> <font id="bee">Council 1:</font> Hi! Welcome to the guild webbie! Please enjoy! <br><br><br><br> <img src="https://www.snimg.co/fakeavys/AV_snowhugs.gif" style="float:left;padding:4px;"><br> <font id="bee">Council 2:</font> If you need anything, please feel free to reach out to me! <br><br> <h1>Welcome</h1> <img src="https://www.snimg.co/guild/GL_winterscene_logo.png" style="float:left;padding:4px;"> You could take this page and use it on multiple petpages for a full webbie for the guild. Just be sure to add links to each petpage at the top. Like the layout, but don't want to use as a guild webbie? No problem! Use this petpage for whatever you need. <i>italics</i> <font id="under">underline</font> <b>bold</b> Text in here. Just keep it going. More and more here. Hope this turns out lovely. Text in here. Just keep it going. More and more here. Hope this turns out lovely. Text in here. Just keep it going. More and more here. Hope this turns out lovely. Text in here. Just keep it going. More and more here. Hope this turns out lovely. Text in here. Just keep it going. More and more here. Hope this turns out lovely. Text in here. Just keep it going. More and more here. Hope this turns out lovely. Text in here. Just keep it going. More and more here. Hope this turns out lovely. Text in here. Just keep it going. More and more here. Hope this turns out lovely. Text in here. Just keep it going. More and more here. Hope this turns out lovely. Text in here. Just keep it going. More and more here. Hope this turns out lovely. Text in here. Just keep it going. More and more here. Hope this turns out lovely. Text in here. Just keep it going. More and more here. Hope this turns out lovely. Text in here. Just keep it going. More and more here. Hope this turns out lovely. Text in here. Just keep it going. More and more here. Hope this turns out lovely. Text in here. Just keep it going. More and more here. Hope this turns out lovely. <br><br> </div>

Winter Graphics

SunnyNeo

Quick Links

Search SunnyNeo!

Get Instant News!