Rhoark got their homepage at Neopets.com

So I don't know if anyone still comes here or whatever, but because I was lazy and hotlinked a lot of the backgrounds I used, in order for them to work, you'll have to re-host them yourself on an image hosting site (there are plenty of free ones). Sorry about that.

Hey, welcome to yet another reincarnation of my css premades. Use these however you like, just remember that you are required to link back here or to my userlookup. Unfortunately I don't have the time to neomail before reporting for theft anymore, TNT can sort it out. Don't worry though, everything already has appropriate credit, so just don't remove it and you'll be fine.

petpages

<a name="p1"></a><div id="neekoe">
<h1>Welcome</h1>
Lorem ipsum dolor sit <b>amet</b>, consectetur adipiscing elit. In ut vestibulum dui. Donec aliquet placerat arcu, sagittis facilisis arcu ultricies vitae. Suspendisse dapibus iaculis diam cursus auctor. Praesent egestas tempor fermentum. Pellentesque <i>scelerisque</i> auctor auctor. Nulla vel lacus in tortor lobortis acrsan vestibulum et turpis. Maecenas non felis in diam tristique porta vitae et sapien.<br><br>

Vestibulum in elit neque, a blandit ligula. Sed <a href="/">congue condimentum</a> augue et mattis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer sodales tincidunt nulla, vel faucibus diam volutpat vitae. Praesent augue nulla, mollis ac eleifend sit amet, consectetur a metus. Nulla hendrerit lobortis tortor, vel dignissim arcu condimentum vel. Aenean congue scelerisque justo, ac sagittis sapien imperdiet vitae.

<br><br><h2>Header</h2>

Etiam ultrices malesuada arcu, id ornare velit sollicitudin non. Pellentesque dapibus arcu sit amet est luctus faucibus. Cras a massa eros, a dictum lorem. r sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed bibendum, nisl ullamcorper fermentum tristique, est nunc vehicula nibh, in porta mi eros et justo. In hac habitasse platea dictumst. Nunc nec lectus mauris. Nunc at tempor libero. Praesent in lectus et lacus pulvinar bibendum at at ipsum. Mauris scelerisque, eros sed sollicitudin placerat, dolor augue consequat mauris, at aliquet arcu mauris eu mi.
</div>

</div>
<div id="box2" style="position: absolute;">
<h1>Updates</h1>
<b>00/00/00</b> Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ut vestibulum dui.<br><br><b>00/00/00</b> Donec aliquet placerat arcu, sagittis facilisis arcu ultricies vitae. Suspendisse dapibus iaculis diam cursus auctor. Praesent egestas tempor fermentum.
</div>
<div id="box3" style="position: absolute;">
<a href="#p1">Page 1</a>
<a href="#p2">Page 2</a>
<a href="#p3">Page 3</a>
<a href="#p4">Page 4</a>
<a href="#p5">Page 5</a>
<a href="#p6">Page 6</a>
</div>
<div id="box4" style="position: absolute;">
</div>
<div id="ne" style="position: fixed;"><a href="/~Rhoark">css by neekoe</a></div>

<div id="ne" style="position: fixed;"><a href="/~Rhoark">css by neekoe</a></div>

<div id="title">
title
</div>
<div id="nav">
<a href="/myaccount.phtml">account</a>
<a href="/customise/">customise</a>
<a href="/games/arcade.phtml">games</a>
<a href="/explore.phtml">explore</a>
<a href="/nf.phtml">news</a>
<a href="/petcentral.phtml">central</a>
<a href="/neoboards/index.phtml">boards</a>
<a href="/objects.phtml">shops</a>
</div>
<div id="content">

<h1>Header</h1>
<h2>Sub-Header</h2>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer tincidunt condimentum lorem. Proin ut ante dolor, sit amet <a href="/">link</a> massa. Quisque tempor dignissim dolor vitae pellentesque. Aenean fermentum, massa eu suscipit fermentum, lectus ipsum sagittis odio, porttitor tristique odio ligula id sem. Sed tristique ipsum id augue vulputate id malesuada sem hendrerit. Praesent non lectus nibh, ut luctus augue. Mauris egestas tellus et lectus egestas nec pulvinar nunc faucibus. Phasellus sagittis ullamcorper nisi a faucibus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Cras pellentesque mattis bibendum. Suspendisse potenti. Fusce mollis sodales lacus eu iaculis. Quisque malesuada purus quis ante vehicula sed hendrerit nisi mollis. Nulla nec est augue, id semper erat.
<br><br>
Ut faucibus aliquam lectus, in varius turpis tincidunt et. Donec iaculis elementum cursus. Mauris ultrices varius orci, eu condimentum justo dictum a. Vivamus non varius dui. Ut ut lectus magna. Proin rhoncus, nunc et lacinia vehicula, tortor nisi sollicitudin nisl, a tristique metus risus at urna. Nullam massa ante, congue quis suscipit quis, tempus varius sem. Nulla vitae velit ligula. Vestibulum quis nisl quam, vel ornare orci. Praesent a adipiscing mauris.

