css premades by koko!*

welcome;

Hello, guest, and welcome to Premades by Koko~ a site started on January 11, 2008. My name is Koko, and I am proud to own this premades page.I have created for you a variety of userlookups, pet lookups, petpages, and shop/gallery layouts! You're more than welcome to use one of my premade layouts.

rules.
If you choose to use a layout that I made, you MUST credit me. I repeat, you must credit me in some way. The credits don't have to be in the exact form as in the layouts. Instead of CSS from Premades by Koko, for example, you could just write "CSS" and link to this page. You can also link to my userlookup, if you wish to, but I would prefer that you link to this page.

So now that we've gone through the rules, feel free to take a look around. :)

updates;

Premades by koko is on hiatus~ sorry for the inconvenience, but I'm really busy. I'll get back to this site soon enough.

5/1/09: Sorry for the delay in updates and the short time my site wasn't available. My friend lent me their av pet and I had to switch Khrishy to another account. Thanks for your understanding! :D IMPORTANT: If you are an affliate to Premades by Koko and your button isn't on my page, please notify me immediately. Some of them might be missing for some reason or another. :/ Thanks again.

4/1/09: APRIL FOOLS! +2 affliates ;)

3/28/09: 2 new affliates!!!

3/21/09: +5 new affliates. sorry guys if i'm not on a lot. D: I'm really busy these days, and I might take a while to reply back to affliate requests.

3/11/09: Affliate #30~ Lovebird :D 3/6/09: New affliates;

2/25/09: Three new affliates:)

2/2/09: New layout. The simpler, the better!
I also deleted style one and replaced it with a brand new style!
Also, 1 new affie, #22! ^^

2/1/09: 2 affies c:

1/26/09: +2 new affies! Summer's premades and Amber's CSS. c;

1/25/09: Affiesaffiesaffies!

1/23/09: A luffly new affliate!

1/20/09: New affliates! Oh, and happy inauguration day! ;o

1/18/09: +3 new affliates, The Daily Click, Status: UFT and Ohemgee! Check them out~ :*

1/14/09: Two whole new styles! Check out Style Four and Style Five! Also, there are some new colors for an awesome friend of mine! :) Annd I edited style two a little bit. The whole thing should look more organized now.

1/12/09: 2 new affies ;D

navigate;

• userlookups • petlookups • pet pages • shop/gallery • edit my code

• contact me • my lookup

link me;

affliates;

everlights premades

There is nothing like a {Tuesday Morning} Button!

Affliate count: 51

apply here!
88x31 buttons are GREATLY appreciated ;)

PBK is listed in:

userlookups

style one;

^ top

preview;

purple:

blue:

orange:

green:

navy blue & grey:

more coming soon.

style two;

^ top

preview;

green & purple:

