Header and Footer Sets

What are they?
You know how on Neopets you can unlock different site themes that will adjust the look and feel of the pages that you browse? On adjustable pages, like userlookups, shops, galleries and petlookups you can actually add in your own headers and footer to make the pages look exactly the way you want them to. The codes also include CSS colouring, so that all the module headers and text links match to the images and theme.


How does it work?
Copy the whole code from the text area and paste it in the area that you want it to be at. For userlookups, put the code in the 'About Me' box at Userinfo. For shops, put it in your Shop Description. For galleries, put the code in your Gallery Description. For petlookups put it in your Pet Description.


Note: the headers and footers below are resized for displaying purposes. If you want to see them fullsize with CSS colour coding, click on one of the example links for userlookup, shop, gallery or petlookup.


Total Number of Header Footer sets: 23
Last Updated: November 01, 2015

Altador <style> #header { background: url("https://www.sunnyneo.com/headerfooter/HF_Altador_Head.jpg") left bottom; height: 91px !important; border:none; } #footer { background: url("https://www.sunnyneo.com/headerfooter/HF_Altador_Foot.jpg"); } .footerNifty { height:0px; } #nst { font-size: 6pt; } #ban{background:url("https://www.sunnyneo.com/headerfooter/HF_Altador_Head.jpg");border:none;} ul.dropdown { border: 1px solid #BB793D; background-color: #F2DEC6; } .contentModuleHeaderAlt, .contentModuleHeader, .sidebarHeader {background:#FBEA78} .user {color:#B2461F} #main a, a b, #main a:visited { color: #DF7836; } #main a:hover, a:hover b { color: #C7D65F; } </style> Examples: Lookup - Shop - Gallery - Petlookup

Awakened <style> #header { background: url("https://www.sunnyneo.com/headerfooter/HF_Awakened_Head.gif") left bottom; height: 91px !important; border:none; } #footer { background: url("https://www.sunnyneo.com/headerfooter/HF_Awakened_Foot.gif"); } .footerNifty { height:0px; } #nst { font-size: 6pt; } #ban{background:url("https://www.sunnyneo.com/headerfooter/HF_Awakened_Head.gif");border:none;} ul.dropdown { border: 1px solid #BB793D; background-color: #F2DEC6; } .contentModuleHeaderAlt, .contentModuleHeader, .sidebarHeader {background:#241c0e} .user {color:#bdae89} #main a, a b, #main a:visited { color: #bdae89; } #main a:hover, a:hover b { color: #d4cdb8; } </style> Examples: Lookup - Shop - Gallery - Petlookup

Brightvale <style> #header { background: url("https://www.sunnyneo.com/headerfooter/HF_Brightvale_Head.jpg") left bottom; height: 91px !important; border:none; } #footer { background: url("https://www.sunnyneo.com/headerfooter/HF_Brightvale_Foot.jpg"); } .footerNifty { height:0px; } #nst { font-size: 6pt; } #ban{background:url("https://www.sunnyneo.com/headerfooter/HF_Brightvale_Head.jpg");border:none;} ul.dropdown { border: 1px solid #BB793D; background-color: #F2DEC6; } .contentModuleHeaderAlt, .contentModuleHeader, .sidebarHeader {background:#81BD4B} .user {color:#E4B811} #main a, a b, #main a:visited { color: #81BD4B; } #main a:hover, a:hover b { color: #32C0C2; } </style> Examples: Lookup - Shop - Gallery - Petlookup

Darigan Citadel <style> #header { background: url("https://www.sunnyneo.com/headerfooter/HF_Darigan_Head.jpg") left bottom; height: 91px !important; border:none; } #footer { background: url("https://www.sunnyneo.com/headerfooter/HF_Darigan_Foot.jpg"); } .footerNifty { height:0px; } #nst { font-size: 6pt; } #ban{background:url("https://www.sunnyneo.com/headerfooter/HF_Darigan_Head.jpg");border:none;} ul.dropdown { border: 1px solid #BB793D; background-color: #F2DEC6; } .contentModuleHeaderAlt, .contentModuleHeader, .sidebarHeader {background:#90170F} .user {color:#E4B811} #main a, a b, #main a:visited { color: #D4201F; } #main a:hover, a:hover b { color: #9E7B99; } </style> Examples: Lookup - Shop - Gallery - Petlookup

