rock the riot

Welcome!

Welcome to Rock The Riot Graphics. This is a CSS site run by Tess (stars_shall_fall). I make banners, buttons, icons, user lookups and petpages. I've just started guild layouts as well so hopefully some examples will be posted soon. My layouts/graphics are tested in Safari, Chrome and Firefox. If you do not use these web browsers and have difficulty viewing the petpages, please inform me of what browser you are using and where the issues are.
Do not remove credit. All the work posted below is my own. Please leave some form of credit somewhere on the page. I will not hesitate to report anyone I find using my layouts without giving me credit. Any other questions or concerns, feel free to neomail me.
NOTE!**I have recently switched from PC to Mac. Petpages 1 through 5 were all made on PC. For this reason, many fonts I used do not appear on Mac. Look at the screencaps and play around with the fonts if you'd like. If people request it, I can make a list of similar fonts as well.

Navigation!

Petpages
User Lookups
Guild Layouts
Banners, Buttons & Icons
Completed Requests

Updates!

12.10.11- Site is currently being restored.
2.1.11- Everything is currently removed from the site until I can figure out every aspect of the new filter. I apologize.
1.28.11- New image/color scheme available for the Petpage 2 Variation! Petpage 5 added! New color scheme for petpage 3!
1.26.11- +1 affie!
1.20.11- Petpage 4 added!
12.29.10- Re-vamp! Re-designed the site! Petpage 2 & 3 added! +4 affies!
12.26.10- Rock The Riot is open for business! Petpage 1, an icon, and several banners added!

Requests!

Requests Are Open!
All requests are open! Just neomail stars_shall_fall with what you'd like! Be sure to include color schemes and any images/fonts you'd like included. If you are requesting a petpage, let me know if you'd like me to use one of my current pages as a base template. For example, if you like the still of page 3 but wish to have some differences, just let me know what you're looking for and tell me to base the page off Petpage 3.

Affiliates!

Randum Fonts

Link back?

Petpages

The petpages listed on this page with list out the various color schemes available for that layout next to the text box with the code. Don't see a color scheme you like? Neomail me what petpage you would like and in what colors.

Petpage One

This is my first petpage. It's fairly simply but I like it. (My favorite color scheme is the blue one, just saying.) Drag the image to your navigation bar to enlarge.

<h1>title here</h1>

<div id="rightside">
<h2>navigation</h2>
<br><a href="/index.phtml" class="nav">link</a>
<a href="/index.phtml" class="nav">link</a>
<a href="/index.phtml" class="nav">link</a>
<a href="/index.phtml" class="nav">link</a>
<a href="/~PleaseNeverLetGo" class="nav">credit</a>
</div>

<div id="leftside">
<h2>header</h2>
<br>
CCS by Tess from Rock the Riot which can be found at /~PleaseNeverLetGo! Welcome to your new petpage! Feel free to edit whatever you'd like just please don't remove credit! This is where you can put your "About Me" section and write whatever you'd like!  If you have any questions regarding the layout, please neomail stars_shall_fall and I'll be happy to help! <br><b>bold</b> <i>italics</i> underline <a href="/index.phtml">link</a><p>
Thank you for using this layout!<br>
Please keep some form of credit on the page no matter how much you edit!</p>
<p>
The more you type, the better the layout shows up. Try to at least type enough to equal the height of your navigation table. If you keep typing more and more after that, it'll look even better!</p>
<p>
Remember, if you have any questions or problems with the layout, neomail Tess at stars_shall_fall.</p>
<p>
Other than that, enjoy your layout! Thank you for using it!<br>
Feel free to change the image on this page. Just remember to keep it cropped. That means, where you put in the image http address, leave the height and width. You can change the numbers so the picture isn't distorted and so it's the size you want, but make sure those stay there or your picture may be too big and destroy the layout.<br></p>
<p>
</p>
</div>
</div>
© css by Tess at <a href="http://www.neopets.com/~PleaseNeverLetGo">Rock the Riot</a><br>
Page hosted by <a href="http://www.neopets.com">Neopets.com</a>
</div>
</center>

