welcome, guest!

Welcome to Classique, a CSS site run by Kitty. I hope to produce lovely, fresh looking petpage and userlookups layouts. Feel free to look around and neomail me with any comments, questions, concerns, feedback, ideas. etc. you may have.

rules

1. Do not steal.

I'm not going to sit here and write a huge paragraph of rules and regulations that you have to go through and look for some key to get to my content because, well, let's be honest, all rules are the same. I'm just reminding you that stealing anyone's work is extremely disrespectful and low of anyone to do, and if you have any sort of morals you'd have the decency to know not to steal in the first place. I'm not trying to be rude, I'm just being honest.

updates

CSS

Color Palettes

petpages & userlookups

Note: be sure to change the ( and ) brackets to angle brackets.

To view the full preview, drag the image to the address bar. To copy the code, click inside the box and hit ctrl+a and then ctrl+c.

petpages

new petpages

  
<style> .sf, table { display: none; } body { background-color: #dddddd; } table, tr, td, .text, font, p, div, body, textarea, br, li, xmp { font: 9px verdana; color: #808080; } #container { overflow: hidden; margin: 5px; padding: 0px; background: transparent; border: none; height: 350px; width: 740px; } a:link, a:active, a:visited, a b { color: #37c283; text-decoration: none; } a.nav:link, a.nav:active, a.nav:visited { color: #87fbb6; padding: 10px; font-weight: bold; font: 30px georgia; background-color: #ffffff; } a.nav:hover { color: #ffffff; background-color: #87fbb6; } #overflow { padding: 8px; background: transparent; overflow: auto; width: 730px; height: 345px; } h1 { font: 24px georgia; color: #02cd79; } #main { width: 780px; } #left { width: 740px; padding: 20px; background: #fff; margin-top: 5px; text-align: center; } #right { width: 740px; height: 400px; padding: 20px; background: #fff; margin: 5px; text-align: justify; } </style> <center> <div id="main"> <img src="http://s3.amazonaws.com/data.tumblr.com/tumblr_lu0e6dqdEk1qgq36qo1_1280.png"><div id="left"> <a href="#home" class="nav">home</a>   <a href="#one" class="nav">page one</a>   <a href="#two" class="nav">page two</a>   <a href="#three" class="nav">page three</a>   <a href="#cred" class="nav">credit</a> </div> <div id="right"> <div id="container"> <div id="overflow"> <a name="home"><h1>home</h1></a> Bonjour mon ami je m'appelle Kitty. J'adore chocolat, livres et les feuilles de style en cascade. Mon auteur preféré est Stephen King, mon poéte preféré est Emily Dickinson. Ma couleur préférée est le violet. Mon artiste musical préféré est The Doors. J'adore gaspiller ma vie sur l'ordinateur et créant des layouts css. J'espère que je suis capable de garder mon site opérationnel. J'adore ce site beaucoup, je reviens toujours à elle. Je suis ont été sur ce site depuis que j'ai neuf ans. Je suis très amicale, n'hésitez pas à m'envoyer un NeoMail! </div> <div id="overflow"> <a name="one"><h1>page one</h1></a> Bonjour mon ami je m'appelle Kitty. J'adore chocolat, livres et les feuilles de style en cascade. Mon auteur preféré est Stephen King, mon poéte preféré est Emily Dickinson. Ma couleur préférée est le violet. Mon artiste musical préféré est The Doors. J'adore gaspiller ma vie sur l'ordinateur et créant des layouts css. J'espère que je suis capable de garder mon site opérationnel. J'adore ce site beaucoup, je reviens toujours à elle. Je suis ont été sur ce site depuis que j'ai neuf ans. Je suis très amicale, n'hésitez pas à m'envoyer un NeoMail! </div> <div id="overflow"> <a name="two"><h1>page two</h1></a> Bonjour mon ami je m'appelle Kitty. J'adore chocolat, livres et les feuilles de style en cascade. Mon auteur preféré est Stephen King, mon poéte preféré est Emily Dickinson. Ma couleur préférée est le violet. Mon artiste musical préféré est The Doors. J'adore gaspiller ma vie sur l'ordinateur et créant des layouts css. J'espère que je suis capable de garder mon site opérationnel. J'adore ce site beaucoup, je reviens toujours à elle. Je suis ont été sur ce site depuis que j'ai neuf ans. Je suis très amicale, n'hésitez pas à m'envoyer un NeoMail! </div> <div id="overflow"> <a name="three"><h1>page three</h1></a> Bonjour mon ami je m'appelle Kitty. J'adore chocolat, livres et les feuilles de style en cascade. Mon auteur preféré est Stephen King, mon poéte preféré est Emily Dickinson. Ma couleur préférée est le violet. Mon artiste musical préféré est The Doors. J'adore gaspiller ma vie sur l'ordinateur et créant des layouts css. J'espère que je suis capable de garder mon site opérationnel. J'adore ce site beaucoup, je reviens toujours à elle. Je suis ont été sur ce site depuis que j'ai neuf ans. Je suis très amicale, n'hésitez pas à m'envoyer un NeoMail! </div> <div id="overflow"> <a name="cred"><h1>credit</h1></a> Layout by <a href="/~jaicat">Classique</a>. </div> </div> </div> <img src="http://s3.amazonaws.com/data.tumblr.com/tumblr_lu0exubN4i1qgq36qo1_1280.png"> </div> </center>  <style> .sf, table { display: none; } body { background-color: #dddddd; } table, tr, td, .text, font, p, div, body, textarea, br, li, xmp { font: 9px verdana; color: #808080; } #container { overflow: hidden; margin: 5px; padding: 0px; background: transparent; border: none; height: 350px; width: 740px; } a:link, a:active, a:visited, a b { color: #a7a1ee; text-decoration: none; } a:hover, a b:hover { color: #d7cff7; } a.nav:link, a.nav:active, a.nav:visited { color: #93d7f1; padding: 10px; font-weight: bold; font: 30px georgia; background-color: #ffffff; } a.nav:hover { color: #ffffff; background-color: #93d7f1; } b { color: #62b4d6; } #overflow { padding: 8px; background: transparent; overflow: auto; width: 730px; height: 345px; } h1 { font: 24px georgia; color: #49a478; } #main { width: 780px; } #left { width: 740px; padding: 20px; background: #fff; margin-top: 5px; text-align: center; } #right { width: 740px; height: 400px; padding: 20px; background: #fff; margin: 5px; text-align: justify; } </style> <center> <div id="main"> <img src="http://s3.amazonaws.com/data.tumblr.com/tumblr_lu0nopaxyi1qgq36qo1_1280.png"><div id="left"> <a href="#home" class="nav">home</a>   <a href="#one" class="nav">page one</a>   <a href="#two" class="nav">page two</a>   <a href="#three" class="nav">page three</a>   <a href="#cred" class="nav">credit</a> </div> <div id="right"> <div id="container"> <div id="overflow"> <a name="home"><h1>home</h1></a> Bonjour mon ami je m'appelle Kitty. <b>J'adore</b> chocolat, livres et les feuilles de style en cascade. Mon auteur preféré est Stephen King, mon poéte preféré est Emily Dickinson. Ma couleur préférée est le violet. Mon artiste musical préféré est The Doors. J'adore gaspiller ma vie sur l'ordinateur et créant des layouts css. J'espère que je suis capable de garder mon site <a href="/">opérationnel</a>. J'adore ce site beaucoup, je reviens toujours à elle. Je suis ont été sur ce site depuis que j'ai neuf ans. Je suis très amicale, n'hésitez pas à m'envoyer un NeoMail! </div> <div id="overflow"> <a name="one"><h1>page one</h1></a> Bonjour mon ami je m'appelle Kitty. <a href="/">J'adore</a> chocolat, livres et les feuilles de style en cascade. Mon auteur preféré est Stephen King, mon poéte preféré est Emily Dickinson. Ma couleur préférée est le violet. Mon artiste musical préféré est The Doors. J'adore gaspiller ma vie sur l'ordinateur et créant des layouts css. J'espère que je suis capable de garder mon site <b>opérationnel</b>. J'adore ce site beaucoup, je reviens toujours à elle. Je suis ont été sur ce site depuis que j'ai neuf ans. Je suis très amicale, n'hésitez pas à m'envoyer un NeoMail! </div> <div id="overflow"> <a name="two"><h1>page two</h1></a> Bonjour mon ami je m'appelle Kitty. <b>J'adore</b> chocolat, livres et les feuilles de style en cascade. Mon auteur preféré est Stephen King, mon poéte preféré est Emily Dickinson. Ma couleur préférée est le violet. Mon artiste musical préféré est The Doors. J'adore gaspiller ma vie sur l'ordinateur et créant des layouts css. J'espère que je suis capable de garder mon site <a href="/">opérationnel</a>. J'adore ce site beaucoup, je reviens toujours à elle. Je suis ont été sur ce site depuis que j'ai neuf ans. Je suis très amicale, n'hésitez pas à m'envoyer un NeoMail! </div> <div id="overflow"> <a name="three"><h1>page three</h1></a> Bonjour mon ami je m'appelle Kitty. <a href="/">J'adore</a> chocolat, livres et les feuilles de style en cascade. Mon auteur preféré est Stephen King, mon poéte preféré est Emily Dickinson. Ma couleur préférée est le violet. Mon artiste musical préféré est The Doors. J'adore gaspiller ma vie sur l'ordinateur et créant des layouts css. J'espère que je suis capable de garder mon site <b>opérationnel</b>. J'adore ce site beaucoup, je reviens toujours à elle. Je suis ont été sur ce site depuis que j'ai neuf ans. Je suis très amicale, n'hésitez pas à m'envoyer un NeoMail! </div> <div id="overflow"> <a name="cred"><h1>credit</h1></a> Layout by <a href="/~jaicat">Classique</a>. </div> </div> </div> <img src="http://s3.amazonaws.com/data.tumblr.com/tumblr_lu0nzdmku31qgq36qo1_1280.png"> </div> </center>

   
(style) .object { display: none; } #main { width: 600px; background-color: #FFFFFF; border: 1px solid #cccccc; padding: 20px; } table, tr, td, .text, font, p, div, body, textarea, br, li, xmp { font: 11px tahoma; color: #555555; } body { background-color: #DBCBDE; } h1 { color: #EBC680; font: 30px georgia; letter-spacing: -1px; margin-bottom: 20px; text-align: left; } a:link, a:active, a:visited, a b, b { color: #BA85A1; text-decoration: none; letter-spacing: 1px; } i { color: #AC4F23; } a:hover { color: #FBF0C6; } #nav td { padding: 8px; width: 230px; height: 190px; overflow: auto; } a.nav:link, a.nav:visited, a.nav:active { background-color: #eeeeee; color: #666666; font: 16px times new roman; width: 100%; height: 17px; padding: 4px; letter-spacing: 5px; text-transform: uppercase; text-align: center; display: block; } a.nav:hover { background-color: white; } (/style) <center> <div id="main"> <a name="top"></a> <h1>title of your site yeah</h1> <p>Welcome to <b>sitenamehere</b>, a site run by <a href="http://www.neopets.com/userlookup.phtml?user=guest">guest</a>.</p> <p>This is where you can write an intro to your site, what it's about, what it features, etc. feel free to take up as much space as you want yadadyydayydyayda blah blah blah I love cake etc. yepyepyep cool stuff right here, feel free to write about whatever you want, you can <a href="/">link</a> and <i>ital</i> and <b>bold</b> stuff too, that makes things colorful yeah have fun with that. </p> <br> </div> <br><br><div id="main"> <h1>updates & nav</h1> <div id="nav"> <table><tr> <td valign="top"> <div style="width: 260px; height: 215px; overflow: auto; border: 1px solid #dddddd; padding: 8px;" align="center"> <b>dd/mm/yy</b> this is where you can put your updates and such, about the site, information, notifications, upcoming things, new affiliates or reviews or awards, the like. </div> </td> <td valign="top"> <div style="width: 260px; height: 215px; overflow: auto; border: 1px solid #dddddd; padding: 8px;" align="center"> <a href="#top" class="nav">Top</a><br><a href="#content" class="nav">Content</a><br><a href="#site" class="nav">Sitely</a><br><a href="http://www.neopets.com/neomessages.phtml?type=send" class="nav">Contact</a><br><a href="http://www.neopets.com/userlookup.phtml?user=guest" class="nav">Lookup</a><br><a href="/" class="nav">exit</a> </div> </td> </tr></table> </div> <br><a href="#top">back to top?</a><br> </div> <br><br><div id="main"> <a name="content"></a> <h1>content</h1> <p>this is where you put your <b>site content</b>. Pretty self explanatory. This space could be used for reviews, CSS, SOTMs, a pet/guild/site directory, button sites, graphic design, a portfolio, anything you can possibly think of. go crazy~</p> <br><a href="#top">back to top?</a><br> </div> <br><br><div id="main"> <a name="site"></a> <h1>sitely</h1> <p>link back buttons, affies, site reviews, awards, "listed at", etc. sections can all go <i>here</i>.</p> <br><a href="#top">back to top?</a><br> </div> <br><br><div id="main"> <h1>credit</h1> Content/Editing (c) <a href="http://www.neopets.com/userlookup.phtml?user=guest">guest</a>.<br> Petpage by <a href="http://www.neopets.com/userlookup.phtml?user=abstrait">Kitty</a>. </div> <br><br> </center>   (style) a.golly1 { background-color: #FFB0B0; } a.golly2 { background-color: #FFD1D1; } a.golly3 { background-color: #FFE8E8; } a.golly1, a.golly2, a.golly3 { font: 0px verdana; height: 15px; width: 100%; padding: 0px; margin: 0px; border: 0px; display: block; } a.golly1:hover, a.golly2:hover, a.golly3:hover { background-color: whitesmoke; } a:link, a:active, a:visited, a b { color: #CEB7BF; text-decoration: none; } a:hover { color: #FEEDFF; } body { background-color: #D8F0F0; } #main { top: 30px; left: 270px; width: 690px; border: 1px solid #cccccc; padding: 3px; background: #ffffff; height: auto; } #container { overflow: hidden; margin: 5px; padding: 0px; background: transparent; border: none; height: 380px; width: 675px; } #overflow { padding: 5px; background: transparent; overflow: auto; width: 675px; height: 380px; } table, tr, td, .text, font, p, div, body, textarea, br, li, xmp { font: 10px tahoma; color: #333333; } h1 { color: #F4D0D4; font: 34px georgia; letter-spacing: -2px; margin-bottom: 2px; text-align: left; } .sf, .object, p, table { display: none; } (/style) <div id="main" style="position: absolute;"> <center> <a href="#one" class="golly3" alt="Home" title="Home"></a> <a href="#two" class="golly2" alt="Div #1" title="Div #1"></a> <a href="#three" class="golly1" alt="Div #2" title="Div #2"></a> <a href="#four" class="golly3" alt="Div #3" title="Div #3"></a> <a href="/userlookup.phtml?user=abstrait" class="golly2" alt="Credit" title="Credit"></a> <a href="/" class="golly1" alt="Leave" title="Leave">neo</a><br> </center> <div id="container"> <div id="overflow" style="text-align: center;"> <a name="one"><h1>home</h1></a> bonjour guest xoxoxoxoxoxoxo, this is your home page which is the opening for the next 3 pages, yes. tralallalala your text goes here, in this box, tralalalalalala.<br><br><b>also, very important: ZOOM OUT to save.</b> </div> <div id="overflow" style="text-align: center;"> <a name="two"><h1>div one</h1></a> this is your first page y/y yep<br> cool<br> tratata<br><br> I am a product of endless books. My father bought all the books he read and never got rid of any of them. There were books in the study, books in the drawing room, books in the cloakroom, books two deep in the great bookcase on the landing, books in a bedroom, books piled as high as my shoulder in the cistern attic, books of all kinds reflecting every transient stage of my parents' interest, books readable and unreadable, books suitable for a child and books most emphatically not. Nothing was forbidden me. In the seemingly endless rainy afternoons I took volume after volume from the shelves. I had always the same certainty of finding a book that was new to me as a man who walks into a field has of finding a new blade of grass. </div> <div id="overflow" style="text-align: center;"> <a name="three"><h1>div two</h1></a> this is your second page ok<br> welcome 2 ur second page <a href="/">xo</a><br><br> Who has never killed an hour? Not casually or without thought, but carefully: a premeditated murder of minutes. The violence comes from a combination of giving up, not caring, and a resignation that getting past it is all you can hope to accomplish. So you kill the hour. You do not work, you do not read, you do not daydream. If you sleep it is not because you need to sleep. And when at last it is over, there is no evidence: no weapon, no blood, and no body. The only clue might be the shadows beneath your eyes or a terribly thin line near the corner of your mouth indicating something has been suffered, that in the privacy of your life you have lost something and the loss is too empty to share. </div> <div id="overflow" style="text-align: center;"> <a name="four"><h1>div three</h1></a> third & final page<br> yepp cool story rite have fun~<br><br> If you're going to try, go all the way. Otherwise, don't even start. This could mean losing girlfriends, wives, relatives and maybe even your mind. It could mean not eating for three or four days. It could mean freezing on a park bench. It could mean jail. It could mean derision. It could mean mockery – isolation. Isolation is the gift. All the others are a test of your endurance, of how much you really want to do it. And, you'll do it, despite rejection and the worst odds. And it will be better than anything else you can imagine. If you're going to try, go all the way. There is no other feeling like that. You will be alone with the gods, and the nights will flame with fire. You will ride life straight to perfect laughter. It's the only good fight there is. <br><br> </div> </div> </div>   (style) table,.object{display:none;} table,tr,td,.text,font,p,body,div,textarea,br,li{color:white;font:11px tahoma;} body{background-color:#333333;} a{color:#37A65C;text-decoration:none;} h1{color:white;font:45px tahoma;text-transform:lowercase;font-style:none;} .title{color:#37A65C;font:45px georgia;letter-spacing:-2px;font-style:italic;} .navvy{border:1px solid white;height:18px;width:450px;padding:8px;text-align:center;z-index:1;} a.nav{color:white;font-size:8pt;font-family:tahoma;text-decoration:none;padding:12px;text-align:center;} a.nav:hover{color:white;font-style:italic;} #main {width:500;background:transparent;border:none;} (/style)<center> <h1>your <font class="title">header</font> here</h1> <div class="navvy"> <a href="/myaccount.phtml" class="nav">account</a><a href="/petcentral.phtml" class="nav">central</a><a href="/explore.phtml" class="nav">explore</a><a href="/games/arcade.phtml" class="nav">games</a><a href="/neoboards/index.phtml" class="nav">boards</a><a href="/~technicolorrainbow" class="nav">credit</a> </div> <p></p> <div id="main">your text here. blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah <br><br> Petpage CSS by <a href="/">Classique</a><br> Page hosted by <a href="/">Neopets</a> </div> </center>

site information

         
<a href="/~jaicat"><img src="http://i498.photobucket.com/albums/rr350/superbubblet/88BY31/classique.gif" border="0"></a>  <a href="/~jaicat"><img src="http://25.media.tumblr.com/tumblr_lu2ktb00Un1qgq36qo1_100.gif" border="0"></a>  <a href="/~jaicat"><img src="http://26.media.tumblr.com/tumblr_ltyj9ynjh01qgq36qo1_100.gif" border="0"></a>  <a href="/~jaicat"><img src="http://25.media.tumblr.com/tumblr_ltwihaqwjt1qgq36qo1_100.gif" border="0"></a>  <a href="/~jaicat"><img src="http://i1103.photobucket.com/albums/g472/jesindistress/classique.gif" border="0"></a>  <a href="/~jaicat"><img src="http://i276.photobucket.com/albums/kk40/threevoltxx/neopets/buttons/020classique.gif" border="0"></a>

affiliates | open

Hi Kitty, I'd like to be affiliates with Classique. Your name: Site name: Site link: Do you have an 88x31 button? Does your site have any stolen content? Any other comments or concerns:

listed at

Neomail me if you'd like to list me.

reviews

No reviews yet.

thanks to

Content © abstrait 2011.
Everything on this page is protected under Copyright Law. Do not steal.

First button was a gift from Turnip @ The Lunch Box.
Second, third, and fourth buttons by me, with the help of Lucy's Button Tutorial.
Fifth button by Trinkets.
The sixth button was a gift from Katharine @ Vibrissae.
Envelope pixel and some textures (on the banner and in one CSS layout) from Nienke's Resources.

Colour palettes by Colourlovers.

Page hosted by Neopets.

And thank you, guest, for visiting Classique. I hope you had a lovely stay!