</div>
<br><center>
<div style="font: 10px verdana; line-height: 14px; color: #2e2e2e;">css by mel / neekoe<br>
get it <a href="/~Rhoark">here</a>
</div>

</center>
</center>

<a name="anchor2"></a> Anchor 2 will link to here.
<a name="anchor3"></a> Anchor 3 will link to here.
<a name="anchor4"></a> Anchor 4 will link to here.
<a name="anchor5"></a> Anchor 5 will link to here.
<a name="anchor6"></a> Anchor 6 will link to here.
</div>

<div id="ne" style="position: fixed;"><a href="/~Rhoark">css by neekoe</a></div>

<div id="neekoe" style="position: absolute;">
<h1>Title</h1>

Lorem ipsum dolor sit <b>amet</b>, consectetur adipiscing elit. In ut vestibulum dui. Donec aliquet placerat arcu, sagittis facilisis arcu ultricies vitae. Suspendisse dapibus iaculis diam cursus auctor. Praesent egestas tempor fermentum. Pellentesque <i>scelerisque</i> auctor auctor. Nulla vel lacus in tortor lobortis acrsan vestibulum et turpis. Maecenas non felis in diam tristique porta vitae et sapien.

<br><br><a name="anchor1"></a><h2>Header 1</h2>

<a name="anchor2"></a> <h2>Header 2</h2>

Etiam ultrices malesuada arcu, id ornare velit sollicitudin non. Pellentesque dapibus arcu sit amet est luctus faucibus. Integer sodales tincidunt nulla, vel faucibus diam volutpat vitae.

<a name="anchor3"></a> <h2>Header 3</h2>

<a name="anchor5"></a> <h2>Header 5</h2>

<div id="ne" style="position: fixed;"><a href="/~Rhoark">css by neekoe</a></div>

<div id="top"><div class="inner">
<div id="nav">header<div style="height: 5px;"> </div>
<a href="#an1">Anchor 1</a>
<a href="#an2">Anchor 2</a>
<a href="#an3">Anchor 3</a>
<a href="#an4">Anchor 4</a>
<a href="#an5">Anchor 5</a>
<a href="/~Rhoark">CSS</a>
</div>
<div id="box">
I know the header is rather large, <b>so if you have a longer title, just find</b> the part of the code that says #nav and change the size of the font to something smaller. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer tortor dolor, posuere in ultricies ac, ornare ut arcu. Donec pharetra sodales tellus at gravida. Suspendisse potenti. Integer lacus metus, malesuada in <i>dapibus eu, mollis at elit</i>. Morbi massa magna, consequat in eleifend sit amet, interdum semper lacus. Vestibulum tincidunt luctus arcu non dignissim. Proin luctus adipiscing ipsum non mollis. Praesent convallis mattis metus, eu molestie ligula viverra et. Quisque semper facilisis odio, sed ullamcorper ligula condimentum nec. In accumsan mauris a ipsum porta facilisis. Vivamus id justo ac lectus facilisis commodo. Lorem <a href="/">ipsum dolor</a> sit amet, consectetur adipiscing elit. Integer tortor dolor, posuere in ultricies ac, ornare ut arcu. Donec pharetra sodales tellus at gravida. Suspendisse potenti. Integer lacus metus, malesuada in dapibus eu, mollis at elit. Morbi massa magna, consequat in eleifend sit amet, interdum semper lacus. 
</div>
</div></div>
<div id="cont"><div class="inner" style="padding-top: 10px;">
<a name="an1"></a><h2>Header 1</h2>
Lorem <a href="/">ipsum dolor</a> sit amet, consectetur adipiscing elit. Integer tortor dolor, posuere in ultricies ac, ornare ut arcu. Donec pharetra sodales tellus at gravida. Suspendisse potenti. Integer lacus metus, malesuada in dapibus eu, mollis at elit. Morbi massa magna, consequat in eleifend sit amet, interdum semper lacus. Vestibulum tincidunt luctus arcu non dignissim. Proin luctus adipiscing ipsum non mollis. Praesent convallis mattis metus, eu molestie ligula viverra et. Quisque semper facilisis odio, sed <i>ullamcorper ligula condimentum</i> nec. In accumsan mauris a ipsum porta facilisis. Vivamus id justo ac lectus facilisis commodo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer tortor dolor, posuere in ultricies ac, ornare ut arcu. Donec pharetra sodales tellus at gravida. <b>Suspendisse potenti</b>. Integer lacus metus, malesuada in dapibus eu, mollis at elit. Morbi massa magna, consequat in eleifend sit amet, interdum semper lacus.