<h1>title here</h1>

<div id="leftside">
<h2>header</h2>
<br>
CCS by Tess from Rock the Riot which can be found at /~PleaseNeverLetGo! Welcome to your new petpage! Feel free to edit whatever you'd like just please don't remove credit! This is where you can put your "About Me" section and write whatever you'd like!  If you have any questions regarding the layout, please neomail stars_shall_fall and I'll be happy to help! <br><b>bold</b> <i>italics</i> underline <a href="/index.phtml">link</a><p>
Thank you for using this layout!<br>
Please keep some form of credit on the page no matter how much you edit!</p>
<p>
The more you type, the better the layout shows up. Try to at least type enough to equal the height of you navigation table. If you keep typing more and more after that, it'll look even better!</p>
<p>
Remember, if you have any questions or problems with the layout, neomail Tess at stars_shall_fall.</p>
<p>
Other than that, enjoy your layout! Thank you for using it!<br>
Feel free to change the image on this page. Just remember to keep it cropped. That means, where you put in the image http address, leave the height and width. You can change the numbers so the picture isn't distorted and so it's the size you want, but make sure those stay there or your picture may be too big and destroy the layout.<br></p>
<p>
</p>
</div>
</div>
© css by Tess at <a href="http://www.neopets.com/~PleaseNeverLetGo">Rock the Riot</a><br>
Page hosted by <a href="http://www.neopets.com">Neopets.com</a>
</div>
</center>

<h1>title here</h1>

<div id="leftside">
<h2>header</h2>
<br>
CCS by Tess from Rock the Riot which can be found at /~PleaseNeverLetGo! Welcome to your new petpage! Feel free to edit whatever you'd like just please don't remove credit! This is where you can put your "About Me" section and write whatever you'd like!  If you have any questions regarding the layout, please neomail stars_shall_fall and I'll be happy to help! <br><b>bold</b> <i>italics</i> underline <a href="/index.phtml">link</a><p>
Thank you for using this layout!<br>
Please keep some form of credit on the page no matter how much you edit!</p>
<p>
The more you type, the better the layout shows up. Try to at least type enough to equal the height of you navigation table. If you keep typing more and more after that, it'll look even better!</p>
<p>
Remember, if you have any questions or problems with the layout, neomail Tess at stars_shall_fall.</p>
<p>
Other than that, enjoy your layout! Thank you for using it!<br>
Feel free to change the image on this page. Just remember to keep it cropped. That means, where you put in the image http address, leave the height and width. You can change the numbers so the picture isn't distorted and so it's the size you want, but make sure those stay there or your picture may be too big and destroy the layout.<br></p>
<p>
</p>
</div>
</div>
© css by Tess at <a href="http://www.neopets.com/~PleaseNeverLetGo">Rock the Riot</a><br>
Page hosted by <a href="http://www.neopets.com">Neopets.com</a>
</div>
</center>

Petpage Two

I love this petpage. I don't know why but I do. It has two columns and again, is fairly simple. Right now I'm only making it available in purple in black but feel free to ask me for other colors.

<h1>title here</h1>

<br><center>
<a href="/index.phtml" class="nav">link</a> / 
<a href="/index.phtml" class="nav">link</a> / 
<a href="/index.phtml" class="nav">link</a> / 
<a href="/index.phtml" class="nav">link</a> / 
<a href="/~PleaseNeverLetGo" class="nav">credit</a>
</center>

<div id="rightside">
<h2>header</h2>
<br>
Whoo. Lookit this. Isn't this handy? It's a second column! So you know what to do. Type type type away to fill in your box. It's on autoheight so you can type forever and ever and never have to stop. Doesn't that sound fun? I know, I know, you're oozing with excitement. So while you're sitting here wasting your time reading this instead of filling in the space with your own words, just know I'm only rambling on and on to take up space to better display the layout. You see, I find big blocks of "type here" repeated over and over rather obnoxious. At least this way, you get a kind of story. Sure, it's not the best story but you get the point. I'm just taking up space.<br><p>
</p>
</div>

<h1>title here</h1>

