Here are the neopets graphics i have made, tho you can use them othere places they fit in better on neopets because thats what they were designed for.

How to use?

If you are useing the code for neopets use the top codes if you are useing it for something else then use the bottom code.

Naruto - Kakashi

Special Features
Has two text area's

Neopets Code Is:

<style type="text/css"> body { scrollbar-face-color:Gray; scrollbar-shadow-color:Black; scrollbar-highlight-color:White; scrollbar-3dlight-color:White; scrollbar-darkshadow-color:Black; scrollbar-track-color:Black; scrollbar-arrow-color:Black;} </style> <style type="text/css"> TD,FONT,P,A,I, {color:black; font-size:8pt; font-family:Invite SF;} A:LINK {color:silver;:none;} A:VISITED{color:silver;:none;} A:HOVER {color:black;:none;} </style></i> <style type="text/css"> #container { text-align: left; width: 780px; height: 1000px; background-image: url(http://i220.photobucket.com/albums/dd116/pazzy2000/Layoutpscopy.jpg); } #container td { color: black; font-size: x-small; } #content01 { padding: 4px; left:350px; top: 150px; overflow: auto; } #box01, #content01 { width: 398px; height: 300px; position: absolute; } #content02 { padding: 4px; left: 350px; top: 520px; overflow: auto; } #box02, #content02 { width: 398px; height: 300px; position: absolute; } </style> <div id="container"> <div id="box01"><div id="content01"><table><tr><td><h2>Your TEXT HERE</h2> YOUR TEXT HERE </td></tr></table></div></div> <div id="box02"><div id="content02"><table><tr><td><h2>Activities</h2> YOUR TEXT HERE </td></tr></table></div></div> </div> </div>

Code is:

<style type="text/css"> body { scrollbar-face-color:Gray; scrollbar-shadow-color:Black; scrollbar-highlight-color:White; scrollbar-3dlight-color:White; scrollbar-darkshadow-color:Black; scrollbar-track-color:Black; scrollbar-arrow-color:Black;} </style> <style type="text/css"> TD,FONT,P,A,I, {color:black; font-size:8pt; font-family:Invite SF;} A:LINK {color:silver;:none;} A:VISITED{color:silver;:none;} A:HOVER {color:black;:none;} </style></i> <style type="text/css"> #container { text-align: left; width: 780px; height: 1000px; background-image: url(http://i220.photobucket.com/albums/dd116/pazzy2000/Layoutpscopy.jpg); } #container td { color: black; font-size: x-small; } #content01 { padding: 4px; left:350px; top: 150px; overflow: auto; } #box01, #content01 { width: 398px; height: 300px; position: absolute; } #content02 { padding: 4px; left: 350px; top: 520px; overflow: auto; } #box02, #content02 { width: 398px; height: 300px; position: absolute; } </style> <div id="container"> <div id="box01"><div id="content01"><table><tr><td><h2>Your TEXT HERE</h2> YOUR TEXT HERE </td></tr></table></div></div> <div id="box02"><div id="content02"><table><tr><td><h2>Activities</h2> YOUR TEXT HERE </td></tr></table></div></div> </div> </div>

 Blink 182

Neopets code is:

<a href="http://s220.neopets.com/albums/dd116/pazzy2000/?action=view¤t=BulmersHeadercopy.jpg" target="_blank"><img src="http://i220.photobucket.com/albums/dd116/pazzy2000/BulmersHeadercopy.jpg" border="0" alt="Photobucket"></a></p><p><u>Code is:</u></p><p><textarea><a href="http://s220.photobucket.com/albums/dd116/pazzy2000/?action=view¤t=BulmersHeadercopy.jpg" target="_blank"><img src="http://i220.photobucket.com/albums/dd116/pazzy2000/BulmersHeadercopy.jpg" border="0" alt="Photobucket"></a></p><p> </p><!-- ParagraphBodyEnd --></div> <div class="fw-paragraphbottom"></div> </div><!-- ParagraphEnd 150060931 --> </div> </div> </div> <div id="fw-sidebar"> <div id="fw-sidebarbegin"></div> <div id="fw-sidebarend"></div> </div> <div class="clears"> </div> </div> <div id="fw-footer"> <p id="fw-foottext" class="fw-footertext">Naru-Codes©2008        17/1/2008</p> <p><script> _udn="none"; </script> <script> function utmx_section(){}function utmx(){} (function(){var k='0083307441',d=document,l=d.location,c=d.cookie;function f(n){ if(c){var i=c.indexOf(n+'=');if(i>-1){var j=c.indexOf(';',i);return c.substring(i+n. length+1,j<0?c.length:j)}}}var x=f('__utmx'),xx=f('__utmxx'),h=l.hash; d.write('<sc'+'ript src="'+ 'http'+(l.protocol=='https:'?'s://ssl':'://www')+'.google-analytics.com' +'/siteopt.js?v=1&utmxkey='+k+'&utmx='+(x?x:'')+'&utmxx='+(xx?xx:'')+'&utmxtime=' +new Date().valueOf()+(h?'&utmxhash='+escape(h.substr(1)):'')+ '" type="text/javascript" charset="utf-8"></sc'+'ript>')})(); </script> <script>utmx_section("Footer Link")</script> <p id="free-website" style="float:left; font-size:11px; width:550px; text-align:left;">Create a <a href="http://www.webs.com/?referer=freebar&cm_mmc=Freewebs-_-Free%20Website-_-Freebar-_-Free%20Website" title="free website"> free website</a> at <a href="http://www.webs.com/?referer=freebar&cm_mmc=Freewebs-_-Free%20Website-_-Freebar-_-Free%20Website" title="free website">Webs.com</a>  </p> </noscript> <script> if(typeof(urchinTracker)!='function')document.write('<sc'+'ript src="'+ 'http'+(document.location.protocol=='https:'?'s://ssl':'://www')+ '.google-analytics.com/urchin.js'+'"></sc'+'ript>') </script> <script> _uacct = 'UA-230305-10'; _udn="none"; urchinTracker("/0083307441/test"); </script> <p id="wildfire" style="float:right; margin-right:5px;"> <script type="text/javascript"> addthis_url = location.href; addthis_title = document.title; addthis_pub = 'webs'; </script> <script type="text/javascript" src="http://s7.addthis.com/js/addthis_widget.php?v=12"></script> <!--<script src="http://cdn.gigya.com/wildfire/JS/WFButton.js?module=share&partner=54291"></script>--> </p> </p> </div> </div> <!-- --><script type="text/javascript" src="http://images.webs.com/static/global/js/webs/usersites/escort.js"></script><script type="text/javascript">if(typeof(urchinTracker)=='function'){_uacct="UA-230305-2";_udn="none";_uff=false;urchinTracker();}</script><script type="text/javascript" src="http://edge.quantserve.com/quant.js"></script> <script type="text/javascript">_qacct="p-44naSaXtNJt26";quantserve();</script> </body> </html> <!-- PageID 88292048--> <!-- host59-vm63-ub-local.freewebs.com -->