.sf, td { display: none; } body { background-color: #FFA4CF; } h1 { font: 30px century gothic; font-weight: bold; color: #D90065; text-align: right; text-transform: lowercase; background-color: #FFBCDB; letter-spacing: 1px; padding: 5px; margin-bottom: 0px; border-bottom: 6px solid #FF58A6; } h2 { font: 20px century gothic; font-weight: bold; color: #FF58A6; text-align: center; text-transform: uppercase; background-color: #D90065; letter-spacing: -2px; padding: 2px; margin-bottom: 20px; } h3 { font: 15px arial; color: #A2004B; text-align: left; letter-spacing: 3px; padding: 1px; margin-bottom: 5px; border-bottom: 3px solid #FEAFD4; } h4 { font: 15px arial; color: #A2004B; text-align: right; background-color: #FF58A6; border-bottom: 2px solid #A2004B; } b { font: 10px tahoma; color: #D90065; font-weight: bold; } i { font: 10px tahoma; font-style: italic; background-color: #DE0068; } u { font: 10px tahoma; text-design: underline; color: #DE0068; } a:link, a:active, a:visited { color: #D90065; text-decoration: none; } a:hover { color: #FED9EA; } a.n:link, a.n:active, a.n:visited { font: 10px tahoma; font-weight: bold; color: #FFF; text-align: center; text-transform: lowercase; background-color: #BA0057; padding: 5px; margin: 0px; display: block; } a.n:hover { font: 10px tahoma; font-weight: bold; color: #BA0057; text-align: center; text-transform: lowercase; background-color: #FFF; padding: 5px; margin: 0px; display: block; } #left { width: 200px; height: overflow; font: 11px tahoma; color: #FFF; background-color: #FF58A6; padding: 5px; margin: 0px; margin-bottom: 20px; border: 3px solid; border-color: #FE75B5; position: absolute; left: 0px; top: 100px; } #middle { width: 400px; height: overflow; font: 11px tahoma; color: #FFF; background-color: #FE75B5; padding: 5px; margin: 0px; margin-bottom: 20px; border: 3px solid; border-color: #FF58A6; position: absolute; left: 210px; top: 100px; } #right { width: 200px; height: overflow; font: 11px tahoma; color: #FFF; background-color: #FF58A6; padding: 5px; margin: 0px; margin-bottom: 20px; border: 3px solid; border-color: #FE75B5; position: absolute; left: 640px; top: 100px; } .extra { width: 190px; height: 190px; overflow: auto; font: 10px tahoma; color: #FF58A6; background-color: #FFF; padding: 3px; border: 3px solid #FF81BC; } #banner { position: absolute; top: 2px; left: 25px; } />

nav

Account Pet Central Explore Games Boards Shops News Video NC Mall

Page Nav

Style One Style Two

Cottoncandy Premades

V. Pink

Hello, and welcome to Cottoncandy Premades, also known as CCP! I'm your host, Kara. You're free to use these premades however you want, as long as you follow the rules. And don't forget that this is still a new site, so there isn't much content.

Rules

1: Keep the credit on! I don't care if you move it, exchange it with a button, or change the wording. As long as there's proper credit given for the coding.
2: Don't redistribute these. They're for your use only. So don't make your own premades out of them or anything.
3: You can change the code however the heck you want. But keep the credit on, no matter how much you edit it.

Changing Colours

In order to change the colours of the layout, all you have to do is find something that looks like this: '#------' in the CSS. Then change whatever's after the # sign with a hex code. You can use Google to find a list of them.

Style One

Three columns, with a scrolling box. Four headers provided. Please note that the 'Save Changes' button is located on top of the columns. I don't know how to fix that.

Style Two

Style Two is a two-column layout, with two boxes for content. It has a right-sidebar that includes neo-navigation and a scroll box.




NEOPETS, characters, logos, names and all related indicia
are trademarks of Neopets, Inc., © 1999-2012.
® denotes Reg. US Pat. & TM Office. All rights reserved.

PRIVACY POLICY | Safety Tips | Contact Us | About Us | Press Kit
Use of this site signifies your acceptance of the Terms and Conditions