Cantabile Design

v. Fruit Punch
Best in FF

Welcome to Cantabile Design! Established by Emilie in March 2009, Cantabile Design is dedicated to bringing you convenient, premade CSS layouts, as well as fulfilling custom requests to fellow neopians.

What on earth does Canta-whatty mean?

Cantabile (can-TAH-bee-lay) means "in a singing style" in Italian. Being as obsessed with music as I am, it seemed appropriate!

Please browse through our growing selection of premade layouts! If nothing is to your taste, feel free to request a unique one (as long as requests are being accepted).

Rules

Not to be a drag or anything, but I have a few rules I'd like you to follow when requesting or using my coding.

1.Leave the credit on. Yes, you. I don't care how much you edit it (which you are quite welcome to), I coded this from scratch for you, so I expect the credit.

2. If I say my requests are temporarily closed, I mean closed. There will be no exceptions, unless you're a close friend or guild member.

3. Please do not send me neomails asking when your request will be ready. I will give you a timeframe for completion, & if I have trouble meeting that deadline, I will contact you. If you fail to follow this rule, I will move your request to the bottom of my current list, and will continue to do so with each neomail I receive - & by the way, I love mashed potatoes.

4.I will try my best to follow your request as best I can, but occasionally I may have to make some alterations depending on images & such available to me.

Requests

My requests are currently closed. Watch for them to reopen towards the end of June!

Please neomail the appropriate form to emilie.

Petpage CSS

Guild Layout

Banner

Other
I will occasionally take other types of requests. Neomail me with your type of request & I'll let you know whether I can do it or not xD

Pickup

Click in the box, press control + A & then copy the code : )