Deserted Fairground <style> #header { background: url("https://www.sunnyneo.com/headerfooter/HF_Fairground_Head.jpg") left bottom; height: 91px !important; border:none; } #footer { background: url("https://www.sunnyneo.com/headerfooter/HF_Fairground_Foot.jpg"); } .footerNifty { height:0px; } #nst { font-size: 6pt; } #ban{background:url("https://www.sunnyneo.com/headerfooter/HF_Fairground_Head.jpg");border:none;} ul.dropdown { border: 1px solid #BB793D; background-color: #F2DEC6; } .contentModuleHeaderAlt, .contentModuleHeader, .sidebarHeader {background:#42356D} .user {color:#E6C5CC} #main a, a b, #main a:visited { color: #960100; } #main a:hover, a:hover b { color: #1F2A93; } </style> Examples: Lookup - Shop - Gallery - Petlookup

Faerieland <style> #header { background: url("https://www.sunnyneo.com/headerfooter/HF_Faerieland_Head.jpg") left bottom; height: 91px !important; border:none; } #footer { background: url("https://www.sunnyneo.com/headerfooter/HF_Faerieland_Foot.jpg"); } .footerNifty { height:0px; } #nst { font-size: 6pt; } #ban{background:url("https://www.sunnyneo.com/headerfooter/HF_Faerieland_Head.jpg");border:none;} ul.dropdown { border: 1px solid #BB793D; background-color: #F2DEC6; } .contentModuleHeaderAlt, .contentModuleHeader, .sidebarHeader {background:#E89DF0} .user {color:#740B50} #main a, a b, #main a:visited { color: #AC0D81; } #main a:hover, a:hover b { color: #EB68EC; } </style> Examples: Lookup - Shop - Gallery - Petlookup

Haunted Woods <style> #header { background: url("https://www.sunnyneo.com/headerfooter/HF_HauntedWoods_Head.jpg") left bottom; height: 91px !important; border:none; } #footer { background: url("https://www.sunnyneo.com/headerfooter/HF_HauntedWoods_Foot.jpg"); } .footerNifty { height:0px; } #nst { font-size: 6pt; } #ban{background:url("https://www.sunnyneo.com/headerfooter/HF_HauntedWoods_Head.jpg");border:none;} ul.dropdown { border: 1px solid #BB793D; background-color: #F2DEC6; } .contentModuleHeaderAlt, .contentModuleHeader, .sidebarHeader {background:#5E848D} .user {color:#354555} #main a, a b, #main a:visited { color: #426068; } #main a:hover, a:hover b { color: #48b29e; } </style> Examples: Lookup - Shop - Gallery - Petlookup

Krawk Island <style> #header { background: url("https://www.sunnyneo.com/headerfooter/HF_KrawkIsland_Head.jpg") left bottom; height: 91px !important; border:none; } #footer { background: url("https://www.sunnyneo.com/headerfooter/HF_KrawkIsland_Foot.jpg"); } .footerNifty { height:0px; } #nst { font-size: 6pt; } #ban{background:url("https://www.sunnyneo.com/headerfooter/HF_KrawkIsland_Head.jpg");border:none;} ul.dropdown { border: 1px solid #BB793D; background-color: #F2DEC6; } .contentModuleHeaderAlt, .contentModuleHeader, .sidebarHeader {background:#215D91} .user {color:#B5DD6D} #main a, a b, #main a:visited { color: #68A03F; } #main a:hover, a:hover b { color: #40D4D4; } </style> Examples: Lookup - Shop - Gallery - Petlookup

Kreludor <style> #header { background: url("https://www.sunnyneo.com/headerfooter/HF_Kreludor_Head.jpg") left bottom; height: 91px !important; border:none; } #footer { background: url("https://www.sunnyneo.com/headerfooter/HF_Kreludor_Foot.jpg"); } .footerNifty { height:0px; } #nst { font-size: 6pt; } #ban{background:url("https://www.sunnyneo.com/headerfooter/HF_Kreludor_Head.jpg");border:none;} ul.dropdown { border: 1px solid #BB793D; background-color: #F2DEC6; } .contentModuleHeaderAlt, .contentModuleHeader, .sidebarHeader {background:#215D91} .user {color:#CD6469} #main a, a b, #main a:visited { color: #A55BEA; } #main a:hover, a:hover b { color: #1A9239; } </style> Examples: Lookup - Shop - Gallery - Petlookup