<br><br><a name="an2"></a><h2>Header 2</h2>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer tortor dolor, posuere in ultricies ac, ornare ut arcu. Donec pharetra sodales tellus at gravida. Suspendisse potenti. Integer lacus metus, malesuada in dapibus eu, mollis at elit. Morbi massa magna, consequat in eleifend sit amet, interdum semper lacus. Vestibulum tincidunt luctus arcu non dignissim. Proin luctus adipiscing ipsum non mollis. Praesent convallis mattis metus, eu molestie ligula viverra et. Quisque semper facilisis odio, sed ullamcorper ligula condimentum nec. In accumsan mauris a ipsum porta facilisis. Vivamus id justo ac lectus facilisis commodo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer tortor dolor, posuere in ultricies ac, ornare ut arcu. Donec pharetra sodales tellus at gravida. Suspendisse potenti. Integer lacus metus, malesuada in dapibus eu, mollis at elit. Morbi massa magna, consequat in eleifend sit amet, interdum semper lacus.

<br><br><a name="an3"></a><h2>Header 3</h2>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer tortor dolor, posuere in ultricies ac, ornare ut arcu. Donec pharetra sodales tellus at gravida. Suspendisse potenti. Integer lacus metus, malesuada in dapibus eu, mollis at elit. Morbi massa magna, consequat in eleifend sit amet, interdum semper lacus. Vestibulum tincidunt luctus arcu non dignissim. Proin luctus adipiscing ipsum non mollis. Praesent convallis mattis metus, eu molestie ligula viverra et. Quisque semper facilisis odio, sed ullamcorper ligula condimentum nec. In accumsan mauris a ipsum porta facilisis. Vivamus id justo ac lectus facilisis commodo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer tortor dolor, posuere in ultricies ac, ornare ut arcu. Donec pharetra sodales tellus at gravida. Suspendisse potenti. Integer lacus metus, malesuada in dapibus eu, mollis at elit. Morbi massa magna, consequat in eleifend sit amet, interdum semper lacus.

<br><br><a name="an4"></a><h2>Header 4</h2>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer tortor dolor, posuere in ultricies ac, ornare ut arcu. Donec pharetra sodales tellus at gravida. Suspendisse potenti. Integer lacus metus, malesuada in dapibus eu, mollis at elit. Morbi massa magna, consequat in eleifend sit amet, interdum semper lacus. Vestibulum tincidunt luctus arcu non dignissim. Proin luctus adipiscing ipsum non mollis. Praesent convallis mattis metus, eu molestie ligula viverra et. Quisque semper facilisis odio, sed ullamcorper ligula condimentum nec. In accumsan mauris a ipsum porta facilisis. Vivamus id justo ac lectus facilisis commodo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer tortor dolor, posuere in ultricies ac, ornare ut arcu. Donec pharetra sodales tellus at gravida. Suspendisse potenti. Integer lacus metus, malesuada in dapibus eu, mollis at elit. Morbi massa magna, consequat in eleifend sit amet, interdum semper lacus.

<br><br><a name="an5"></a><h2>Header 5</h2>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer tortor dolor, posuere in ultricies ac, ornare ut arcu. Donec pharetra sodales tellus at gravida. Suspendisse potenti. Integer lacus metus, malesuada in dapibus eu, mollis at elit. Morbi massa magna, consequat in eleifend sit amet, interdum semper lacus. Vestibulum tincidunt luctus arcu non dignissim. Proin luctus adipiscing ipsum non mollis. Praesent convallis mattis metus, eu molestie ligula viverra et. Quisque semper facilisis odio, sed ullamcorper ligula condimentum nec. In accumsan mauris a ipsum porta facilisis. Vivamus id justo ac lectus facilisis commodo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer tortor dolor, posuere in ultricies ac, ornare ut arcu. Donec pharetra sodales tellus at gravida. Suspendisse potenti. Integer lacus metus, malesuada in dapibus eu, mollis at elit. Morbi massa magna, consequat in eleifend sit amet, interdum semper lacus.

