Kist's Graphics

Welcome, visitor, to Kist's Graphics! Feel free to request whatever you like by filling out a form which you will find under the form section of this site and neomail it to me. Make sure you neomail the form to my main, strawberrycakeshort.

Site last updated: 5/21/13

Counter added 6/6/12.

Requests are now open! Yay!
Also, if I have made you a button and the image no longer works, please neomail me, and I will make you either make you a new button or retrieve the old one, if I can. Sorry for the inconvenience.

Rules

D o nt steal my graphics and claim them as your own.
Don't steal my layouts or hide/remove the credit in any way, at all.
Please don't take graphics that I made for someone else.
I prefer doing full page layouts with the sidebar, rather than without, due to what TNT allows, but to be honest, it really doesn't matter.
To go to the form, please click the "D" after the first bullet point of these rules. To go to the premades, please click the "o" after the first bullet point of these rules. To go to the pickups, please click the "n" after the first bullet point of these rules.
If you request anything, please put in your form where you heard about Kist's Graphics. I am really interested in knowing how people hear of me, plus I want to make sure you've actually read these rules.
I will accept no more than 3 requests at any one time! Please do not request if it says on the form that I am at the limit!
If you don't like the graphic I made you, then the chances are very high that I won't be able to edit it. To be honest, I simply don't have the time, and I almost always won't have an original copy of the graphic on my computer. If the adjustment is something simple, though, then I might be able to edit it. If not, you can ask me to redo the graphic, but please do not expect me to say yes. I'm sorry about that.
Very often, these rules will be updated. Please read these rules frequently, in case there are updates.

I agree | I disagree

Form

User Lookups [X] closed
Pet Pages [O] open
Guild Layouts [O] open
Banners [O] open
Shields [X] closed
Cursors [X] closed
Fake Random Events [O] open
Buttons [O] open

If you're not sure if I make graphics for what you're wanting, then neomail me to ask about it. To be honest, I can make you almost anything, so please neomail if it's not listed here. If what you want isn't listed above, it just means I don't make what you're wanting that often, or I'm not as good at it.

Want graphics? Fill out one of these forms and neomail my main, strawberrycakeshort it so I can get you some graphics.
Please read the rules before you request anything.

There are currently 5 available requests.
Note: I will accept no more than five requests at a time, and no more than one request per person. If I am at the limit, then please check back frequently, as I oftentimes complete more than one request a day.

Guild Layouts

Banners

Shield

Cursor

User Lookup

Pet Page

Fake Random Events

Buttons

* By the way, please specify if you do not want the button to be the typical size of 88px by 31px.

Here are the button styles to choose from (need to be much updated):

Fonts:
Animation Styles:	None at the moment.
Borders:	None at the moment.

More coming soon. Feel free to request now, but just describe to me what you're wanting.

Neomail my main, strawberrycakeshort.

Premades

These are the premade graphics I have. Anyone is free to use them, so enjoy! Do not take the credit off of them, as it is against TNT's rules as well as my own, and you will be reported!

Guild Layouts

Banners

Shields

Cursors

Note: Cursors do not work in IE! They are only for petpages. DO NOT remove the credit on these!

Pet Pages

Note: Purple striped background on this layout.