#header,#footer,hr{display:none;}
.content div a img,.content div b{display:none;}
.contentModule div a img, .contentModule div b{display:inline;}
.contentModuleHeader,.contentModuleHeaderAlt{font:5pt small fonts;color:#fff;background:#8444D4;border-top:5px solid #98F895;border-bottom:5px solid #C4FFA3;text-transform:uppercase;line-height:5px;text-align:center;}
.contentModuleTable{border:3px solid #8444D4;border-top:none;border-bottom:none;}
.contentModuleContent,.contentModule{border:none;}
#main{background:none;border:none;}
body{background:#B97FF8;}
#usershop,#userneohome{display:none;}
#content{width:500px;border:none;background:none;}
#userinfo .contentModuleTable{position:absolute;top:0px;left:50px;width:350px;height:300px;}
#usercollections .contentModuleTable{position:absolute;top:300px;left:50px;width:350px;height:342px;}
#userneopets .contentModuleTable{position:absolute;top:572px;left:50px;width:350px;height:200px;}
#userneopets img{width:75px;height:75px;}
#usertrophies .contentModuleTable{position:absolute;top:772px;left:50px;width:350px;}
#usertrophies img{width:50px;height:50px;}
a.nav:link,a.nav:visited{display:block;width:40px;height:40px;background:#8444D4;font:20pt century gothic;color:#fff;text-align:center;position:absolute;top:20px;left:5px;}
a.nav2:link,a.nav2:visited{display:block;width:40px;height:40px;background:#8876E4;font:20pt century gothic;color:#fff;text-align:center;position:absolute;top:60px;left:5px;}
a.nav3:link,a.nav3:visited{display:block;width:40px;height:40px;background:#98F895;font:20pt century gothic;color:#fff;text-align:center;position:absolute;top:100px;left:5px;}
a.nav4:link,a.nav4:visited{display:block;width:40px;height:40px;background:#C4FFA3;font:20pt century gothic;color:#fff;text-align:center;position:absolute;top:140px;left:5px;}
a.nav:hover,a.nav2:hover,a.nav3:hover,a.nav4:hover{background:#B97FF8;}
body,td,p,div,.medText{font:5pt small fonts;font-weight:normal;text-transform:uppercase;}
a:hover img{cursor:crosshair;border-bottom:5px solid #98F895;}
a:link,a:visited,a b,a{color:#8444D4;}
a:hover,a:active,a:hover b{color:#8876E4;cursor:crosshair;}
</style />
<a href=/explore.phtml class=nav>1</a><a href=/games/arcade.phtml class=nav2>2</a><a href=/objects.phtml class=nav3>3</a></div><a href=/~khrishy class=nav4>4</a>

pink & blue:

black & red:

blue, orange & yellow:

brown & blue:

purple & blue:

pink, purple & blue:

green & blue:

rainbow:

red, green & blue:

orange, red & green:

style three;

^ top

preview;

blue, yellow & pink:

turquoise:

grey & blue:

light brown & blue:

lime green:

pink, orange & brown:

purplish & blue:

green:

style four;

^ top

preview;

green:

grey:

lime green:

blue:

navy blue & grey:

red & pink:

style five;

^ top

preview;

pink:

blue & green:

blue & grey:

green, pink, & orange:

petlookups

colorful pet lookups;

^ top

preview;

blue & green:
-live preview-

brown, pink & peach:
-live preview-

.contentModuleHeader,.contentModuleHeaderAlt
{font:14pt century gothic;color:#FCA78B;text-transform:uppercase;letter-spacing:2px;background:#BA816E;padding:0px;border-bottom:8px double #FCA78B;}
.contentModuleTable{border:2px solid #FCA78B;border-left:2px solid #BA816E;border-right:2px solid #BA816E;}
.contentModuleContent,.contentModule{border:none;}
body,td,p,div,.medText{font:7pt tahoma;text-transform:lowercase;}
b,a:link,a:link,a:hover{text-transform:uppercase;color:#BA816E;}
a:link,a:visited{background:#FCD092;border:none;color:#BA816E;text-transform:uppercase;font-weight:bold;}
a:hover,a:active{background:#fff;}
a:hover img{border-bottom:4px dashed #FCA78B;}
</style />
<div align=center>
This is regular text. <b>This is bold text.</b> <a href="http://www.neopets.com">This is a link.</a> 
<br><br><a href=/~khrishy>get your own lookup here!</a>
<br><br>

brown & pink:
-live preview-

green:
-live preview-

grey, pink & green:
-live preview-

orange & brown:
-live preview-

orange & yellow:
-live preview-

pink:
-live preview-

pink, purple, & blue:
-live preview- no nav bars

purple, brown & blue:
-live preview-

rainbow:
-live preview-

rainbow 2:
-live preview-

simple pet lookups;

coming soon.

pet pages

style one;

^ top

preview;

-live preview-

dark blue & turquoise:

green & blue:

pink, orange & green:

blue-ish & purple:

pink & green:

shop & gallery

Note: I am aware that these did not work before. They should work perfectly fine now. Just copy the new code ^_^

style one;

^ top

preview;

greenish and pinkish:

more colors coming soon.

style two;

^ top

preview;

pink, blue, & green:

more colors coming soon.

editing the code

width;

Find this in any of my codes:

To make the width wider, change 500 to a larger number. I advise that you don't change it to a smaller number, because the whole lookup might look too skinny and ugly. ~.~

position;

Find this in any of my codes:

To change the position from the left, change 200 to any number. If you want to change the position to the right, change left to "right.

background;

Add this code anywhere between the style tags:

Just change
http://www.neopets.com
to the URL of your background image.

To change the background color, find this in any of my codes:

Just change #9ADE1B to another color.
For a list of hex color codes, go here.

images;

Find this in any of my codes:

Change # to any number.

Use: #usertrophies, #userneopets, #userneohome, or #usershop. Just make sure you don't forget the "img" part.

credits.
All CSS on this page made by me, Koko, chokato_cutie. Thanks tremendously to Kitty's Coding Help and Chap's Coding Reference! Definitely visit those sites for coding help, plus Amy's CSS Basics and Kaxian's HTML Guide. For colors, please visit Colourlovers (google it), or go here. Thanks Sam for the inspiration where my layout for this page come from (here)! Finally, thanks to all of you who are using my css. :D

Les caractères, logos et noms NEOPETS et toutes les appellations qui y sont liées
sont des marques déposées de Neopets, Inc., © 1999-2009.
® denotes Reg. US Pat. & TM Office. Tous droits réservés.
Politique de Confidentialité | Astuces Sécurité | Contactez-nous
A Propos de Neopets | Plaquette de Presse
Utiliser ce site implique que tu acceptes les Termes et Conditions