Lost Desert <style> #header { background: url("https://www.sunnyneo.com/headerfooter/HF_LostDesert_Head.jpg") left bottom; height: 91px !important; border:none; } #footer { background: url("https://www.sunnyneo.com/headerfooter/HF_LostDesert_Foot.jpg"); } .footerNifty { height:0px; } #nst { font-size: 6pt; } #ban{background:url("https://www.sunnyneo.com/headerfooter/HF_LostDesert_Head.jpg");border:none;} ul.dropdown { border: 1px solid #BB793D; background-color: #F2DEC6; } .contentModuleHeaderAlt, .contentModuleHeader, .sidebarHeader {background:#F2DEC6} .user {color:#FFC62E} #main a, a b, #main a:visited { color: #D9A085; } #main a:hover, a:hover b { color: #E4CA51; } </style> Examples: Lookup - Shop - Gallery - Petlookup

Maraqua <style> #header { background: url("https://www.sunnyneo.com/headerfooter/HF_Maraqua_Head.jpg") left bottom; height: 91px !important; border:none; } #footer { background: url("https://www.sunnyneo.com/headerfooter/HF_Maraqua_Foot.jpg"); } .footerNifty { height:0px; } #nst { font-size: 6pt; } #ban{background:url("https://www.sunnyneo.com/headerfooter/HF_Maraqua_Head.jpg");border:none;} ul.dropdown { border: 1px solid #BB793D; background-color: #F2DEC6; } .contentModuleHeaderAlt, .contentModuleHeader, .sidebarHeader {background:#605EE5} .user {color:#85346e} #main a, a b, #main a:visited { color: #42136f; } #main a:hover, a:hover b { color: #C96BCB; } </style> Examples: Lookup - Shop - Gallery - Petlookup

Meridell <style> #header { background: url("https://www.sunnyneo.com/headerfooter/HF_Meridell_Head.jpg") left bottom; height: 91px !important; border:none; } #footer { background: url("https://www.sunnyneo.com/headerfooter/HF_Meridell_Foot.jpg"); } .footerNifty { height:0px; } #nst { font-size: 6pt; } #ban{background:url("https://www.sunnyneo.com/headerfooter/HF_Meridell_Head.jpg");border:none;} ul.dropdown { border: 1px solid #BB793D; background-color: #F2DEC6; } .contentModuleHeaderAlt, .contentModuleHeader, .sidebarHeader {background:#9ADAF6} .user {color:#F70000} #main a, a b, #main a:visited { color: #0205C6; } #main a:hover, a:hover b { color: #EECA04; } </style> Examples: Lookup - Shop - Gallery - Petlookup

Moltara <style> #header { background: url("https://www.sunnyneo.com/headerfooter/HF_Moltara_Head.jpg") left bottom; height: 91px !important; border:none; } #footer { background: url("https://www.sunnyneo.com/headerfooter/HF_Moltara_Foot.jpg"); } .footerNifty { height:0px; } #nst { font-size: 6pt; } #ban{background:url("https://www.sunnyneo.com/headerfooter/HF_Moltara_Head.jpg");border:none;} ul.dropdown { border: 1px solid #BB793D; background-color: #F2DEC6; } .contentModuleHeaderAlt, .contentModuleHeader, .sidebarHeader {background:#5E4A3F} .user {color:#D23512} #main a, a b, #main a:visited { color: #D86D20; } #main a:hover, a:hover b { color: #EECA04; } </style> Examples: Lookup - Shop - Gallery - Petlookup