I made this petpage as a request for someone. It's a variation of style 2 that I thought came out nicely. If you want this with a different image/color scheme, just ask.
Blue Color Scheme with Guitar image

Petpage Three

Very proud of this one, I don't know why. I just love it. You can change the image just be careful to only edit the http address. Don't delete the height/width! You can edit the pixels so the picture isn't distorted though.

<h1>title here</h1>
<h3>sub-title</h3>

<div id="leftside">
<h2>navigation</h2>
<br><a href="/index.phtml" class="nav">link</a>
<a href="/index.phtml" class="nav">link</a>
<a href="/index.phtml" class="nav">link</a>
<a href="/index.phtml" class="nav">link</a>
<a href="/~PleaseNeverLetGo" class="nav">credit</a>
</div>

<div id="rightside">
<h2>header</h2>
<h4>sub-header</h4>
<br><div align="right"><img src="http://www.strategy-keys.com/image-files/blue-ocean.jpg" width="175" border="1"></div>
<br>
CCS by Tess from Rock the Riot which can be found at /~PleaseNeverLetGo! Welcome to your new petpage! Feel free to edit whatever you'd like just please don't remove credit! This is where you can put your "About Me" section and write whatever you'd like!  If you have any questions regarding the layout, please neomail stars_shall_fall and I'll be happy to help! <br><b>bold</b> <i>italics</i> underline <a href="/index.phtml">link</a><p>
Thank you for using this layout!<br>
Please keep some form of credit on the page no matter how much you edit!</p>
<p>
The more you type, the better the layout shows up. Try to at least type enough to equal the height of you navigation table. If you keep typing more and more after that, it'll look even better!</p>
<p>
Remember, if you have any questions or problems with the layout, neomail Tess at stars_shall_fall.</p>
<p>
Other than that, enjoy your layout! Thank you for using it!<br>
Feel free to change the image on this page. Just remember to keep it cropped. That means, where you put in the image http address, leave the height and width. You can change the numbers so the picture isn't distorted and so it's the size you want, but make sure those stay there or your picture may be too big and destroy the layout.<br></p>
<p>
</p>
</div>
</div>
© css by Tess at <a href="http://www.neopets.com/~PleaseNeverLetGo">Rock the Riot</a><br>
Page hosted by <a href="http://www.neopets.com">Neopets.com</a>
</div>
</center>

<h1>title here</h1>
<h3>sub-title</h3>

<div id="rightside">
<h2>header</h2>
<h4>sub-header</h4>
<br><div align="right"><img src="http://www.zastavki.com/pictures/1680x1050/2010/Nature_Plants_Red_maple_024960_.jpg" width="175" border="1"></div>
<br>
CCS by Tess from Rock the Riot which can be found at /~PleaseNeverLetGo! Welcome to your new petpage! Feel free to edit whatever you'd like just please don't remove credit! This is where you can put your "About Me" section and write whatever you'd like!  If you have any questions regarding the layout, please neomail stars_shall_fall and I'll be happy to help! <br><b>bold</b> <i>italics</i> underline <a href="/index.phtml">link</a><p>
Thank you for using this layout!<br>
Please keep some form of credit on the page no matter how much you edit!</p>
<p>
The more you type, the better the layout shows up. Try to at least type enough to equal the height of you navigation table. If you keep typing more and more after that, it'll look even better!</p>
<p>
Remember, if you have any questions or problems with the layout, neomail Tess at stars_shall_fall.</p>
<p>
Other than that, enjoy your layout! Thank you for using it!<br>
Feel free to change the image on this page. Just remember to keep it cropped. That means, where you put in the image http address, leave the height and width. You can change the numbers so the picture isn't distorted and so it's the size you want, but make sure those stay there or your picture may be too big and destroy the layout.<br></p>
<p>
</p>
</div>
</div>
© css by Tess at <a href="http://www.neopets.com/~PleaseNeverLetGo">Rock the Riot</a><br>
Page hosted by <a href="http://www.neopets.com">Neopets.com</a>
</div>
</center>

<h1>title here</h1>
<h3>sub-title</h3>