<p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <style> body { background-color: #696969; } #texta { top: 100px; left: 600px; width: 350px; height: 150px; overflow: auto; background-color: #595959; border: 5px dotted #FFFFFF; padding: 5px; } #textb { top: 300px; left: 600px; width: 350px; height: 250px; overflow: auto; background-color: #595959; border: 5px dotted #FFFFFF; padding: 5px; } #textc { top: 125px; left: 0px; height: 0px; overflow: hidden; background-color: none; border: 20px solid lightgreen; padding: 0px; } #textd { top: 175px; left: 0px; height: 0px; overflow: hidden; background-color: none; border: 20px solid lightblue; padding: 0px; } #texte { top: 0px; left: 125px; width: 0px; overflow: hidden; background-color: none; border: 20px solid lightgreen; padding: 0px; } #textf { top: 0px; left: 175px; width: 0px; overflow: hidden; background-color: none; border: 20px solid lightblue; padding: 0px; } #textg { top: 50px; left: 10px; background-color: none; border: none; padding: 0px; } #texth { top: 250px; left: 10px; width: 105px; height: 150px; overflow: hidden; background-color: none; border: none; padding: 0px; } a:link, a:visited, a:active { color: white; text-decoration: none; } a:hover { color: #696969; } a.nav:link, a.nav:visited, a.nav:active { color: lightgreen; text-decoration: none; background: #595959; display: block; border: 2px solid #FFFFFF; } a.nav:hover { color: lightblue; } h1 { font-size: 300px; } h2 { font-size: 80px; color: white; } h3 { font-size: 30px; color: white; text-align: center; } div, p, td, ul { font-size: 10px; color: lightblue; font-family: georgia; } </style> <div id="textc" style="position: absolute;"> <h1>-----------</h1> </div> <div id="textd" style="position: absolute;"> <h1>-----------</h1> </div> <div id="texte" style="position: absolute;"> <h1>-</h1> </div> <div id="textf" style="position: absolute;"> <h1>-</h1> </div> <div id="textg" style="position: absolute;"> <h2>♥ Title Here</h2> </div> <div id="texta" style="position: absolute;"> text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text </div> <div id="textb" style="position: absolute;"> text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text </div> <div id="texth" style="position: absolute;"> <a href="/myaccount.phtml" class="nav">account</a> <a href="/customise/" class="nav">customise</a> <a href="/games/arcade.phtml" class="nav">games</a> <a href="/explore.phtml" class="nav">explore</a> <a href="/nf.phtml" class="nav">news</a> <a href="/petcentral.phtml" class="nav">central</a> <a href="/neoboards/index.phtml" class="nav">boards</a> <a href="/objects.phtml" class="nav">shops</a> <a href="/~Xweetok_Kist" class="nav">Kist's Graphics</a> </div>

<p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <style> .sf { display: none; } body { background-color: #E0FFFF; } #texta { top: 111px; left: 200px; width: 500px; overflow: visible; background: #FFFFFF; border: 30px dotted #B0C4DE; padding: 0px; text-align: left; } #textb { top: -45px; left: 200px; width: 500px; height: 300px; overflow: hidden; background: none; border: none; padding: 0px; text-align: right; } div, p, td { font-family: arial; font-size: 14px; color: #696969; } a:link, a:visited, a active { color: #008080; text-decoration: none; } a:hover { color: #FFFFFF; } h1 { font-size: 100px; color: #D8BFD8; } h2 { font-size: 50px; color: #999999; text-align: center; } h3 { font-size: 35px; color: #999999; text-align: center; } b { color: #008080; } i { color: #008080; } u { color: #008080; } </style> <div id="texta" style="position: absolute;"> <h2>Heading</h2> text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text <h3>Heading</h3> text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text <p> </p> </div> <div id="textb" style="position: absolute;"> <h1>* Title</h1> </div> <p>Layout by <a href="/~Xweetok_Kist">Kist's Graphics</a>. </p>
Note: Depending on how much content you have in the text box, you may have to add more (p)(br)(/p) codes at the beginning in order to see the save changes button.

<p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <br><style> .sf { display: none; } body { background-color: #D87093; } #texta { top: 270px; left: 100px; width: 650px; height: 400px; background: #F0F0F0; overflow: auto; border: 5px solid #FFC0CB; padding: 0px; text-align: center; } #texta:hover { background: #FFB6C1; border: 5px solid #FFC0CB; padding: 0px; text-align: center; } #textb { left: 770px; top: 200px; width: 175px; height: 300px; background: #F0F0F0; overflow: auto; padding: 0px; border: 5px solid #FFC0CB; } #textb:hover { background: #FFB6C1; overflow: auto; padding: 0px; border: 5px solid #FFC0CB; } #textc { top: 10px; left: 100px; width: 650px; height: 170px; background: #F0F0F0; overflow: auto; border: 5px solid #FFC0CB; padding: 0px; text-align: center; } #textc:hover { background: #FFB6C1; overflow: auto; border: 5px solid #FFC0CB; padding: 0px; text-align: center; } #textd { top: 200px; left: 100px; width: 650px; height: 50px; background: #F0F0F0; overflow: auto; border: 5px solid #FFC0CB; padding: 0px; text-align: center; } #textd:hover { background: #FFB6C1; overflow: auto; border: 5px solid #FFC0CB; padding: 0px; } #texte { top: 270px; left: 100px; width: 650px; height: 400px; background: #F0F0F0; overflow: hidden; border: 5px solid #FFC0CB; padding: 0px; text-align: center; } div, p, td { font-family: arial; font-size: 16px; color: #000000; } a.nav:link, a.nav:visited, a.nav active { display: block; background-color: none; color: #000000; text-decoration: none; border-bottom: 1px solid #000000; border-top: 1px solid #000000; text-align: right; } a.nav:hover { color: #696969; text-decoration: none; border-left: 30px solid #FFFFFF; } a:link, a:visited, a active { font-family: monospace; font-size: 20px; background-color: none; color: #FFC0CB; text-decoration: none; text-align: right; } a:hover { color: black; } h1 { font-size: 30px; color: #393939; } </style> <div id="texte" style="position: absolute;"> <div id="texta"> <a name="Home"></a> <h2>Home</h2> <p> text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text </p> <p> </p> </div> <div id="texta"> <a name="1"></a> <h2>1</h2> <p> text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text </p> <p> </p> </div> <div id="texta"> <a name="2"></a> <h2>2</h2> <p> text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text </p> <p> </p> </div> <div id="texta"> <a name="3"></a> <h2>3</h2> <p> text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text </p> <p> </p> </div> <div id="texta"> <a name="4"></a> <h2>4</h2> <p> text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text </p> <p> </p> </div> <div id="texta"> <a name="5"></a> <h2>5</h2> <p> text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text </p> <p> </p> </div> <a name="6"></a> <h2>Credit</h2> <p> <a href="/~Xweetok_Kist">Kist's Graphics</a> </p> <p> </p> </div> <div id="textb" style="position: fixed;"> <p> <a href="#Home" class="nav">Home</a> <a href="#1" class="nav">1</a> <a href="#2" class="nav">2</a> <a href="#3" class="nav">3</a> <a href="#4" class="nav">4</a> <a href="#5" class="nav">5</a> <a href="/~Xweetok_Kist" class="nav">Credit</a> </p> </div> <div id="textc" style="position: absolute;"> <h1>700 x 170 Banner Here</h1> </div> <div id="textd" style="position: absolute;"> <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>
Note: When you hover over each text box, the background turns dark pink (in the preview you can see because the cursor is hovering over the top box, as the background is dark pink). If you prefer different colors, feel free to change them in the coding, just leave the credit. This layout also has page anchors. The navigation on the right moves with the layout if you scroll.

<p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <style> .sf { display: none; } body { background-color: #393939; } #texta { top: 0px; left: 0px; height: 0px; background: none; overflow: hidden; border: 20px solid #DC143C; padding: 0px; text-align: center; } #textb { top: 40px; left: 0px; height: 0px; background: none; overflow: hidden; border: 20px solid #F4A460; padding: 0px; text-align: center; } #textc { top: 80px; left: 0px; height: 0px; background: none; overflow: hidden; border: 20px solid #FFFF00; padding: 0px; text-align: center; } #textd { top: 120px; left: 0px; height: 0px; background: none; overflow: hidden; border: 20px solid #7CFC00; padding: 0px; text-align: center; } #texte { top: 160px; left: 0px; height: 0px; background: none; overflow: hidden; border: 20px solid #4682B4; padding: 0px; text-align: center; } #textf { top: 200px; left: 0px; height: 0px; background: none; overflow: hidden; border: 20px solid #8B008B; padding: 0px; text-align: center; } #textg { top: 180px; left: 0px; height: 200px; width: 400px; background: none; overflow: hidden; border: none; padding: 0px; text-align: center; } #texth { top: 280px; left: 100px; height: 200px; width: 400px; background: none; overflow: hidden; border: none; padding: 0px; text-align: center; } #texti { top: 100px; left: 700px; width: 300px; height: 500px; background: none; overflow: auto; border-left: 35px solid #8B008B; padding: 0px; text-align: left; } #fonta { color: #DC143C; } #fontb { color: #F4A460; } #fontc { color: #FFFF00; } #fontd { color: #7CFC00; } #fonte { color: #4682B4; } #fontf { color: #8B008B; } div, p, td { font-family: arial; font-size: 14px; color: #999999; } a:link, a:visited, a active { background-color: none; color: #FFFF00; text-decoration: none; } a:hover { color: #393939; } h1 { font-size: 300px; } h2 { font-size: 80px; color: #FFFFFF; } h3 { font-family: monospace; font-size: 100px; color: #DC143C; letter-spacing: -30px; } h4 { font-family: impact; font-size: 50px; color: #DC143C; letter-spacing: 0px; } h5 { font-family: arial; font-size: 35px; color: #DC143C; letter-spacing: 0px; } h6 { font-family: arial; font-size: 25px; color: #DC143C; letter-spacing: 0px; } b { color: #8B008B; } i { color: #7CFC00; } u { color: #F4A460; border-bottom: 2px solid lightblue; } </style> <div id="texta" style="position: absolute;"><h1>-----</h1></div> <div id="textb" style="position: absolute;"><h1>-----</h1></div> <div id="textc" style="position: absolute;"><h1>-----</h1></div> <div id="textd" style="position: absolute;"><h1>-----</h1></div> <div id="texte" style="position: absolute;"><h1>-----</h1></div> <div id="textf" style="position: absolute;"><h1>-----</h1></div> <div id="textg" style="position: absolute;"> <h3> <font id="fonta">T</font> <font id="fontb">I</font> <font id="fontc">T</font> <font id="fontd">L</font> <font id="fonte">E</font> </h3> </div> <div id="texth" style="position: absolute;"> <h4>♥ Subtitle</h4> </div> <div id="texti" style="position: absolute;"> <h5>Header</h5> <a href="/">Link</a> <b>bold</b> <i>italics</i> <p> text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text </p> <h6>Subheader</h6> text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text </div> <p>Layout by <a href="/~Xweetok_Kist">Kist's Graphics</a>. </p>

<p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <style> .sf { display: none; } body { background-color: #393939; } #texta { top: 0px; left: 0px; height: 0px; background: none; overflow: hidden; border: 20px solid #FFFF00; padding: 0px; text-align: center; } #textb { top: 40px; left: 50px; height: 0px; background: none; overflow: hidden; border: 20px solid #FFFF00; padding: 0px; text-align: center; } #textc { top: 80px; left: 100px; height: 0px; background: none; overflow: hidden; border: 20px solid #FFFF00; padding: 0px; text-align: center; } #textd { top: 120px; left: 150px; height: 0px; background: none; overflow: hidden; border: 20px solid #FFFF00; padding: 0px; text-align: center; } #texte { top: 160px; left: 200px; height: 0px; background: none; overflow: hidden; border: 20px solid #FFFF00; padding: 0px; text-align: center; } #textf { top: 200px; left: 250px; height: 0px; background: none; overflow: hidden; border: 20px solid #FFFF00; padding: 0px; text-align: center; } #textg { top: 240px; left: 300px; height: 0px; background: none; overflow: hidden; border: 20px solid #FFFF00; padding: 0px; text-align: center; } #texth { top: 360px; left: 300px; height: 0px; background: none; overflow: hidden; border: 20px solid #FFFF00; padding: 0px; text-align: center; } #texti { top: 400px; left: 250px; height: 0px; background: none; overflow: hidden; border: 20px solid #FFFF00; padding: 0px; text-align: center; } #textj { top: 440px; left: 200px; height: 0px; background: none; overflow: hidden; border: 20px solid #FFFF00; padding: 0px; text-align: center; } #textk { top: 480px; left: 150px; height: 0px; background: none; overflow: hidden; border: 20px solid #FFFF00; padding: 0px; text-align: center; } #textl { top: 520px; left: 100px; height: 0px; background: none; overflow: hidden; border: 20px solid #FFFF00; padding: 0px; text-align: center; } #textm { top: 560px; left: 50px; height: 0px; background: none; overflow: hidden; border: 20px solid #FFFF00; padding: 0px; text-align: center; } #textn { top: 600px; left: 0px; height: 0px; background: none; overflow: hidden; border: 20px solid #FFFF00; padding: 0px; text-align: center; } #texto { top: 180px; left: 50px; height: 200px; background: none; overflow: hidden; border: none; padding: 0px; text-align: center; } #textp { top: 100px; left: 700px; width: 300px; height: 500px; background: none; overflow: auto; border: none; padding: 0px; text-align: left; } div, p, td { font-family: arial; font-size: 14px; color: #999999; } a:link, a:visited, a active { background-color: none; color: lightpink; text-decoration: none; } a:hover { color: #393939; } h1 { font-size: 300px; } h2 { font-size: 100px; color: #EEE8AA; } h3 { font-size: 40px; color: #EEE8AA; } h4 { font-size: 28px; color: #EEE8AA; } b { color: lightblue; } i { color: lightblue; } u { color: lightblue; border-bottom: 2px solid lightblue; } </style> <div id="texta" style="position: absolute;"><h1>---</h1></div> <div id="textb" style="position: absolute;"><h1>---</h1></div> <div id="textc" style="position: absolute;"><h1>---</h1></div> <div id="textd" style="position: absolute;"><h1>---</h1></div> <div id="texte" style="position: absolute;"><h1>---</h1></div> <div id="textf" style="position: absolute;"><h1>---</h1></div> <div id="textg" style="position: absolute;"><h1>---</h1></div> <div id="texth" style="position: absolute;"><h1>---</h1></div> <div id="texti" style="position: absolute;"><h1>---</h1></div> <div id="textj" style="position: absolute;"><h1>---</h1></div> <div id="textk" style="position: absolute;"><h1>---</h1></div> <div id="textl" style="position: absolute;"><h1>---</h1></div> <div id="textm" style="position: absolute;"><h1>---</h1></div> <div id="textn" style="position: absolute;"><h1>---</h1></div> <div id="texto" style="position: absolute;"> <h2>Title Here</h2> </div> <div id="textp" style="position: absolute;"> <h3>Header</h3> <a href="/">Link</a> <b>bold</b> <i>italics</i> <p> text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text </p> <h4>Subheader</h4> text text text text text text text text text text text text </div> <p><br></p>Layout by <a href="/~Xweetok_Kist">Kist's Graphics</a>.

<p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <style> .sf { display: none; } body { background-color: white; } #texta { top: -200px; left: 0px; width: 500px; height: 500px; background: none; overflow: hidden; border: none; padding: 0px; text-align: center; } #textb { top: -150px; left: 0px; width: 700px; height: 700px; background: none; overflow: hidden; border: none; padding: 0px; text-align: center; } #textc { top: 350px; left: 150px; width: 700px; height: 200px; background: none; overflow: hidden; border: none; padding: 0px; text-align: center; } #textd { top: 450px; left: 300px; width: 700px; height: 200px; background: none; overflow: hidden; border: none; padding: 0px; text-align: center; } #texte { top: 50px; left: 600px; width: 300px; height: 400px; background: none; overflow: auto; border-right: 30px solid lightgreen; padding: 0px; text-align: left; } div, p, td { font-family: arial; font-size: 14px; color: #000000; } a:link, a:visited, a active { background-color: none; color: lightpink; text-decoration: none; } a:hover { color: lightgreen; } h1 { font-size: 300px; color: lightpink; } h2 { font-size: 300px; color: lightgreen; } h3 { font-size: 100px; color: pink; } h4 { font-size: 70px; color: lightgreen; } h5 { font-size: 30px; color: #898989; border-bottom: 3px solid lightpink; } h6 { font-size: 22px; color: #696969; border-bottom: 1px solid lightpink; } b { color: lightblue; } i { color: lightblue; } u { color: lightblue; border-bottom: 2px solid lightblue; } </style> <div id="texta" style="position: absolute;"> <h1>★</h1> </div> <div id="textb" style="position: absolute;"> <h2>★</h2> </div> <div id="textc" style="position: absolute;"> <h3>Title</h3> </div> <div id="textd" style="position: absolute;"> <h4>Sub-Title</h4> </div> <div id="texte" style="position: absolute;"> <h5>Header</h5> <h6>Subheader</h6> text text text <b>bold</b> <i>italics</i> <a href="/">link</a> <h6>Subheader</h6> text text text <h6>Subheader</h6> text text text </div> <p> Layout by <a href="/~Xweetok_Kist">Kist's Graphics</a></p>

<p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <style> .sf { display: none; } body { background-color: #696969; } #texta { top: 200px; left: 100px; width: 500px; height: 500px; background: #ffffff; overflow: auto; border: 5px solid #000000; padding: 0px; text-align: center; } #textb { background: #ffffff; width: 200px; left: 620px; top: 200px; height: 500px; overflow: auto; padding: 0px; border: 5px solid #000000; } #textc { top: 10px; left: 100px; width: 720px; height: 170px; background: #ffffff; overflow: auto; border: 5px solid #000000; padding: 0px; text-align: center; } #textd { top: 720px; left: 100px; width: 720px; height: 50px; background: #000000; overflow: auto; border: 5px solid #000000; padding: 0px; text-align: left; } div, p, td { font-family: arial; font-size: 8 -blocked-; color: #000000; } a.nav:link, a.nav:visited, a.nav active { display: block; background-color: none; color: #000000; text-decoration: none; border-bottom: 1px solid #000000; border-top: 1px solid #000000; text-align: right; } a.nav:hover { color: #696969; text-decoration: none; border-left: 30px solid #000000; } a:link, a:visited, a active { font-family: monospace; font-size: 20px; background-color: none; color: #ffffff; text-decoration: none; text-align: right; } a:hover { color: black; } h1 { font-size: 30px; color: #393939; } </style> <div id="texta" style="position: absolute;"> <h1>Template</h1> text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text </div> <div id="textb" style="position: absolute;"> <p> <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="/index.phtml" class="nav">Link</a> <a href="/~Xweetok_Kist" class="nav">Credit</a> </p> </div> <div id="textc" style="position: absolute;"> <br><br><h1>720 x 170 Banner Here </h1> </div> <div id="textd" style="position: absolute;"> <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>

<p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <p><br></p> <style> .sf { display: none; } a:link, a:active, a:visited { font: 10px monospace; color: white; background-color: transparent; font-weight: bold; text-transform: lowercase; text-decoration: none; letter-spacing: 0px; } a:hover { color: #DC143C; text-transform: uppercase; text-decoration: line-through; letter-spacing: 2px; border: none; } #main { background: none; border: none; } body { background: #191919; } b { color: #C71585; } i { color: black; } u { color: #9932CC; } h1 { font: 25px arial; color: #DC143C; text-align: right; letter-spacing: 3px; background-color: none; border: none; } h2 { font: 22px arial; color: #DC143C; text-align: right; letter-spacing: 0px; background-color: none; border: none; } h3 { font: 18px arial; color: #DC143C; text-align: right; letter-spacing: 0px; background-color: none; border: none; } h4 { font: 15px arial; color: #DC143C; text-align: right; letter-spacing: 0px; background-color: none; border: none; } .table { width: auto; height: -blocked-; font: 12px arial; color: #595959; background-color: transparent; text-align: left; padding: 1px; border: none; } </style> <div id="image" style="position: absolute; top: 0px; left: 0;"> <img src="http://i853.photobucket.com/albums/ab98/skipnight/Neopets/NeopetsPremadePetpage2.jpg" width="1000" height="600"> </div> <div id="tablearea" style="position: absolute; top: 120px; left: 310px; width: 390px; height: 400px; overflow: auto;"> <div class="table"> <a href="/myaccount.phtml">account</a> | <a href="/petcentral.phtml">central</a> | <a href="/explore.phtml">explore</a> | <a href="/games/arcade.phtml">games</a> | <a href="/neoboards/index.phtml">boards</a> | <a href="/objects.phtml">shops</a> | <a href="/nf.phtml">news</a> | <a href="/video/index.phtml">video</a> | <a href="/mall/index.phtml">nc mall</a>| <a href="/~Xweetok_Kist">Kist's Graphics</a> <h1>Welcome, Visitor!</h1> Welcome to my page! All of your text goes here. The above text that says, "Welcome, Visitor!" is a header. <b>bold</b> <i>italics</i> underline <h2>This is a subheading.</h2> You can make as many headings or sub headings as you like. <h3>This is another subheading.</h3> The headings are for the most important information; the stuff you want people to see first. The first sub heading is for the next most important stuff. The second sub heading is for stuff that is a little less important than that, and if you want another heading, <h4>then you may have another heading.</h4> You normally don't use the h4 headings, but if there's something that is less important to deserve the other headings, but more important than text, then here you go. If you don't like the font or colors of the headings, then feel free to change them in the code. Just put all of your imformation somewhere around here. Below this textbox is the footer, and the column to the left is the sidebar. The space where the banner is is the header. Feel free to mess around with the codes a bit if you don't like them, but <b>please keep the credit!</b> <p> </p> </div> </div>

Portfolio

Here is my portfolio of my most recent requests. These are only for the use of "examples" for people to see what my work is like.

Drag the image into your address bar to see it in a larger size.

Guild Layouts

Petpages

Buttons

Banners/Icons

Pet Lookups

Cursors

Shields

Pickups

Please drag your image into another tab to view it in full size. The code below your username is the code for you to put on the page.

onthetable

NOTE: Please keep this button linked to me, and if you are putting a textarea under the button so others can link back to you, then you may change the URL from mine to yours, but only in the textarea! Just make sure you link back to me somewhere! Any questions, neomail me. Thank you.

weasleycharmx

Renegade

<h1>Welcome 1</h1>