Updates
09.03 New layout is up and running, stay tuned for updates

07.29 5 stamp sets, as well as one colorizing tutorial added!

07.22 2 new CSS pet page layouts added! Go check em' out (:

07.21 Nr Layout tutorial added. 6 Gossip Girl icons added! Also, one blending tutorial added.

Site Info.
Allodic was made on July 19th, 2008
by Hails and Lexi,
two fantabulous people!
We vow to bring you amazing graphics, brushes, tutorials, premade css, psds, etc.
We were hosted by the lovely Clare,
thank you so much!

Contact Us
E-mail-lexihails@yahoo.com
MSN-hahahails@hotmail.com
Neo-allodic

Comment Us <a href="http://www4.shoutmix.com/?allodic">View shoutbox</a>

site you us clear host

Layouts Have a site? Unfortunate with html/css? Make it pretty with our css! We'll have site, lookup, and petpage css!

Rules:
Don't take these and claim these as your own,
you ARE allowed to edit them, but don't take our credit off.

CSS Userlookups Click on the title to preview them. =)

<style /> .content b, .content img{visibility:hidden;} .contentModule b, .contentModule img {visibility:visible;border:none} .contentModuleTable,.contentModule,#main{background:none;border:none} .contentModuleContent{border-bottom:5px solid #404040;} .contentModuleContent{filter: alpha(opacity=70); opacity:0.7;} .contentModuleContent:hover{filter: alpha(opacity=90); opacity:0.9;} .contentModuleHeader,.contentModuleHeaderAlt,.h1{font-family:tahoma;color:#000;background:none;font-size:22pt;line-height:28pt;height:28px;border-bottom:#000000 solid 1px;display:block;font-weight:normal;text-align:right;} #content{width:468px;positive:relative;} font,td,p,xmp,u,body,.content,.medText{COLOR:#575652;font-family:tahoma;font-size:8pt;line-height:12pt;font-weight:normal;} #header,#footer,hr,#usershop,#userhome,#usercollections{display:none;} #so,#li,#la,#if,#st{position:absolute;visibility:visible;border:none;} #so{height:327px;width:1000px;top:0px;left:0px;} #st{left:351px;top:0px;width:468px;} #li{left:859px;top:58px;width:40px;} #la{left:351px;top:1080px;width:468px;} #le{text-align:left} #ce{text-align:center;} #userinfo,#userneopets{width:468px;} #userneopets img, #usertrophies img{width:50px;height:50px;} body{background-image:url(http://usera.imagecave.com/Stripey_jack/cssbg.png);background-repeat:repeat;} a.nav{filter: alpha(opacity=90); opacity:0.9;} a.nav:hover{filter: alpha(opacity=0); opacity:0.0;} a.nav,a.nav:hover{color:#fff;display:block;border-top:none;background:transparent;font-size:20pt;letter-spacing:1px;font-weight:bold;font-family:arial;line-height:22pt;text-align:right;text-decoration:none;height:25px;font-style:italic;} a.nav2{filter: alpha(opacity=90); opacity:0.9;} a.nav2:hover{filter: alpha(opacity=0); opacity:0.0;} a.nav2,a.nav2:hover{color:#62d4de;display:block;border:#000000 solid 1px;background:#ffffff;font-size:10pt;letter-spacing:1px;font-weight:normal;font-family:tahoma;line-height:15pt;text-align:right;text-decoration:none;height:15px;width:468px} </style /> <img src="http://usera.imagecave.com/Stripey_jack/csslay.png" id="so"> </i> <div id="li"><div id="ce"> <a href="LINK" class="nav">1.</a> <BR><P><BR> <a href="LINK" class="nav">2.</a> <BR><P><BR> <a href="LINK" class="nav">3.</a> <BR><P><BR> <a href="LINK" class="nav">4.</a> <BR><P><BR> </div></div> <div id="la"><div id="ce"> <a href="LINK" class="nav2">thanks allodic for the spiffeh css </a> <BR><P><BR> </div></div> <div id="st"> <font class="h1">Me me me</font><P> Made for you by the lovely peope at allodic @ go-scarecrow.net. Feel free to change colours and fonts and such. Just remember to mention somewhere 'css help by allodic.go-scarecrow.net' Or something like that. <BR>&& like tell your friends about us k :D <table>

pet pages

ALLODIC DEFAULT