Mystery Island <style> #header { background: url("https://www.sunnyneo.com/headerfooter/HF_MysteryIsland_Head.jpg") left bottom; height: 91px !important; border:none; } #footer { background: url("https://www.sunnyneo.com/headerfooter/HF_MysteryIsland_Foot.jpg"); } .footerNifty { height:0px; } #nst { font-size: 6pt; } #ban{background:url("https://www.sunnyneo.com/headerfooter/HF_MysteryIsland_Head.jpg");border:none;} ul.dropdown { border: 1px solid #BB793D; background-color: #F2DEC6; } .contentModuleHeaderAlt, .contentModuleHeader, .sidebarHeader {background:#3975B4} .user {color:#50C407} #main a, a b, #main a:visited { color: #D79A47; } #main a:hover, a:hover b { color: #5DACFC; } </style> Examples: Lookup - Shop - Gallery - Petlookup

Neopia Central <style> #header { background: url("https://www.sunnyneo.com/headerfooter/HF_Neopia_Head.jpg") left bottom; height: 91px !important; border:none; } #footer { background: url("https://www.sunnyneo.com/headerfooter/HF_Neopia_Foot.jpg"); } .footerNifty { height:0px; } #nst { font-size: 6pt; } #ban{background:url("https://www.sunnyneo.com/headerfooter/HF_Neopia_Head.jpg");border:none;} ul.dropdown { border: 1px solid #BB793D; background-color: #F2DEC6; } .contentModuleHeaderAlt, .contentModuleHeader, .sidebarHeader {background:#ABD184} .user {color:#80BDED} #main a, a b, #main a:visited { color: #326018; } #main a:hover, a:hover b { color: #E0B835; } </style> Examples: Lookup - Shop - Gallery - Petlookup

Plushie Tonu <style> .user { display: none; } #header { background: url("https://www.sunnyneo.com/headerfooter/HF_TonuPlushie_Head.jpg") left bottom; height: 91px !important; border:none; } #footer { background: url("https://www.sunnyneo.com/headerfooter/HF_TonuPlushie_FOOT.jpg"); } .footerNifty { height:0px; } #nst { font-size: 6pt; } #ban{background:url("https://www.sunnyneo.com/headerfooter/HF_TonuPlushie_Head.jpg");border:none;} ul.dropdown { border: 1px solid #000000; background-color: #2d73ac; } .contentModuleHeaderAlt, .contentModuleHeader, .sidebarHeader {background:#784a8b} #main a, a b, #main a:visited { color: #8dc97d; } #main a:hover, a:hover b { color: #579540; } </style> Examples: Lookup - Shop - Gallery - Petlookup

Roo Island <style> #header { background: url("https://www.sunnyneo.com/headerfooter/HF_RooIsland_Head.jpg") left bottom; height: 91px !important; border:none; } #footer { background: url("https://www.sunnyneo.com/headerfooter/HF_RooIsland_Foot.jpg"); } .footerNifty { height:0px; } #nst { font-size: 6pt; } #ban{background:url("https://www.sunnyneo.com/headerfooter/HF_RooIsland_Head.jpg");border:none;} ul.dropdown { border: 1px solid #BB793D; background-color: #F2DEC6; } .contentModuleHeaderAlt, .contentModuleHeader, .sidebarHeader {background:#F1EB8B} .user {color:#50CDE9} #main a, a b, #main a:visited { color: #FC8B6F; } #main a:hover, a:hover b { color: #E0B835; } </style> Examples: Lookup - Shop - Gallery - Petlookup

Seekers <style> #header { background: url("https://www.sunnyneo.com/headerfooter/HF_Seekers_Head.jpg") left bottom; height: 91px !important; border:none; } #footer { background: url("https://www.sunnyneo.com/headerfooter/HF_Seekers_Foot.jpg"); } .footerNifty { height:0px; } #nst { font-size: 6pt; } #ban{background:url("https://www.sunnyneo.com/headerfooter/HF_Seekers_Head.jpg");border:none;} ul.dropdown { border: 1px solid #BB793D; background-color: #F2DEC6; } .contentModuleHeaderAlt, .contentModuleHeader, .sidebarHeader {background:#241c0e} .user {color:#bdae89} #main a, a b, #main a:visited { color: #bdae89; } #main a:hover, a:hover b { color: #d4cdb8; } </style> Examples: Lookup - Shop - Gallery - Petlookup