<div id="rightside">
<h2>header</h2>
<h4>sub-header</h4>
<br><img src="http://i172.photobucket.com/albums/w36/huppencamp/latte.jpg" width="175" border="1">
CCS by Tess from Rock the Riot which can be found at /~PleaseNeverLetGo! Welcome to your new petpage! Feel free to edit whatever you'd like just please don't remove credit! This is where you can put your "About Me" section and write whatever you'd like!  If you have any questions regarding the layout, please neomail stars_shall_fall and I'll be happy to help! <br><b>bold</b> <i>italics</i> underline <a href="/index.phtml">link</a><p>
Thank you for using this layout!<br>
Please keep some form of credit on the page no matter how much you edit!</p>
<p>
The more you type, the better the layout shows up. Try to at least type enough to equal the height of you navigation table. If you keep typing more and more after that, it'll look even better!</p>
<p>
Remember, if you have any questions or problems with the layout, neomail Tess at stars_shall_fall.</p>
<p>
Other than that, enjoy your layout! Thank you for using it!<br>
Feel free to change the image on this page. Just remember to keep it cropped. That means, where you put in the image http address, leave the height and width. You can change the numbers so the picture isn't distorted and so it's the size you want, but make sure those stay there or your picture may be too big and destroy the layout.<br></p>
<p>
</p>
</div>
</div>
© css by Tess at <a href="http://www.neopets.com/~PleaseNeverLetGo">Rock the Riot</a><br>
Page hosted by <a href="http://www.neopets.com">Neopets.com</a>
</div>
</center>

Petpage Four

This was another petpage request but I love how it came out. I'm willing to swap the background image and the color scheme for anyone who would like this in a different way.

Petpage Five

Yay! I really like this one! I don't know why...

User Lookups

I'm just learning how to do these so pardon the poor quality. It'll get better as I progress.

User Lookup One
This is my very first user lookup. I know it's not perfect but I am proud of it so yeah.

User Lookup Two
Here's a Pikachu lookup! I'm willing to change the image/colors to fit other pokemon as well, just shoot me a neomail!

Variation 1

Guild Layouts

Guild layouts for now are completed upon request. I may eventually make some pre-mades but for now, just ask for what you'd like. Here are some examples of layouts I have already made.

Banners, Buttons & Icons

banners
none yet

icons
I make icons according to a trust system. I don't watermark them because they look better without "ROCK THE RIOT" plastered on there. However, these are still my original work and I still wish to receive credit for them. Please either link the images or put a link back button somewhere on the page where these are used.

buttons
none yet!

Completed Requests

If I've finished your request and there's anything you don't like or need changed, please tell me. I want to make these things good for you guys so please tell me if it's not exactly what you wanted.

For calertas999:

<div id="blocklink">
<h4>.</h4>
<a href="#one">One</a>
<a href="#two">Two</a>
<a href="#three">Three</a>
<a href="#four">Four</a>
<a href="#five">Five</a>
<h1>.</h1>
<center>css by tess @<br>
/~PleaseNeverLetGo<br>
page hosted by neopets
</center>
</div>

<a name="one"></a>
<div id="box">
<h2>Section One</h2>
<h3>Sub-Header</h3>
text <b>bold</b> text <i>italics</i> text <a href="/">link</a> text

</div>

<a name="two"></a>
<div id="box">
<h2>Section Two</h2>
<h3>Sub-Header</h3>
text <b>bold</b> text <i>italics</i> text <a href="/">link</a> text
</div>

<a name="three"></a>
<div id="box">
<h2>Section Three</h2>
<h3>Sub-Header</h3>
text <b>bold</b> text <i>italics</i> text <a href="/">link</a> text
</div>

<a name="four"></a>
<div id="box">
<h2>Section Four</h2>
<h3>Sub-Header</h3>
text <b>bold</b> text <i>italics</i> text <a href="/">link</a> text
</div>

<a name="five"></a>
<div id="box">
<h2>Section Five</h2>
<h3>Sub-Header</h3>
text <b>bold</b> text <i>italics</i> text <a href="/">link</a> text
</div>
</div>
</td>
</div></tr></table>
</div>