<br><br><center>css by <a href="/userlookup.phtml?user=neekoe">neekoe</a> | get it <a href="/">here</a>.</center>
<br><br>
</div></div>

userlookups

<div id="text">
<a href="/~Rhoark"><img src="http://i56.tinypic.com/11kjdcj.png" border="0" style="float: right;"></a>
<h1>Hey there.</h1>
Welcome to my lookup! It's pretty bland because it's a premade that I got from <a href="/~Rhoark">Mel's CSS</a> that I haven't filled in yet. Awks. This is written here to remind me to leave credit on so I don't get in trouble for theft, and to replace the pets below with my pets, or else I'll look pretty silly. Also, I should remember that I can change the background of this lookup with something I like better from <a href="/~Rhoark#extras">here</a>, just to mix things up a little.
</div>
<br><a href="/petlookup.phtml?pet=petname"><div class="pet">
<img src="http://pets.neopets.com/cpn/petname/1/1.png"><br>Pet name</div></a><a href="/petlookup.phtml?pet=petname">

</a><a href="/petlookup.phtml?pet=petname"><div class="pet">
<img src="http://pets.neopets.com/cpn/petname/1/1.png"><br>Pet name</div></a><a href="/petlookup.phtml?pet=petname">

</a><a href="/petlookup.phtml?pet=petname"><div class="pet">
<img src="http://pets.neopets.com/cpn/petname/1/1.png"><br>Pet name</div></a><a href="/petlookup.phtml?pet=petname">
</a>
</div>

<center>
<br>css © mel / neekoe<br>
get it <a href="/~Rhoark">here</a>
</center>
</div>
<div style="width: 189px; float: right; margin: 0 7px 0 20px; text-align: left;">
<h2>links</h2>
» <a href="/">links can</a><br>
» <a href="/">go in here</a><br>
» <a href="/">if you like</a><br>
» <a href="/~rhoark">css</a><br><br><center>Or you can put something else here, just don't remove the credit!</center>
</div>

pet lookups

<div id="dontremove"><a href="/~Rhoark">css by neekoe</a></div>

<div id="dontremove"><a href="/~Rhoark">css by neekoe</a></div>

extras

These are just little pieces of code you might find useful. I don't really require credit for these, though it would be appreciated. These are all CSS codes, and need to be put between style tags.

Userlookups

Full Removal Code

80x80px Neopet Images

50x50px Neopet Images

Skinny Neopet Images

Wide Neopet Images

Fancy White Dropdown

Pet Lookups

Full Removal Code

Large Neopet Image

Small Neopet Image

Shops/Galleries

Remove Image Borders

Remove Line

Backgrounds
I take zero credit for these, and simply host them here for you guys. I made none of them, some I recoloured or whatever, but I still don't want any credit for these, although you can link back here if you wish so others know where to get them. I get these from various places, mostly Squidfingers, Colorlovers and Subtle Patterns, unfortunately I can't link offsite. Inside each box is the code to make it your page background, it must go between the style tags.

faq

Can you make me a custom layout?
Not specifically for you, no. I will however take requests for layouts that can still be used by anyone. For example, you can request a adoption agency layout with anchored pages, but you can't request a userlookup that features a graphic containing your username. For that matter, please don't request anything graphic-heavy, as this is predominantly a CSS page because I'm incredibly lazy and my graphics skills are quite subpar.

Why won't my image/table show up?
Sometime I get lazy and use codes to get rid of neo things that may effect your own images and tables. If a solution isn't offered in the page code itself, then adding style="display:inline to your image or table tags should make them work. If it still doesn't, add !important after the word inline.

I can't see/press the save changes button, so how do I save my page?
Just zoom out and you'll be able to find it/press it. Or, if you know how to in your browser, disable the CSS altogether. In Firefox, you do this by going into View - Page Style - No Style.

If your question isn't answered here, go ahead and send me a neomail.

site

Affiliates

Listers: None yet!

SINCE 18/10/12

This site was launched on the 18th of October, 2012 after taking down my previous page which hadn't been updated in a year, due to an unexpected hiatus. There are currently 15 layouts available, 11 extra codes and 61 backgrounds.

Link Back

Credits
- Backgrounds from Subtle Patterns
- Counter from Boingdragon

═════ mels ★ css ═════

petpages

userlookups

pet lookups

extras

faq

site