blueshimmer019 Snow Banner <a href="http://www.neopets.com/~singitoutloud"><img src="http://i134.photobucket.com/albums/q116/piano_gurl911/snow.jpg"></a> Carrieot Banner <a href="http://www.neopets.com/~singitoutloud"><img src="http://i134.photobucket.com/albums/q116/piano_gurl911/carrieot.jpg"></a>	starz_in_her_eyes_99 <style /> BODY {background:#ffffff;} td,p,i,body,font,a,.medText,u,b{font:8pt verdana;color:#333333;} table { background:#ffffff;} .sf,td {display:none;} b {color: #e12a2a;font-weight: bold; } i {color: #f0ce32; font-style: italic; font-weight: bold;} u {color: #2fb98a; text-decoration:underline; font-weight: bold;} .block A:link, .block A:visited, .block A:active, .block a{ display: block; color: #000000; font-size: 18pt; font-family:century gothic; font-weight:lighter; text-align:center; width: 150px; text-decoration: none; text-transform:lowercase; } .block a:hover{ display: block; color: #eca535; font-family:century gothic; font-weight:lighter; text-align:center; font-size: 19pt; background:#000000; width:150px; text-decoration: none; text-transform:lowercase; } .normal a:link, .normal A:visited, .normal A:active, .normal a{ display:inline; color: #925e94; font-size: 8pt; font-family:verdana; text-decoration:underline; } .normal a:hover{ display:inline; color:#000000; } h1{ color:#db516a; font-family:century gothic; font-weight:lighter; text-transform:lowercase; font-size: 14pt; border-bottom:1px solid black; text-align:center; } h2{ color:#8eb151; font-family:century gothic; font-weight:lighter; text-transform:lowercase; font-size: 14pt; border-bottom:1px solid black; text-align:center; } h3{ color:#6fb2a7; font-family:century gothic; font-weight:lighter; text-transform:lowercase; font-size: 14pt; border-bottom:1px solid black; text-align:center; } </style /> <div style="position:absolute; left:150px; width:800px;"><img src="http://i440.photobucket.com/albums/qq122/cantabile--xx/exhileration.jpg"> </div> <div style="position:absolute; left:150px; top:178px; width:150px; border-left:2px solid black; border-right:2px solid black; border-bottom:15px solid black; height:800px; overflow:auto;text-align:center;"> <span class="block"> <h1>header</h1> <a href="http://www.neopets.com/">link</a> <a href="http://www.neopets.com/">link</a> <a href="http://www.neopets.com/">link</a> <a href="http://www.neopets.com/">link</a> </span> <span class="normal"> <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! <br><br> </span> </div> <div style="position:absolute; left:323px; top:173px; width:450px; border-left:2px solid black; border-right:2px solid black; border-bottom:15px solid black; height:800px; overflow:auto; text-align:center;"> <span class="normal"><br><br> <i>italic</i> <b>bold</b> <u>underline</u> <a href="http://www.neopets.com/">link</a><br><br> <h2>header</h2> Text here! Text here! Text here! Text here! Text here! Text here! Text here! Text here! Text here! Text here! Text here! Text here! Text here! Text here! Text here! Text here! Text here! <h2>header</h2> Text here! Text here! Text here! 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> </span> </div> <div style="position:absolute; left:796px; top:173px; width:150px; border-left:2px solid black; border-right:2px solid black; border-bottom:15px solid black; height: 800px; overflow:auto; text-align:center;"> <span class="normal"> <h3>header</h3> Text here! Text here! Text here! Text here! Text here! Text here! Text here! Text here! Text here! Text here! Text here! Text here! Text here! Text here! Text here! <h3>header</h3> Text here! 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> </span>	turnabout_love <style /> BODY {background:#ffffff;} td,p,i,body,font,a,.medText,u,b{font:7.5pt verdana;color:#333333;} .sf,td {display:none;} b {color: #000000;font-weight: bold; } i {color: #000000; font-style: italic; font-weight: bold;} a:link, A:visited, A:active, a{ color: #000000; font-size: 8pt; font-family:verdana; text-decoration:underline; } a:hover{ color:#333333; } h1 { color:#333333; border-bottom:1px solid #555555; font-family:century gothic; font-weight:lighter; text-transform:lowercase; font-size: 15px; text-align:right; } h2 { color:#ada786; font-family:century gothic; font-size: 35px; font-weight:lighter; text-transform:lowercase; text-align:center; } </style /> <div style="position:absolute; top:20px; left:20px; width:315px; height:455px; overflow:hidden;"> <img src="http://i267.photobucket.com/albums/ii308/lorry_love_time/DNpic65.jpg"> </div> <div style="position:absolute; top:20px; left: 350px; height:75px; width:450px; overflow:hidden;"> <h2>Singmorder/__siesta__</h2> </div> <div style="position:absolute; top:100px; left:350px; height:375px; width:450px; overflow:auto;margin:5px;"> <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! <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! <br><br><br> Layout & Coding by Emilie @ <a href="http://www.neopets.com/~singitoutloud">cantabile design</a>.
karlley <style /> body{background:#bcbcbc url(http://i440.photobucket.com/albums/qq122/cantabile--xx/sidebarSTRAY.jpg) repeat-y; } td,p,body {color:#000;font-size:8pt ; font-family:verdana;} a:link{COLOR:#000000; text-decoration: none; } a:visited{COLOR:#000000; text-decoration:none ;} a:hover {COLOR:#b4b4b4; text-decoration:none;} #header, #footer, .sidebar {display:none} #n, td, table { background: transparent; } #main {border:none; background:none; width:500px; float:left; padding-top:60px; padding-left:135px;} .content {background:none; } b { font-weight:bold; color:#000000; } i {font-style:italic; font-weight:bold;color:#81a827; } h1 { color:#000000; font-family:verdana; text-transform:lowercase; font-size:8pt; text-align: right; border-bottom: solid 0.5px #000 } h2 { background:#69b9ec; color:#fff; font-family:verdana; text-transform:lowercase; font-size:8pt; text-align: center; } </style /> <div style="position:absolute; top:0px; left:325px;"><img src="http://i440.photobucket.com/albums/qq122/cantabile--xx/Strays.jpg" border="0px" style="position:absolute;"></div> <div style="position:absolute; top:55px; left:650px; width:400px; height:350px; overflow:auto;"> <h1>Events</h1> Here's where all your giggity goo goes about the events taking place in your guild. Does Kass attack Jeran? You'll have to wait and see! <h1>News</h1> Hazaah! Here's where you talk all about the your guild news. Did you pick a new council member? Or maybe go private? Is your guild having a party? <h1>got more to say?</h1> Believe it or not, you can have as MANY headers as you like. The pant devil will absolutely NOT hunt you down for it... shifty eyes. </div>	chazpop <style /> BODY {background:#b7e390} td,p,i,body,font,a,.medText,u,b{font:9pt tahoma;color:#333; text-align:left;} .sf {display:none;} b {color: #a2c87f;font-weight: bold; } i {color: #a2c87f; font-style: italic; font-weight: bold;} .block A:link, .block A:visited, .block A:active,a{ display: block; color: #000000; font-size: 18px; font-family:verdana; text-align:center; padding: none; border: none; background-color:#ffffff; width: 200px; text-decoration: none; text-transform:lowercase; } .block a:hover{ display: block; color: #ffffff; font-family:verdana; text-align:center; font-size: 18px; padding: none; border: none; background-color:#b7e390; width:200px; text-decoration: none; text-transform:lowercase; } .normal a:link,A:visited,A:active,a{ display:inline; color: #000000; font-size: 9pt; font-family:tahoma; text-decoration:none; } .normal a:hover{ display:inline; color:#b7e390; } h1{ color:#cccfc9; font-weight:lighter; font-family:tahoma; text-align:right; text-transform:lowercase; font-size: 25pt; border-bottom: 5px solid #b2b3b2; } h2{ color:#cccfc9; font-weight:lighter; font-family:tahoma; text-align:right; text-transform:lowercase; font-size: 16pt; border-bottom: 4px solid #b2b3b2; } </style /> <table style="position:absolute; top:50px; left:100px; width:200px; background-color:#fff; border: 6px solid #98c075;"><tr><td> <div align=center> <h2>Navigation</h2> <span class="block"> <a href="#html">HTML</a> <a href="#HTML Guides">HTML Guides</a> <a href="#safety">Safety</a> <a href="#newbies">Newbies</a> <a href="#np Guides">np Guides</a> <a href="#competition Guides">Competition Guides</a> <a href="#Avatars">Avatars</a> <a href="#Pet Guides">Pet Guides</a> <a href="#hobbies and information">Hobbies & Info</a> </span> <h2>Where are you?</h2> <span class="normal"> Welcome, distractedmusician! You are at <a href="http://www.neopets.com/userlookup.phtml?user=chazpop">chazpop's</a> Quick Links Page. <br><br>This site is a Neopian Directory of sites you may find useful. There are currently 57 links! <h2>Updates</h2> <br><br><i>Newest at top</i> <br><br><b>27/2/09: Site Update</b> <br><br> I've updated the site and links, so now they are all working correctly and I hope you find them useful. Also, I've added a few new link backs thanks to fairycake1307. Thanks for visiting! <br><br><b>14/8/08: Tables</b> <br><br>Each section is now organised in a simple table with a bit about it to the right. <br><br><b>13/8/08: Link Back Banners</b> <br><br>I have added 2 new small link back buttons. <br><br><b>7/8/08: New Layout </b> <br><br>You might have noticed the great new layout. It was kindly made by C1a2t345. She is very talented!!! <br><br><i>This page started on the 5th August 2008. Last updated on 28th February 2009.</i> <h2>Neomail Me</h2> You may want to neomail me, chazpop, to: <br><br>1) Ask me to put a useful link you found up, or to find one for you. <br><br>2) To ask to be an <b>Affiliate</b> (if you have your own site you wish to be up here) so we can link to eachother. <br>3) To tell me that one of the links on the page isn't working or a site has closed down. <br><br>Any of these is fine. (: </span> <h2>Neopian Links</h2> <span class="block"> <a href="http://www.neopets.com/nf.phtml">New Features</a> <a href="http://www.neopets.com/ntimes/index.phtml">Neopian Times</a><a href="http://www.neopets.com/mall/shop.phtml?page=&cat">NC Mall</a> <a href="http://www.neopets.com/market.phtml?type=your">Your Shop</a> <a href="http://www.neopets.com/guilds/index.phtml">Guild HQ </a> <a href="http://www.neopets.com/objects.phtml">Neopia Central</a> <a href="http://www.neopets.com/games/arcade.phtml">Games</a> <a href="http://www.neopets.com/explore.phtml">Explore</a> <a href="http://www.neopets.com/myaccount.phtml">Your Account</a> <a href="http://www.neopets.com/weather.phtml">Weather</a> <a href="http://www.neopets.com/neoboards/index.phtml">Boards</a> <a href="http://www.neopets.com/objects.phtml?type=inventory">Inventory</a> <a href="http://www.neopets.com/video/index.phtml">NeoVision</a><br><a href="http://www.neopets.com/refer.phtml?username=chazpop"><img src="http://images.neopets.com/creatives/neopets_88x31.gif" width=88 height=31 border=0></a> </span> <h2>Affiliates</h2> <span class="normal"> Wanna be an affie with me? Simply <a href="http://www.neopets.com/neomessages.phtml?type=send&recipient=chazpop">Apply by a neomail (click.)</a> <br><br>Please notice that my affiliates are the people that: <br><br>Are my top neofriends with great sites <br><br>Own a site which I think is great! <br><br>But don't let this get you down- I may think your site is so great that I'll be an affie! Otherwise, your 'really good' site will be listed to the right. <br><br>Current affiliates: <br><br><marquee><a href="www.neopets.com/~Jazzelina" target="_blank"><img src="http://i279.photobucket.com/albums/kk124/mtnkitty/sour-applez_link1.jpg" border="0"></a> <a href="http://www.neopets.com/guilds/guild.phtml?id=3546966"><img src="http://i279.photobucket.com/albums/kk124/mtnkitty/qtbbuttonplumpurple.jpg"></a> </marquee> <h2>Link Back</h2> <br><br><img src="http://i439.photobucket.com/albums/qq117/jemzscreenies/ButtonRequests/chazpop.gif"> <br><br> <a href="www.neopets.com/~Starmelialy"><img src="http://i280.photobucket.com/albums/kk162/chazpop/chazpopsquicklinksbanner1-1.jpg"></a> <br><br><img src="http://i262.photobucket.com/albums/ii101/maithemes/FFW2.gif"> <br><br> <img src="http://i393.photobucket.com/albums/pp19/sugarpaigepix/chazpops.gif" border="0"> <br><br> <br> <h2>Credits</h2> I'd like to thank <br><a href="www.neopets.com/userlookup.phtml?user=distractedmusician">her</a>for the layout <br><br>neopets.com for this homepage <br><br> You, #visitor , for visiting and all the site owners I'd be no where without you! <h2>Awards</h2> Thankyou uni_32497! <br> <img src="http://s19.photobucket.com/albums/b200/krawky389/bAward.gif"> <h2>Reviews </h2> (Click banners for reviews) <a href="http://www.neopets.com/~simple_day#bluepen"><img src="http://s300.photobucket.com/albums/nn33/cloudy_day_layouts/th_smallicon-1.jpg"></a> <br><br>71/85 (4 Stars) <br> <br><a href="http://www.neopets.com/~dream_neo_4eva"><img src="http://i288.photobucket.com/albums/ll187/strawberrycreme/rockin4.gif"></a><br><br> </span> </div> <table style="position:absolute; top:50px; left:325px; width:605px; background-color:#fff; border: 6px solid #98c075;"><tr><td> <div align=center> <img src="http://i440.photobucket.com/albums/qq122/cantabile--xx/chazhd.jpg"> <A name="html"></a> <h2>HTML</h2> <span class="normal"> <a href="http://petpages.neopets.com/~_saellys592_78" target="_blank"><img border=0 src="http://i90.photobucket.com/albums/k260/neofaeriewings/NEOBUTTON88X311.gif"></a> <a href="http://www.neopets.com/~cloudy_day_layouts"><img src="http://s300.photobucket.com/albums/nn33/cloudy_day_layouts/th_cloudydaylayoutsicon.gif" border=0 alt="Cloudy Day"></a> <a href=http://www.neopets.com/~_Littlepuffball_><img src="http://img85.imageshack.us/img85/7056/button1sv.png" border=0></a> <a href="http://www.neopets.com/~Red13_K9"><img src="http://img.photobucket.com/albums/v226/w8ks8rchick/helphtml.gif" border="0"></a> <a href=http://www.neopets.com/~funnynuttybutter><img src=http://www.2and2.net/Uploads/Images/girlybanner6.jpg border=0></a> <a href="http://www.neopets.com/~Aanthrax"><img src="http://i205.photobucket.com/albums/bb74/daniela2992/Petpages/PPL2.jpg" border=0></a> <a href="http://www.neopets.com/~The_Cheat1414" target="_blank"><img src="http://img.photobucket.com/albums/v310/dbz_boy300/EHbutton.gif" border="0"></a> <a href="http://www.neopets.com/~xdriftingpremadesx"><img border="0" src=http://i19.tinypic.com/40mu2z6.gif></a> <a href="www.neopets.com/~Marshmallowszsz"><img src="http://i393.photobucket.com/albums/pp19/sugarpaigepix/buttonholeslink2.gif"></a> <br><br> <a href="#top">Back to the Top</a> <br> <A name="HTML Guides"></a> <h2>HTML Guides</h2> <a href=http://www.neopets.com/~Calyshari><img src=http://i29.photobucket.com/albums/c269/loveywoveypetpage/buttons/guideani.gif border=0></a> <a href=/~Davin213 target=_blank> <img src="http://i196.photobucket.com/albums/aa150/Cupkake101/Pages/lbtut.gif" border=0 title="Petpage layout tutorial"></a> <a href=http://petpages.neopets.com/~__Ari_><img src=http://img.photobucket.com/albums/v346/Dark_Angel869/GuildHelpButton.jpg border=0></a> <a href=http://home.neopets.com/templates/homepage.phtml?pet_name=ScreenieHelp><img src=http://i37.photobucket.com/albums/e68/braikuvdawn3/178032-null.png border=0></a> <a href=http://www.neopets.com/~Teana463><img src=http://img.photobucket.com/albums/v308/bunun224/Neopets/blogtutorial/blogtutorial2.jpg border="0"></a> <a href="http://www.neopets.com/~Serikem"><img src="http://i7.photobucket.com/albums/y253/stargal368/F-5.png" border="0"></a><br><br> <a href="#top">Back to the Top</a> <br> <A name="safety"></a> <h2>Safety</h2> <a href="http://www.neopets.com/~NeoSafety"> <img src="http://i36.photobucket.com/albums/e20/taker_the_monster/tinybutton001.jpg"></a> <a href="http://www.neopets.com/~locked_topic"><img src=http://img.photobucket.com/albums/v235/wiggles_/btn_lock01.gif></a> <a href="http://petpages.neopets.com/~LupeMoneyCounter"><img border="2" src="http://i26.photobucket.com/albums/c138/LupeMoneyCounter/lmcbanner.gif"></a> <a href=http://www.neopets.com/~From_The_Moon><img src=http://i5.photobucket.com/albums/y156/Lindzgrl/Scammed.gif border=0></a> <a href="http://www.neopets.com/~anoriie"><img src="http://i5.photobucket.com/albums/y196/kristina84/PB101button.gif" border="0"></a> <a href="http://www.neopets.com/~garmfry"> <img src="http://members.shaw.ca/fryguyis/BDbutton.jpg" border="0"></a> <a href="http://petpages.neopets.com/~Doctor_Roo" target="_blank"><img src="http://i272.photobucket.com/albums/jj165/SICNguild/MY/HB/Doctor_Roo.jpg" title="learn more... CLICK HERE!"></a><br><br> <a href="#top">Back to the Top</a> <A name="newbies"></a> <h2>Newbies</h2> <a href="http://petpages.neopets.com/~gauditt_neo"><img src="http://i8.photobucket.com/albums/a39/crazy_raccoon/Untitled-3.jpg"></a> <a href="http://www.neopets.com/~Rose_Mist"><img src="http://img.photobucket.com/albums/v301/smaug54321/Other/protect02.jpg"></a> <a href="http://www.neopets.com/~Eldrakkyn" target="_blank"> <img src="http://img.photobucket.com/albums/v666/lgd12/EldrakkynButton.gif" border="0"></a> <a href=http://www.neopets.com/~Baby_of_Blue_Eyes><img src=http://img.photobucket.com/albums/v308/bunun224/Neopets/Guild/n00bsvsnewbies.png border="0"></a> <a href=/~NewbieQnA><img src=http://i44.photobucket.com/albums/f24/D1Luo/QnA.gif border=0></a> <br><br> <a href="#top">Back to the Top</a> </span> <A name="NP Guides"></a> <h2>NP Guides</h2> <a href="http://www.neopets.com/~My_First_Little_Pony"> <img src="http://members.shaw.ca/fryguyis/btn.gif" border="0"> </a> <a href="http://www.neopets.com/~Garmfire"> <img src="http://members.shaw.ca/fryguyis/BDbutton6.jpg" border="0"> </a> <a href="http://neopets.com/~Dunger00" target="benny"><img src="http://i9.photobucket.com/albums/a58/tvm1/Ba/Daily.jpg" border="0"></a> <a href="www.neopets.com/~minipoptards"><img src="http://img80.imageshack.us/img80/8587/buttonsmileypm6.gif" border="0" alt="ty_the_fly"></a> <a href="http://www.neopets.com/~rain_artemis"> <img src="http://img146.imageshack.us/img146/5404/lbbdqp3.gif" border="0"></a> <br> <span class="block"> <a href="http://www.neopets.com/~Neo____Zafara">DAILY NEOPET CLICKS</a>&<br><a href="http://www.neopets.com/~neo__bori">HARD TO FIND GAMES</a> <br><br> </span> <span class="normal"> <a href="#top">Back to the Top</a> <A name="competition Guides"></a> <h2>Competition Guides</h2> <a href="http://home.neopets.com/templates/homepage.phtml?pet_name=Ternight"><img src="http://img169.imageshack.us/img169/5294/theneopiantimes1gv7.gif"></a> <a href="http://www.neopets.com/~Xailania"><img src="http://i46.photobucket.com/albums/f123/shadowkandy/XaiBanner2.jpg"></a> <a href="http://petpages.neopets.com/~Raven"><img src="http://img.photobucket.com/albums/v725/Glittertrail/minibanner3.png"></a> <br><br> <a href="#top">Back to the Top</a> <A name="Avatars"></a> <h2>Avatars</h2> <TABLE border="5" BORDERCOLOR="#3579DC" cellpadding="0" cellspacing="0" bgcolor="#FFE303"><TR><TD><CENTER><FONT SIZE="2"><a href="http://www.neopets.com/~luckyoctmel" target="_blank">Luckyoctmel's <CENTER>Cheap Item List <CENTER><IMG SRC="http://images.neopets.com/neoboards/avatars/sdb.gif" WIDTH="50" HEIGHT="50" BORDER="0"> <CENTER>Helps you get this Avatar!</a></FONT></CENTER></TD></TR></TABLE> <br><a href="http://www.neopets.com/~The_Pet_Eater" target="_viewer"> <img src="http://members.shaw.ca/fryguyis/BDbutton2.jpg" border="0" title="Shopping lists and game guides included"></a> <a href="/~avvy" target="new"><img src=http://img.photobucket.com/albums/v222/phern/images/avvy_btn01.gif border=0></a> <img src="http://i150.photobucket.com/albums/s116/waterfall_hearts/avatarguide/GuideToAvatarsButton3.gif" border="0" title="Your guide to avatars"> </a> <br><br> <a href="#top">Back to the Top</a> <A name="Pet Guides"></a> <h2>Pet Guides</h2> <a href="www.neopets.com/~Sweet_x_Angel"><img src="http://i288.photobucket.com/albums/ll187/strawberrycreme/frenchgirl12madethis.gif" alt="Photobucket - Video and Image Hosting"><br> <a href=http://www.neopets.com/~Minnie5_1_1> <img src="http://i41.photobucket.com/albums/e299/bluejaykiko/bjk.jpg" border=0></A> <a href=http://www.neopets.com/~Sethcus><img src=http://i126.photobucket.com/albums/p110/liloven/UTPN.jpg border=0></a> <a href="http://www.neopets.com/~trebormailliw"><img src='http://i43.photobucket.com/albums/e378/Fire_Pheonix100/LILB.jpg'></a> <br><br> <a href="#top">Back to the Top</a> <a name="hobbies and infomation"></a> <h2>Hobbies and Information</h2> <a href="http://www.neopets.com/~HelpTheEconomy"><img src="http://i269.photobucket.com/albums/jj56/Clearplant/HTELbcopy.jpg"></a> <a href="http://www.neopets.com/~Paintorium"><img src="http://i108.photobucket.com/albums/n14/Danishkookys/link.gif" width="88" height="31" border="0" /></a> <a href="http://www.neopets.com/~Idrilyon"><img src="http://i124.photobucket.com/albums/p2/M0rningsun/CocoNutsBanner7.gif" border="0" height="31" width="88"></a> <a href="http://www.neopets.com/~snowflakethepenguin"><img src="http://i165.photobucket.com/albums/u49/pirates_caribbean13/wearable_clothing_logo2.png"></a> <a href="http://www.neopets.com/~Narazok" target="_blank"><img src="http://i79.photobucket.com/albums/j151/alwinta/Links/StampsAnimated.gif" border="0" title="Alwinta's Guide to Stamps!"></a> <A href="http://www.neopets.com/~chucks_premades"><img src="http://s175.photobucket.com/albums/w158/usuki_neolover/th_acslush.gif" border="0"></a> <a href="http://www.neopets.com/~MowYaGras"><IMG SRC="http://www.hrobi.com/oldneo/RememberBan1.gif" border=0 ALT="Remember When"></a> <a href="~Nmagazine"><img src="http://i206.photobucket.com/albums/bb284/danishkookys2/n-affy.gif" border="0"></a> <a href="http://www.neopets.com/~riverpeacock"><img class="link" src="http://i32.tinypic.com/2dqr9cw.jpg" width="96" height="30"></a> <a href="http://www.neopets.com/~2fruitpunch"> <img src="http://i32.tinypic.com/2whf3v9.gif"></a> <a href="http://www.neopets.com/~Nilakantha"><img src="http://img96.imageshack.us/img96/4747/lunarhylakibuttonii4.gif" border=0></a> <br><br> <a href="#top">Back to the Top</a> <br><br> CSS by <br><a href="http://www.neopets.com/~singitoutloud">Emilie</a>. </span> </div>	seablossom1 <style /> BODY {background:#8a73b6;} table {background:#8a73b6;} td,p,i,body,font,a,.medText,u,b{font:8pt tahoma;color:#000000; text-align:left;} .sf {display:none;} b {color: #9912d8;font-weight: bold; } i {color: #9912d8; font-style: italic; font-weight: bold;} a:link,A:visited,A:active,a{ color: #9912d8; font-size: 9pt; font-family:tahoma; text-decoration:none; } a:hover{ color:#666666; } h1{ color:#81c882; border-bottom:dashed #81c882; font-weight:lighter; font-family:tahoma; text-align:center; text-transform:lowercase; font-size: 13pt; } </style /> <div style="position:absolute; top:25; left:100px;"> <img src="http://i440.photobucket.com/albums/qq122/cantabile--xx/maraqgel.jpg"> </div> <div style="position:absolute; left:250; top:100; width:350; height:170; overflow:auto;"> <h1>top left</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 text here text here text here text here text here text here text here text here text here text here </div> <div style="position:absolute; left:627; top:100; width:200; height:303; overflow:auto;"> <h1>top middle</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 ere text here text her text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here ere text here text her text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here ere text here text her text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here ere text here text her </div> <div style="position:absolute; left:270; top:300; width:330; height:105; overflow:auto;"> <h1>middle left</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 hertext here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here ere text here text her e text here </div> <div style="position:absolute; left:330; top:434; width:498; height:150; overflow:auto;"> <h1>bottom left</h1> text here text here text here text here text here text here text here text here text here texttext here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here ere text here text her here text here text here text here text here text here text here text here text here 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>CSS by <a href="http://www.neopets.com/~singitoutloud">Emilie</a>. </div> <div style="position:absolute; left:855; top:450; width:230; height:133; overflow:auto;"> <h1>bottom right</h1> text here text here text here text here text here text here text here text here text here texttext here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here ere text here text her here text here text here text here text here text here text here text here text here 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> <div style="position:absolute; left:855; top:265; width:230; height:147; overflow:auto;"> <h1>middle right</h1> text here text here text here text here text here text here text here text here text here texttext here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here ere text here text her here text here text here text here text here text here text here text here text here 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> <div style="position:absolute; left:855; top:96; width:230; height:140; overflow:auto;"> <h1>top right</h1> text here text here text here text here text here text here text here text here text here texttext here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here ere text here text her here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here text here	1xalicex1 <style /> body{background:#ffffff url(http://i440.photobucket.com/albums/qq122/cantabile--xx/alicesb.jpg) repeat-y; } td,p,body {color:#ffffff;font-size:8pt ; font-family:verdana;} a:link{COLOR:#000000; text-decoration: none; } a:visited{COLOR:#000000; text-decoration:none ;} a:hover {COLOR:#b4b4b4; text-decoration:none;} #header, #footer, .sidebar {display:none} #n, td, table { background: transparent; } #main {border:none; background:none; width:500px; float:left; padding-top:60px; padding-left:135px;} .content {background:none; } b { font-weight:bold; color:#000000; } i {font-style:italic; font-weight:bold;color:#000000; } h1 { color:#ffffff; font-family:century gothic; text-transform:lowercase; font-weight:lighter; font-size:14pt; text-align: right; border-bottom: solid 1px #ffffff; } </style /> <div style="position:absolute; top:100px; left:400px;"><img src="http://i440.photobucket.com/albums/qq122/cantabile--xx/1xalicex1.jpg" border="0px" style="position:absolute;"></div> <div style="position:absolute; top:110px; left:800px; width:340px; height:320px; overflow:auto;"> <h1>header</h1> Here's where all your text goes! Here's where all your text goes! Here's where all your text goes! Here's where all your text goes! Here's where all your text <h1>header</h1> Here's where all your text goes! Here's where all your text goes! Here's where all your text goes! Here's where all your text goes! Here's where all your text <h1>header</h1> Here's where all your text goes! Here's where all your text goes! Here's where all your text goes! Here's where all your text goes! Here's where all your text goes! <h1>header</h1> Here's where all your text goes! Here's where all your text goes! Here's where all your text goes! Here's where all your text goes! Here's where all your text goes! Here's where all your text goes! Here's where all your text goes! Here's where all your text goes! <h1>header</h1> Here's where all your text goes! Here's where all your text goes! Here's where all your text goes! Here's where all your text goes! Here's where all your text goes! Here's where ale all your text goes! <br><br> Layout & Coding by <a href="http://www.neopets.com/~singitoutloud">Cantabile Design</a>!
thrystal <img src="http://i440.photobucket.com/albums/qq122/cantabile--xx/HPbanner.jpg">	taylor_00001 <style /> BODY {background:#94d6f1} table {background:#94d6f1;} td,p,i,body,font,a,.medText,u,b{font:9pt tahoma;color:#333; text-align:left;} .sf {display:none;} b {color: #000000;font-weight: bold; } i {color: #000000; font-style: italic; font-weight: bold;} a:link,A:visited,A:active,a{ color: #000000; font-size: 9pt; font-family:tahoma; text-decoration:none; } a:hover{ color:#ffffff; } h1{ color:#333333; background:#FFFFFF; font-weight:lighter; font-family:tahoma; text-align:center; text-transform:lowercase; font-size: 9pt; } </style /> <div style="position:absolute; left:125px; top:25px;"> <img src="http://i440.photobucket.com/albums/qq122/cantabile--xx/taddypoles.jpg"> </div> <div style="position:absolute; left: 160px; top:53px; width:300px; height:160px; overflow:auto;"> <center> <h1>Top left Box</h1><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 </center> </div> <div style="position:absolute; left: 485px; top:53px; width:170px; height:160px; overflow:auto;"> <h1>Top center box</h1><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 </div> <div style="position:absolute; left: 679px; top:53px; width:108px; height:255px; overflow:auto;"> <h1>Top right box</h1><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 </div> <div style="position:absolute; left: 160px; top:235px; width:152px; height:255px; overflow:auto;"> <h1>Middle Left Box</h1><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 here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here </div> <div style="position:absolute; left: 335px; top:235px; width:320px; height:255px; overflow:auto;"> <h1>Middle Right Box</h1><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 </div> <div style="position:absolute; left: 680px; top:335px; width:108px; height:309px; overflow:auto;"> <h1>Bottom Right Box</h1><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 </div> <div style="position:absolute; left: 160px; top:515px; width:495px; height:125px; overflow:auto;"> <h1>Bottom Left Box</h1><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	softballcutie65 <style /> BODY {background:#ffffff} table {background:#ffffff;} td,p,i,body,font,a,.medText,u,b{font:8pt tahoma;color:#000000; text-align:left;} .sf {display:none;} b {color: #9912d8;font-weight: bold; } i {color: #9912d8; font-style: italic; font-weight: bold;} a:link,A:visited,A:active,a{ color: #9912d8; font-size: 9pt; font-family:tahoma; text-decoration:none; } a:hover{ color:#666666; } h1{ color:#9912d8; border-bottom:solid #9912d8; font-weight:lighter; font-family:tahoma; text-align:center; text-transform:lowercase; font-size: 13pt; } </style /> <div style="position:absolute; left:125px; top:25px;"> <img src="http://i440.photobucket.com/albums/qq122/cantabile--xx/nikki.jpg"> </div> <div style="position:absolute; left:275; top:100; width:485; height:165; overflow:auto;"> <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 here text here text here text here </div> <div style="position:absolute; left:240; top:310; width:350; height:250; overflow:auto;"> <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 </div> <div style="position:absolute; left:635; top:310; width:200; height:250; overflow:auto;"> <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<br><br>CSS by <a href="http://www.neopets.com/~singitoutloud">Emilie</a>.	lucyorange <style /> BODY {background:#ffffff;} td,p,i,body,font,a,.medText,u,b{font:7.5pt verdana;color:#333333;} .sf,td {display:none;} table {background:#9dd946;} b {color: #9cd845;font-weight: bold; } i {color: #82be2a; font-style: italic; font-weight: bold;} .block a:link, .block A:visited, .block A:active, .block a{ display:block; color:#82be2a; text-align:center; background: none; font-size: 25px; font-family:verdana; text-decoration:none; } .block a:hover{ display:block; color:#9dd946; text-align:center; text-decoration:none; } .normal a:link, .normal A:visited, .normal A:active, .normal a{ display:inline; color: #82be2a; font-size: 8pt; font-family:verdana; text-decoration:underline; } .normal a:hover{ display:inline; color:#9dd946; } .header{ color:#61afe2; font-family:georgia; font-weight:lighter; text-transform:lowercase; font-size: 45px; text-align:right; margin:0px; } .letter{ color:#156ca3; font-family:georgia; font-weight:lighter; text-transform:lowercase; font-size: 45px; text-align:right; margin:0px;} } h2{ color:#ffffff; font-family:verdana; font-weight:lighter; text-transform:lowercase; font-size: 7.5pt; text-align:right; background:#1c77ab; margin:0px; } </style /> <div style="position:absolute; top:100px; left:100px; "> <img src="http://i42.tinypic.com/21o1z6r.jpg"> </div> <div style="position:absolute; top:145px; left:465px;height:210px; width:266px; overflow:auto;"> Pick up point<br><br> Alas, that love, whose view is muffled still, Should, without eyes, see pathways to his will! Where shall we dine? O me! What fray was here? Yet tell me not, for I have heard it all. Here's much to do with hate, but more with love. Why, then, O brawling love! O loving hate! O any thing, of nothing first create! O heavy lightness! serious vanity! Mis-shapen chaos of well-seeming forms! Feather of lead, bright smoke, cold fire, sick health! Still-waking sleep, that is not what it is! This love feel I, that feel no love in this. Dost thou not laugh? </div> <div style="position:absolute; top:145px; left:775px; height:210px; width:200px; overflow:auto;"> Updates<br><br> Alas, that love, whose view is muffled still, Should, without eyes, see pathways to his will! Where shall we dine? O me! What fray was here? Yet tell me not, for I have heard it all. Here's much to do with hate, but more with love. Why, then, O brawling love! O loving hate! O any thing, of nothing first create! O heavy lightness! serious vanity! Mis-shapen chaos of well-seeming forms! Feather of lead, bright smoke, cold fire, sick health! Still-waking sleep, that is not what it is! This love feel I, that feel no love in this. Dost thou not laugh? </div> <div style="position:absolute; top:392px; left:130px; width:395px; height:285px; overflow:auto;"> Quaded's Buttons<br><br> Alas, that love, whose view is muffled still, Should, without eyes, see pathways to his will! Where shall we dine? O me! What fray was here? Yet tell me not, for I have heard it all. Here's much to do with hate, but more with love. Why, then, O brawling love! O loving hate! O any thing, of nothing first create! O heavy lightness! serious vanity! Mis-shapen chaos of well-seeming forms! Feather of lead, bright smoke, cold fire, sick health! Still-waking sleep, that is not what it is! This love feel I, that feel no love in this. Dost thou not laugh? </div> <div style="position:absolute; top:410px; left:567px; width: 170px; height:110px; overflow:auto;"> Links<br><br> Alas, that love, whose view is muffled still, Should, without eyes, see pathways to his will! Where shall we dine? O me! What fray was here? Yet tell me not, for I have heard it all. Here's much to do with hate, but more with love. Why, then, O brawling love! O loving hate! O any thing, of nothing first create! O heavy lightness! serious vanity! Mis-shapen chaos of well-seeming forms! Feather of lead, bright smoke, cold fire, sick health! Still-waking sleep, that is not what it is! This love feel I, that feel no love in this. Dost thou not laugh? </div> <div style="position:absolute; top:560px; left:567px; width:170px; height:120px; overflow:auto;"> Link Back<br><br> Alas, that love, whose view is muffled still, Should, without eyes, see pathways to his will! Where shall we dine? O me! What fray was here? Yet tell me not, for I have heard it all. Here's much to do with hate, but more with love. Why, then, O brawling love! O loving hate! O any thing, of nothing first create! O heavy lightness! serious vanity! Mis-shapen chaos of well-seeming forms! Feather of lead, bright smoke, cold fire, sick health! Still-waking sleep, that is not what it is! This love feel I, that feel no love in this. Dost thou not laugh? </div> <div style="position:absolute; top:405px; left:780px; width:190px; height:270px; overflow:auto; "> About Us<br><br> Alas, that love, whose view is muffled still, Should, without eyes, see pathways to his will! Where shall we dine? O me! What fray was here? Yet tell me not, for I have heard it all. Here's much to do with hate, but more with love. Why, then, O brawling love! O loving hate! O any thing, of nothing first create! O heavy lightness! serious vanity! Mis-shapen chaos of well-seeming forms! Feather of lead, bright smoke, cold fire, sick health! Still-waking sleep, that is not what it is! This love feel I, that feel no love in this. Dost thou not laugh?
eragon <style /> BODY {background:#xxxxxx} td,p,i,body,font,a,.medText,u,b{font:#pt FONT;color:#xxxxxx;} .sf{display:none;} b {color: #xxxxxx;font-weight: bold; } i {color: #xxxxxx; font-style: italic; font-weight: bold;} a:link, A:visited, A:active,a{ color: #xxxxxx; font-size: #pt; font-family:FONT; text-decoration:underline; } a:hover{ color:#xxxxxx; text-decoration: underline } h1{ color:#xxxxxx; font-family:FONT; font-size: #pt; text-align:right; border-bottom: #px solid #xxxxxx; } </style /> <table style="position:absolute; top:50px; left:80px; width:600px; background-color:#xxxxxx; border: #px solid #xxxxxx;"><tr><td> This is where your application goes.	carriss <style /> BODY {background: url(http://i440.photobucket.com/albums/qq122/cantabile--xx/bluesquare.jpg)} td,p,i,body,font,a,.medText,u,b{font:8pt verdana;color:#000;} .sf{display:none;} b {color: #d1d1d1;font-weight: bold; } i {color: #99bfff; font-style: italic; font-weight: bold;} .block A:link, .block A:visited, .block A:active, .block a{ display:block; color: #ffffff; background:#d1d1d1; font-size: 7pt; font-family:tahoma; font-weight:lighter; text-align:center; line-height: 13pt; width: 190px; height: 20px; text-decoration: none; text-transform:uppercase; border-right:10px solid #99bfff; border-bottom: 1px solid #000; } .block a:hover{ display: block; color: #ffffff; background:#99bfff; font-size: 7pt; font-family:tahoma; font-weight:lighter; text-align:center; line-height:15pt; width: 190px; height:20px; text-decoration: none; text-transform:uppercase; border-right:10px solid #d1d1d1; border-bottom: 1px solid #000; } .navi A:link, .navi A:visited, .navi A:active, .navi a{ color: #584cc9; font-size: 12pt; font-family:arial; font-weight:bold; text-decoration: none; text-transform:uppercase; } .navi a:hover{ color: #7e74dc; font-size: 14.5pt; font-family:arial; font-weight:bold; text-decoration: none; text-transform:uppercase; } .normal a:link, .normal A:visited, .normal A:active, .normal a{ display:inline; color: #99bfff; font-size: 8pt; font-family:verdana; text-decoration:underline; } .normal a:hover{ display:inline; color:#d1d1d1; } h1{ color:#99bfff; font-family:tahoma; font-weight:lighter; text-transform:lowercase; font-size: 20pt; line-height:21pt; text-align:right; border-bottom: 3px solid #99bfff; } h2{ color:#ffffff; background:#99bfff; font-family:tahoma; font-weight:lighter; text-transform:lowercase; font-size: 10pt; text-align:center; } </style /> <table style="position:absolute; top:50px; left:150px; width:200px; background-color:#fff; border: 1px solid #579eff;"><tr><td> <div align=center> <span class="block"> <a href="http://www.neopets.com/guilds/guild.phtml?id=3824186">Guild</a> <a href="http://www.neopets.com/">Link</a> <a href="http://www.neopets.com/">Link</a> </span> <h2>header 2</h2> Here's where your darling text goes. Cute eh? <h2>header 2</h2> Take another header - this one's on me! But really, you can have as many as you want! <b>Seriously</b>. <h2>header 2</h2> Alright my friend, you're getting a <i>little</i> header obsessed don't you think? <h2>Credit</h2> <span class="block"> <a href="http://www.neopets.com/">Banner Design</a> <a href="http://www.neopets.com/~singitoutloud">CSS</a> </span><br><br> Change the Banner Design link to whoever designed it. Please don't remove my CSS credit!<br><br> <br> </div> <table style="position:absolute; top:50px; left:360px; width:400px; background-color:#fff; border: 1px solid #579eff;"><tr><td> <div align=center> <img src="http://i71.photobucket.com/albums/i126/hipnosa_gothica/htb.gif"> <span class="navi"> <a href="http://www.neopets.com">Account</a> <a href="http://www.neopets.com">Central</a> <a href="http://www.neopets.com">Explore</a> <a href="http://www.neopets.com">Games</a> <br> <a href="http://www.neopets.com">Boards</a> <a href="http://www.neopets.com">Shops</a> <a href="http://www.neopets.com">News</a> <a href="http://www.neopets.com">Video</a> <a href="http://www.neopets.com">Mall</a> </span> <h1>welcome</h1> Enjoy your new layout! Enjoy your new layout! Enjoy your new layout! Enjoy your new layout! Enjoy your new layout! Enjoy your new layout! Enjoy your new layout! Enjoy your new layout! Enjoy your new layout! Enjoy your new layout! Enjoy your new layout! Enjoy your new layout! Enjoy your new layout! Enjoy your new layout! Enjoy your new layout! </span> </div>	iloveband555 <style /> BODY {background:#9dd946;} td,p,i,body,font,a,.medText,u,b{font:7.5pt verdana;color:#333333;} .sf,td {display:none;} table {background:#9dd946;} b {color: #9cd845;font-weight: bold; } i {color: #82be2a; font-style: italic; font-weight: bold;} .block a:link, .block A:visited, .block A:active, .block a{ display:block; color:#82be2a; text-align:center; background: none; font-size: 25px; font-family:verdana; text-decoration:none; } .block a:hover{ display:block; color:#9dd946; text-align:center; text-decoration:none; } .normal a:link, .normal A:visited, .normal A:active, .normal a{ display:inline; color: #82be2a; font-size: 8pt; font-family:verdana; text-decoration:underline; } .normal a:hover{ display:inline; color:#9dd946; } h1{ color:#78ae2a; font-family:tahoma; font-weight:lighter; text-transform:lowercase; font-size: 25px; text-align:center; line-height:0px; border-bottom:10px solid #a3e346; } h2{ color:#ffffff; font-family:verdana; font-weight:lighter; text-transform:lowercase; font-size: 7.5pt; text-align:right; background:#1c77ab; margin:0px; } </style /> <div style="position:absolute; top:20px; left:100px; width:600px; background-color:#fff; margin:0px; border: 7px solid #82be2a;"> <img src="http://i440.photobucket.com/albums/qq122/cantabile--xx/candyapple.jpg"> <div style="padding:20px;"> <span class="normal"> <h1>header</h1> more content here! more content here! more content here! more content here! more content here! more content here! more content here! more content here! more content here! more content here! more content here! more content here! more content here! more content here! more content here! more content here! more content here! more content here! more content here! more content here! more content here! more content here! <h1>header</h1> more content here! more content here! more content here! more content here! more content here! more content here! more content here! more content here! more content here! more content here! more content here! more content here! more content here! more content here! more content here! more content here! <h1>rules</h1> You're welcome to edit any part of the coding or design, however you may <i>not</i> remove the credit! </span> </div> </div> <div style="position:absolute; top:20px; left:730px; width:180px; background-color:#fff; padding:15px; border: 7px solid #82be2a;"> <span class="block"> <a href="http://www.neopets.com/~singitoutloud">link</a> <a href="http://www.neopets.com/~singitoutloud">link</a> <a href="http://www.neopets.com/~singitoutloud">link</a> <a href="http://www.neopets.com/~singitoutloud">link</a> <a href="http://www.neopets.com/~singitoutloud">link</a> </span> <span class="normal"> <h1>header</h1> more content here! more content here! more content here! more content here! more content here! more content here! more content here! more content here! more content here! more content here! more content here! more content here! more content here! more content here! more content here! more content here! <h1>credit</h1> Design & coding by <a href="http://www.neopets.com/~singitoutloud">Cantabile Design</a>. </span>	maddixdancer <style /> body{background:#ffffff; } td,p,body {color:#ffffff;font-size:8pt ; font-family:verdana;} a:link{COLOR:#000000; text-decoration: none; } a:visited{COLOR:#000000; text-decoration:none ;} a:hover {COLOR:#b4b4b4; text-decoration:none;} #header, #footer, .sidebar {display:none} #n, td, table { background: transparent; } #main {border:none; background:none; width:500px; float:left; padding-top:60px; padding-left:135px;} .content {background:none; } b { font-weight:bold; color:#000000; } i {font-style:italic; font-weight:bold;color:#000000; } h1 { color:#000000; font-family:century gothic; text-transform:lowercase; font-weight:lighter; font-size:14pt; text-align: center; } </style /> <div style="position:absolute; top:100px; left:315px;"><img src="http://i548.photobucket.com/albums/ii348/18soccerstar18/fantasia--comingsoon.jpg" border="3px solid black"></div> <div style="position:absolute; top:100px; left:1135px; width:200px; height:900px; overflow:auto; border:3px solid black; margin:5px;"> <h1>header</h1> Here's where all your text goes! Here's where all your text goes! Here's where all your text goes! Here's where all your text goes! Here's where all your text goes! Here's where all your text goes! Here's where all your text goes! Here's where all your text goes! Here's where all your text goes! Here's where all your text goes!

Premades

Click and drag the thumbnail to the address bar at the top of your browser to view the full layout.

Floral Series

Teal

BODY {background: url(http://i440.photobucket.com/albums/qq122/cantabile--xx/lady-teal.jpg)}

td,p,i,body,font,a,.medText,u,b{font:8pt verdana;color:#000;}

table { 
background:#ffffff;}

.sf{display:none;}

b
{color: #000;font-weight: bold; }
i
{color: #89b8b6;
font-style: italic; font-weight: bold;}

.block A:link, .block A:visited, .block A:active,a{
display: block;
color: #89b8b6;
font-size: 18pt;
font-family:tahoma;
font-weight:lighter;
text-align:center;
width: 175px;
text-decoration: none;
text-transform:lowercase;

}

.block a:hover{
display: block;
color: #ffffff;
font-family:tahoma;
font-weight:lighter;
text-align:center;
font-size:  20px;
line-height:18px;
background:#89b8b6;
width:175px;
text-decoration: none;
text-transform:lowercase;

}

.normal a:link, .normal A:visited, .normal A:active,a{
display:inline;
color: #89b8b6;
font-size: 8pt;
font-family:verdana;
text-decoration:underline;
}

.normal a:hover{
display:inline;
color:#a4a6a5; }

h1{
color:#89b8b6;
font-family:georgia;
font-weight:lighter;
font-style: italic;
text-transform:lowercase;
font-size: 60pt;
text-align:center;
line-height:20pt;

}

h2{
color:#000;
font-family:georgia;
font-weight: lighter;
line-height:0pt;
font-style:italic;
text-transform:lowercase;
font-size: 15pt;
text-align:right;
border-bottom: 7px solid #89b8b6;

}

</style />

<table style="position:absolute; top:50px; left:80px; width:620px;  background-color:#fff; border: 1px solid;"><tr><td>
<span class="normal">
<div align="center">
<h1>welcome</h1>
<h2>header</h2>
Welcome to your brand new petpage. Not too shabby huh? Who am I kidding, its WAY bettter than that.. (no bias there!). So anyways, never mind my ramblings. Fill this space as you please!

<h2>header</h2>
Please, take another header. I beg of you! You can have as many as you want, honestly. I promise, the Pant Devil will absolutely <i>NOT</i> come after you. Why would he? *shifty eyes*

</div>
</span>
<table style="position:absolute; top:50px; left:715px; width:175px;  background-color:#fff; border: 1px solid;"><tr><td>
<div align=center>
<span class="block">
<a href="http://www.neopets.com">Link</a>
<a href="http://www.neopets.com">Link</a>
<a href="http://www.neopets.com">Link</a>
<a href="http://www.neopets.com">Link</a>
</span>
<span class="normal">
<h2>Credit</h2>
CSS by <a href="http://www.neopets.com/userlookup.phtml?user=distractedmusician">Emilie</a>.
</div>
</span>

Grape

BODY {background: url(http://i440.photobucket.com/albums/qq122/cantabile--xx/Floral-Grape.jpg)}

td,p,i,body,font,a,.medText,u,b{font:8pt verdana;color:#000;}

table { 
background:#ffffff;}

.sf{display:none;}

b
{color: #000;font-weight: bold; }
i
{color: #ad89b8;
font-style: italic; font-weight: bold;}

.block A:link, .block A:visited, .block A:active,a{
display: block;
color: #ad89b8;
font-size: 18pt;
font-family:tahoma;
font-weight:lighter;
text-align:center;
width: 175px;
text-decoration: none;
text-transform:lowercase;

}

.block a:hover{
display: block;
color: #ffffff;
font-family:tahoma;
font-weight:lighter;
text-align:center;
font-size:  20px;
line-height:18px;
background:#ad89b8;
width:175px;
text-decoration: none;
text-transform:lowercase;

}

.normal a:link, .normal A:visited, .normal A:active,a{
display:inline;
color: #ad89b8;
font-size: 8pt;
font-family:verdana;
text-decoration:underline;
}

.normal a:hover{
display:inline;
color:#b7b6b7; }

h1{
color:#ad89b8;
font-family:georgia;
font-weight:lighter;
font-style: italic;
text-transform:lowercase;
font-size: 60pt;
text-align:center;
line-height:20pt;

}

h2{
color:#000;
font-family:georgia;
font-weight: lighter;
line-height:0pt;
font-style:italic;
text-transform:lowercase;
font-size: 15pt;
text-align:right;
border-bottom: 7px solid #dda8a8;

}

</style />

<h2>rules</h2>

You're quite welcome to edit any part of this CSS - it is now in your hands! However, I expect you to leave the credit on. Yes, you.

Classy

BODY {background: url(http://i440.photobucket.com/albums/qq122/cantabile--xx/floral-classy.jpg)}

td,p,i,body,font,a,.medText,u,b{font:8pt verdana;color:#000;}

table { 
background:#ffffff;}

.sf{display:none;}

b
{color: #000;font-weight: bold; }
i
{color: #ad89b8;
font-style: italic; font-weight: bold;}

.block A:link, .block A:visited, .block A:active,a{
display: block;
color: #c5649e;
font-size: 18pt;
font-family:tahoma;
font-weight:lighter;
text-align:center;
width: 175px;
text-decoration: none;
text-transform:lowercase;

}

.block a:hover{
display: block;
color: #ffffff;
font-family:tahoma;
font-weight:lighter;
text-align:center;
font-size:  20px;
line-height:18px;
background:#c5649e;
width:175px;
text-decoration: none;
text-transform:lowercase;

}

.normal a:link, .normal A:visited, .normal A:active,a{
display:inline;
color: #c5649e;
font-size: 8pt;
font-family:verdana;
text-decoration:underline;
}

.normal a:hover{
display:inline;
color:#b7b6b7; }

h1{
color:#c5649e;
font-family:georgia;
font-weight:lighter;
font-style: italic;
text-transform:lowercase;
font-size: 60pt;
text-align:center;
line-height:20pt;

}

h2{
color:#000;
font-family:georgia;
font-weight: lighter;
line-height:0pt;
font-style:italic;
text-transform:lowercase;
font-size: 15pt;
text-align:right;
border-bottom: 7px solid #c5649e;

}

</style />

<h2>rules</h2>

You're quite welcome to edit any part of this CSS - it is now in your hands! However, I expect you to leave the credit on. Yes, you.

Soft Stripe Series

Pink

BODY {background: url(http://i440.photobucket.com/albums/qq122/cantabile--xx/softstripes-pink.jpg)}

td,p,i,body,font,a,.medText,u,b{font:8pt verdana;color:#000;}

table { 
background:#ffffff;}

.sf{display:none;}

b
{color: #000;font-weight: bold; }
i
{color: #f4a297;
font-style: italic; font-weight: bold;}

.block A:link, .block A:visited, .block A:active,a{
display: block;
color: #f4a297;
font-size: 18pt;
font-family:batang;
text-align:center;
width: 175px;
text-decoration: none;
text-transform:lowercase;

}

.block a:hover{
display: block;
color: #ffffff;
font-family:batang;
text-align:center;
font-size:  20px;
line-height:18px;
background:#f4a297;
width:175px;
text-decoration: none;
text-transform:lowercase;

}

.normal a:link, .normal A:visited, .normal A:active,a{
display:inline;
color: #f4a297;
font-size: 8pt;
font-family:verdana;
text-decoration:underline;
}

.normal a:hover{
display:inline;
color:#fad5c9; }

h1{
color:#f4a297;
font-family:batang;
font-weight:lighter;
text-transform:lowercase;
font-size: 60pt;
text-align:center;
line-height:20pt;

}

h2{
color:#ffffff;
font-family:verdana;
font-weight:lighter;
background:#fad5c9;
text-transform:lowercase;
font-size: 10pt;
text-align:center;
border-right: 10px solid #f4a297;
border-left: 10px solid #f4a297;

}

</style />

<h2>rules</h2>

You're quite welcome to edit any part of this CSS - it is now in your hands! However, I expect you to leave the credit on. Yes, you.

Cloud Series

Blue

BODY {background: url(http://i440.photobucket.com/albums/qq122/cantabile--xx/clouds-blue.jpg)}

td,p,i,body,font,a,.medText,u,b{font:8pt verdana;color:#000;}

table { 
background:#ffffff;}

.sf{display:none;}

b
{color: #000;font-weight: bold; }
i
{color: #55d2d4;
font-style: italic; font-weight: bold;}

.block A:link, .block A:visited, .block A:active,a{
display: block;
color: #55d2d4;
font-size: 18pt;
font-family:tahoma;
font-weight:lighter;
text-align:center;
width: 175px;
text-decoration: none;
text-transform:lowercase;

}

.block a:hover{
display: block;
color: #ffffff;
font-family:tahoma;
font-weight:lighter;
text-align:center;
font-size:  20px;
line-height:18px;
background:#55d2d4;
width:175px;
text-decoration: none;
text-transform:lowercase;

}

.normal a:link, .normal A:visited, .normal A:active,a{
display:inline;
color: #55d2d4;
font-size: 8pt;
font-family:verdana;
text-decoration:underline;
}

.normal a:hover{
display:inline;
color:#666666; }

h1{
color:#55d2d4;
font-family:tahoma;
font-weight:lighter;
text-transform:lowercase;
font-size: 60pt;
text-align:center;
line-height: 0pt;
border-bottom: 30px solid #bceaf4;

}

h2{
color:#55d2d4;
font-family:tahoma;

background:#bceaf4;
text-transform:lowercase;
font-size: 10pt;
text-align:center;
border-bottom: 4px solid #55d2d4;
border-top: 4px solid #55d2d4;

}

</style />

<table style="position:absolute; top:50px; left:80px; width:620px;  background-color:#fff; border: 1px solid #579eff;"><tr><td>
<span class="normal">
<div align="center">
<h1>welcome</h1>
<h2>header</h2>
Welcome to your brand new petpage. Not too shabby huh? Who am I kidding, its WAY bettter than that.. (no bias there!). So anyways, never mind my ramblings. Fill this space as you please!

<h2>rules</h2>

You're quite welcome to edit any part of this CSS - it is now in your hands! However, I expect you to leave the credit on. Yes, you.

</div>
</span>
<table style="position:absolute; top:50px; left:715px; width:175px;  background-color:#fff; border: 1px solid #579eff;"><tr><td>
<div align=center>
<span class="block">
<a href="http://www.neopets.com">Link</a>
<a href="http://www.neopets.com">Link</a>
<a href="http://www.neopets.com">Link</a>
<a href="http://www.neopets.com">Link</a>
</span>
<span class="normal">
<h2>Credit</h2>
CSS by <a href="http://www.neopets.com/userlookup.phtml?user=distractedmusician">Emilie</a>.
</div>
</span>

Green

BODY {background: url(http://i440.photobucket.com/albums/qq122/cantabile--xx/cloud-green.jpg)}

td,p,i,body,font,a,.medText,u,b{font:8pt verdana;color:#000;}

table { 
background:#ffffff;}

.sf{display:none;}

b
{color: #000;font-weight: bold; }
i
{color: #61d528;
font-style: italic; font-weight: bold;}

.block A:link, .block A:visited, .block A:active,a{
display: block;
color: #61d528;
font-size: 18pt;
font-family:tahoma;
font-weight:lighter;
text-align:center;
width: 175px;
text-decoration: none;
text-transform:lowercase;

}

.block a:hover{
display: block;
color: #ffffff;
font-family:tahoma;
font-weight:lighter;
text-align:center;
font-size:  20px;
line-height:18px;
background:#61d528;
width:175px;
text-decoration: none;
text-transform:lowercase;

}

.normal a:link, .normal A:visited, .normal A:active,a{
display:inline;
color: #61d528;
font-size: 8pt;
font-family:verdana;
text-decoration:underline;
}

.normal a:hover{
display:inline;
color:#666666; }

h1{
color:#61d528;
font-family:tahoma;
font-weight:lighter;
text-transform:lowercase;
font-size: 60pt;
text-align:center;
line-height: 0pt;
border-bottom: 30px solid #b4ee97;

}

h2{
color:#61d528;
font-family:tahoma;

background:#b4ee97;
text-transform:lowercase;
font-size: 10pt;
text-align:center;
border-bottom: 4px solid #61d528;
border-top: 4px solid #61d528;

}

</style />

<table style="position:absolute; top:50px; left:80px; width:620px;  background-color:#fff; border: 1px solid #2fef41;"><tr><td>
<span class="normal">
<div align="center">
<h1>welcome</h1>
<h2>header</h2>
Welcome to your brand new petpage. Not too shabby huh? Who am I kidding, its WAY bettter than that.. (no bias there!). So anyways, never mind my ramblings. Fill this space as you please!

<h2>rules</h2>

You're quite welcome to edit any part of this CSS - it is now in your hands! However, I expect you to leave the credit on. Yes, you.

simplicity series

Warmth

BODY {background:#97753f }

td,p,i,body,font,a,.medText,u,b{font:8pt verdana;color:#000;}

table { 
background:#97753f;}

.sf{display:none;}

b
{color: #000;font-weight: bold; }
i
{color: #97753f;
font-style: italic; font-weight: bold;}

.normal a:link, .normal A:visited, .normal A:active,a{
display:inline;
color: #97753f;
font-size: 8pt;
font-family:verdana;
text-decoration:underline;
}

.normal a:hover{
display:inline;
color:#666666; }

h1{
color:#fff;
font-family:georgia;
font-style:italic;
font-weight:lighter;
text-transform:lowercase;
font-size: 16pt;
text-align:right;
background:#549fbd;

}
h2{
color:#fff;
font-family:georgia;
font-style:italic;
font-weight:lighter;
text-transform:lowercase;
font-size: 16pt;
text-align:right;
background:#3da146;

}
h3{
color:#fff;
font-family:georgia;
font-style:italic;
font-weight:lighter;
text-transform:lowercase;
font-size: 16pt;
text-align:right;
background:#e4b526;

}
h4{
color:#fff;
font-family:georgia;
font-style:italic;
font-weight:lighter;
text-transform:lowercase;
font-size: 16pt;
text-align:right;
background:#c03855;

}

</style />

<div style="position:absolute; top:50px; left:200px;width:425px;  background-color:#fff;">
<div align=center>
<h1>I'd love to say</h1>
<h2>do you love me</h2>
<h3> but I'm as a humble as a</h3>
<h4>bumblebee</h4>

I'd walk away,<br>
If you'd come with me,<br>
or I may crumble for all to see.<br><br>

I have the weather<br>
on my side.<br><br>Hey by the way..<br>
did you love me?<br>
the words I mumble as he leaves.<br><br>

I'll be okay,<br>
as long as you won't be<br>
but you won't fumble, and you won't grieve.<br><br>

You don't think whether,<br>
you don't think twice.<br><br>

Lay the blame,<br>
& make it worthy.<br>
Sift through rubble for debris.<br><br>

As night fades, day begins -<br>
I'm noticing lately that<br>
the wind sings trouble in the breeze.<br><br><br><br>

You're So Sober by The Trews<br>
Lyrics by Colin MacDonald<br><br>
CSS by <a href="http://www.neopets.com/~singitoutloud">Emilie</a>.
</div>

fairytale series

Mermaid

BODY {background:#4E9689;}

td,p,i,body,font,a,.medText,u,b{font:7.5pt verdana;color:#ffffff;}

.sf,td {display:none;}

table {background:#4E9689;}

b
{color: #C3FF68;font-weight: bold; }
i
{color: #4e9689;
font-style: italic; font-weight: bold;}

a:link, A:visited, A:active, a{
color: #ffffff;
font-size: 8pt;
font-family:verdana;
text-decoration:underline;
}

a:hover{
display:inline;
color:#333333; }

h1 {
color:#4E9689;
background:#F4FCE8;
font-family:georgia;
font-weight:lighter;
text-transform:lowercase;
font-style:italic;
font-size: 14pt;
text-align:center;
border-left:5px solid #F4FCE8;
margin:0px;
}

</style />
<div style="position:absolute; border-top:70px solid #C3FF68; left:100px; width:480px; background:#87D69B;">
<div style="position absolute; border-right:20px solid #62ad9f;">
<div style="position absolute;">

<center>
<h1>Tomorrow's always far away</h1>
<br>
Hiyaa! Welcome to your new CSS page, created by Emilie @ Cantabile Design. You're welcome to do whatever you want with it but <i>don't remove the credit</i>!<br>
Lyrics of "Makin' Sunshine" written by Colin MacDonald, recorded by The Trews. <br><br>
<i>italic</i> <b>bold</b> <a href="http://www.neopets.com/">link</a><br><br>

When you are stuck in yesterday.<br>
And this old town keeps you locked up,<br>
and lost inside.<br>
It draws the lines upon your face.<br><br>

It makes you old before your day,<br>
though its raining.<br>
Don't stay in..<br>
Don't stay in.<br>
We are dancing<br><br>

I'm right on time<br>
I'm makin' sunshine.<br><br>

<h1>My heart is not the type to sway</h1>
<br>
It's good for any other day<br>
But if you say that you will stay,<br>
will you be mine?<br>
Oh I'll make everything okay.<br><br>

I'll push the hurt a world away,<br>
though its raining,<br>
Don't stay in.<br>
No escaping,<br>
We are dancing<br><br>

I'm right on time<br>
I'm makin' sunshine.<br><br>

<h1>There was a time I was afraid</h1>
<br>
I let my strength and spirit fade.<br>
But now's the time to stand aware,<br>
and take what's mine.<br>
The lesson's done, my dues are paid<br><br>

I'm right on top,<br>
I'm making sunshine<br><br>

CSS by Emilie @ <a href="http://www.neopets.com/~singitoutloud">Cantabile Design</a>.<br>
Page hosted by <a href="http://www.neopets.com/">neopets</a>.

</center>
</div>

Princess

BODY {background:#FF5E5E;}

td,p,i,body,font,a,.medText,u,b{font:7.5pt verdana;color:#ffffff;}

.sf,td {display:none;}

table {background:#FF5E5E;}

b
{color: #FFC15E;font-weight: bold; }
i
{color: #f94d4d;
font-style: italic; font-weight: bold;}

a:link, A:visited, A:active, a{
color: #ffffff;
font-size: 8pt;
font-family:verdana;
text-decoration:underline;
}

a:hover{
display:inline;
color:#333333; }

h1 {
color:#f94d4d;
background:#F4FCE8;
font-family:georgia;
font-weight:lighter;
text-transform:lowercase;
font-style:italic;
font-size: 14pt;
text-align:center;
margin:0px;
}

</style />
<div style="position:absolute; border-top:70px solid #FFC15E; left:100px; width:480px; background:#FF815E;">
<div style="position absolute; border-right:20px solid #f94d4d;">
<div style="position absolute;">

<center>
<h1>Tomorrow's always far away</h1>
<br>
Hiyaa! Welcome to your new CSS page, created by Emilie @ Cantabile Design.You're welcome to do whatever you want with it but <i>don't remove the credit</i>!<br>
Lyrics of "Makin' Sunshine" written by Colin MacDonald, recorded by The Trews. <br><br>
<i>italic</i> <b>bold</b> <a href="http://www.neopets.com/">link</a><br><br>

When you are stuck in yesterday.<br>
And this old town keeps you locked up,<br>
and lost inside.<br>
It draws the lines upon your face.<br><br>

It makes you old before your day,<br>
though its raining.<br>
Don't stay in..<br>
Don't stay in.<br>
We are dancing<br><br>

I'm right on time<br>
I'm makin' sunshine.<br><br>

<h1>My heart is not the type to sway</h1>
<br>
It's good for any other day<br>
But if you say that you will stay,<br>
will you be mine?<br>
Oh I'll make everything okay.<br><br>

I'll push the hurt a world away,<br>
though its raining,<br>
Don't stay in.<br>
No escaping,<br>
We are dancing<br><br>

I'm right on time<br>
I'm makin' sunshine.<br><br>

<h1>There was a time I was afraid</h1>
<br>
I let my strength and spirit fade.<br>
But now's the time to stand aware,<br>
and take what's mine.<br>
The lesson's done, my dues are paid<br><br>

I'm right on top,<br>
I'm making sunshine<br><br>

CSS by Emilie @ <a href="http://www.neopets.com/~singitoutloud">Cantabile Design</a>.<br>
Page hosted by <a href="http://www.neopets.com/">neopets</a>.

</center>
</div>

Cantabile Design

Rules

Requests

Pickup

Premades

Floral Series

Soft Stripe Series

Cloud Series

simplicity series

fairytale series

Updates

Link Back

Reviews

Affiliates

Listed

awarded

count

Credit