<style /> #content{width:388px;positive:relative;} .content b, .content img{visibility:hidden;} .contentModule b, .contentModule img{visibility:visible;border:none} .contentModule,#main{background:none;border:none;} font,td,p,xmp,u,body,.content,.medText{color: #000000;letter-spacing:1px;background:none; font-family:arial; font-size:8pt; font-weight:normal; line-height:8pt;text-transform:none;} textarea{color: #fc4c69; font-family: franklin gothic medium; font-size: 7pt; line-height: 11pt; border:#E7E7E7 1px solid;} #usershop img,.contentModuleHeader,.contentModuleHeaderAlt,#header,#footer,hr{display:none;} #da,#l1,#b2,#b3,#l2,#l3{position:absolute;visibility:visible;} #da{height:378px;width:1007px;top:0px;left:0px;} #l1{top:175px; left:473px; width:20px;} #b2{top:20px; left:20px; width:388px;} #l2{top:268px; left:485px; width:20px;} #l3{top:240px; left:572px; width:20px;} #b3{left:0px; top:814px; width:388px;} .contentModuleTable,#wh{background:none;filter:alpha(opacity=80);opacity:0.8;border:none;} body{background-image:url(http://usera.imagecave.com/Stripey_jack/bgpet.png);background-repeat:repeat;} .h1{font-family: century gothic;color:#000;background:none;font-size:25pt;line-height:42pt;height:42px;border-bottom:#000000 solid 1px;display:block;font-weight:normal;text-align:right;} .h2{font-family:tahoma;color:#000;background:#0dbfb5;font-size:12pt;line-height:16pt;height:16px;border:#ffffff solid 1px;display:block;font-weight:normal;text-align:left;} a.nav {color: #000000; background: transparent; font-family: century gothic; font-size: 36pt; line-height:53px; text-align:center; display:block;border-bottom:none;text-decoration:none;} a.nav:hover{color:#fc694d; background: transparent; font-family: century gothic; font-size: 28pt; line-height:53px; text-align:center; display:block;border-bottom:none;text-decoration:none;} a.nav1 {color: #000000; background: transparent; font-family: century gothic; font-size: 35pt; line-height:53px; text-align:center; display:block;border-bottom:none;text-decoration:none;} a.nav1:hover{color:#fc694d; background: transparent; font-family: century gothic; font-size: 28pt; line-height:53px; text-align:center; display:block;border-bottom:none;text-decoration:none;} a.nav2 {color: #000000; background: transparent; font-family: century gothic; font-size: 33pt; line-height:53px; text-align:center; display:block;border-bottom:none;text-decoration:none;} a.nav2:hover{color:#fc694d; background: transparent; font-family: century gothic; font-size: 28pt; line-height:53px; text-align:center; display:block;border-bottom:none;text-decoration:none;} </style /> <img src="http://usera.imagecave.com/Stripey_jack/csspet2.png" id="da"></div> <div id="l1"> <a class="nav" href="http://www.neopets.com/~allodic">1.</a> </div> <div id="l2"> <a class="nav1" href="LINK URL">2.</a> </div> <div id="l3"> <a class="nav1" href="LINK URL">3.</a> </div> <div id="b2"><P> <font class=h1>TITLE HERE</font><div id="wh"><P> <font class=h2>Nav: <B>1.</b>allodic <B> 2.</b>LINK <B> 3.</b>LINK </font><BR><P> <BR> PLEASE DO NOT REMOVE CREDIT TO ALLODIC!! (: TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE <P><BR><P><BR></BR></bR> </center> <font class=h2>Thanks to allodic for the css</font> </div> <div id="b3"> <table>

<style /> #content{width:362px;positive:relative;} .content b, .content img{visibility:hidden;} .contentModule b, .contentModule img{visibility:visible;border:none} .contentModule,#main{background:none;border:none;} font,td,p,xmp,u,body,.content,.medText{color: #000000;letter-spacing:1px;background:none; font-family:arial; font-size:8pt; font-weight:normal; line-height:8pt;text-transform:none;} textarea{color: #fc4c69; font-family: franklin gothic medium; font-size: 7pt; line-height: 11pt; border:#E7E7E7 1px solid;} #usershop img,.contentModuleHeader,.contentModuleHeaderAlt,#header,#footer,hr{display:none;} #da,#b1,#b2,#b3{position:absolute;visibility:visible;} #da{height:474px;width:1007px;top:0px;left:0px;} #b1{top:157px; left:653px; width:20px;} #b2{top:170px; left:265px; width:362px;} #b1,#b2{text-align:left} #b3{left:0px; top:1314px; width:362px;} .contentModuleTable,#wh{background:#ffffff;filter:alpha(opacity=80);opacity:0.8;border:none;} body{background-image:url(http://usera.imagecave.com/Stripey_jack/cssbg2.png);background-repeat:repeat;} .h1{font-family:tahoma;color:#000;background:none;font-size:22pt;line-height:32pt;height:32px;border-bottom:#000000 solid 1px;display:block;font-weight:normal;text-align:right;} .h2{font-family:tahoma;color:#000;background:#fc4c69;font-size:12pt;line-height:18pt;height:18px;border:#ffffff solid 1px;display:block;font-weight:normal;text-align:left;} a.nav {color: #ffffff; background: transparent; font-family: century gothic; font-size: 28pt; line-height:53px; text-align:center; display:block;border-bottom:none;text-decoration:none;} a.nav:hover{color:#fc694d; background: transparent; font-family: century gothic; font-size: 28pt; line-height:53px; text-align:center; display:block;border-bottom:none;text-decoration:none;} </style /> <img src="http://usera.imagecave.com/Stripey_jack/csspet.png" id="da"></div> <div id="b1"> <a class="nav" href="LINK URL">1.</a><BR><P><BR><P> <a class="nav" href="LINK URL">2.</a><BR><P><BR><P> <a class="nav" href="http://www.neopets.com/~allodic">3.</a><P><BR> </div> <div id="b2"><P> <font class=h1>TITLE HERE</font><div id="wh"><P> <font class=h2>Nav: <B>1.</b>LINK <B> 2.</b>LINK <B> 3.</b>allodic </font><BR><P> PLEASE DO NOT REMOVE CREDIT TO ALLODIC!! (: TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE <P><BR><P><BR></BR></bR> </center> <font class=h2>Thanks to allodic for the css</font> </div> <div id="b3"> <table>