Shenkuu <style> #header { background: url("https://www.sunnyneo.com/headerfooter/HF_Shenkuu_Head.jpg") left bottom; height: 91px !important; border:none; } #footer { background: url("https://www.sunnyneo.com/headerfooter/HF_Shenkuu_Foot.jpg"); } .footerNifty { height:0px; } #nst { font-size: 6pt; } #ban{background:url("https://www.sunnyneo.com/headerfooter/HF_Shenkuu_Head.jpg");border:none;} ul.dropdown { border: 1px solid #BB793D; background-color: #F2DEC6; } .contentModuleHeaderAlt, .contentModuleHeader, .sidebarHeader {background:#F2BFC9} .user {color:#E1B1B1} #main a, a b, #main a:visited { color: #E00804; } #main a:hover, a:hover b { color: #CE9BD6; } </style> Examples: Lookup - Shop - Gallery - Petlookup

Terror Mountain <style> #header { background: url("https://www.sunnyneo.com/headerfooter/HF_TerrorMountain_Head.jpg") left bottom; height: 91px !important; border:none; } #footer { background: url("https://www.sunnyneo.com/headerfooter/HF_TerrorMountain_Foot.jpg"); } .footerNifty { height:0px; } #nst { font-size: 6pt; } #ban{background:url("https://www.sunnyneo.com/headerfooter/HF_TerrorMountain_Head.jpg");border:none;} ul.dropdown { border: 1px solid #BB793D; background-color: #F2DEC6; } .contentModuleHeaderAlt, .contentModuleHeader, .sidebarHeader {background:#3359A5} .user {color:#60B0B9} #main a, a b, #main a:visited { color: #179DD6; } #main a:hover, a:hover b { color: #9AE3ED; } </style> Examples: Lookup - Shop - Gallery - Petlookup

The Sway <style> #header { background: url("https://www.sunnyneo.com/headerfooter/HF_Sway_Head.jpg") left bottom; height: 91px !important; border:none; } #footer { background: url("https://www.sunnyneo.com/headerfooter/HF_Sway_Foot.jpg"); } .footerNifty { height:0px; } #nst { font-size: 6pt; } #ban{background:url("https://www.sunnyneo.com/headerfooter/HF_Sway_Head.jpg");border:none;} ul.dropdown { border: 1px solid #BB793D; background-color: #F2DEC6; } .contentModuleHeaderAlt, .contentModuleHeader, .sidebarHeader {background:#241c0e} .user {color:#bdae89} #main a, a b, #main a:visited { color: #bdae89; } #main a:hover, a:hover b { color: #d4cdb8; } </style> Examples: Lookup - Shop - Gallery - Petlookup

The World Below <style> #header { background: url("https://www.sunnyneo.com/headerfooter/HF_World_Head.jpg") left bottom; height: 91px !important; border:none; } #footer { background: url("https://www.sunnyneo.com/headerfooter/HF_World_Foot.jpg"); } .footerNifty { height:0px; } #nst { font-size: 6pt; } #ban{background:url("https://www.sunnyneo.com/headerfooter/HF_World_Head.jpg");border:none;} ul.dropdown { border: 1px solid #BB793D; background-color: #F2DEC6; } .contentModuleHeaderAlt, .contentModuleHeader, .sidebarHeader {background:#613664} .user {color:#D65169} #main a, a b, #main a:visited { color: #A0B75F; } #main a:hover, a:hover b { color: #D6D94E; } </style> Examples: Lookup - Shop - Gallery - Petlookup

Virtupets <style> #header { background: url("https://www.sunnyneo.com/headerfooter/HF_Virtupets_Head.jpg") left bottom; height: 91px !important; border:none; } #footer { background: url("https://www.sunnyneo.com/headerfooter/HF_Virtupets_Foot.jpg"); } .footerNifty { height:0px; } #nst { font-size: 6pt; } #ban{background:url("https://www.sunnyneo.com/headerfooter/HF_Virtupets_Head.jpg");border:none;} ul.dropdown { border: 1px solid #BB793D; background-color: #F2DEC6; } .contentModuleHeaderAlt, .contentModuleHeader, .sidebarHeader {background:#84D6C3} .user {color:#DADADC} #main a, a b, #main a:visited { color: #3ca0d1; } #main a:hover, a:hover b { color: #85D6CF; } </style> Examples: Lookup - Shop - Gallery - Petlookup