Chapter One:

blah blah blah
|
|
#story p {color: #ef8323;} #adopts p {color: #ef8323;} body{ background-color: #9c4308; background-image: url(http://i290.photobucket.com/albums/ll279/unsealed_/tar_lay_v1bg.png); background-repeat: repeat; color: #fff; font-family: georgia; } div, td, p {color: #d7c1bf; font-family: tahoma; font-size: 10px;} #topimg{top:0px; left:0px;} #links{top:695px; left:484px; width:466px; height: 82px; overflow:auto; text-align:center; scrollbar-face-color:#4d0800; scrollbar-shadow-color:#4d0800; scrollbar-highlight-color:#4d0800; scrollbar-3dlight-color:#4d0800; scrollbar-arrow-color:#fff; scrollbar-darkshadow-color:#4d0800; scrollbar-track-color:#4d0800;} #main{top:155px; left:470px; width:490px; height: 525px; overflow:auto; text-align:center; scrollbar-face-color:#280300; scrollbar-shadow-color:#280300; scrollbar-highlight-color:#280300; scrollbar-3dlight-color:#280300; scrollbar-arrow-color:#fff; scrollbar-darkshadow-color:#280300; scrollbar-track-color:#280300;} TEXTAREA{background: #222; color:#ef8323; width: 220px; height: 50px; padding:5px; border: 1px solid #111; scrollbar-face-color:#222; scrollbar-shadow-color:#222; scrollbar-highlight-color:#222; scrollbar-3dlight-color:#222; scrollbar-arrow-color:#d95904; scrollbar-darkshadow-color:#222; scrollbar-track-color:#222;} #story{width: 400px; height: 300px; overflow:auto; border: 2px dashed #c45c00; background: #0b0b0b; padding: 7px; color:#ef8323; scrollbar-face-color:#9ea1ab; scrollbar-shadow-color:#9ea1ab; scrollbar-highlight-color:#9ea1ab; scrollbar-3dlight-color:#9ea1ab; scrollbar-arrow-color:#e7e7e7; scrollbar-darkshadow-color:#9ea1ab; scrollbar-track-color:#9ea1ab;} h2{ font-family:futurist; font-size: 20px; letter-spacing: 3px; color:#7A678E; text-align:center; border-bottom: 3px dashed #ef8323; margin-bottom:10px; text-transform: uppercase;} #adopts{width: 400px; height: 300px; overflow:auto; border: 2px dashed #c45c00; background: #0b0b0b; padding: 7px; color:#ef8323; scrollbar-face-color:#9ea1ab; scrollbar-shadow-color:#9ea1ab; scrollbar-highlight-color:#9ea1ab; scrollbar-3dlight-color:#9ea1ab; scrollbar-arrow-color:#e7e7e7; scrollbar-darkshadow-color:#9ea1ab; scrollbar-track-color:#9ea1ab;} h2{ font-family:futurist; font-size: 20px; letter-spacing: 3px; color:#ef8323; text-align:center; border-bottom: 3px dashed #ef8323; margin-bottom:10px; text-transform: uppercase;} #tab {background: #1d0200; color:#fff; width:24px; height:20px; text-align:center; line-height: 18px; font-size: 14px; border-right: 5px double #430401;} #tcolumn{top:100px; left:968px; display:block;} a img{border:0px;} a:link, a:hover, a:active, a:visited{ color:#fff; font-family:sans; text-decoration:none;} b{ color:#7a678e; font-family: verdana; font-size: 10px;} i{ color:#ffa071; font-family: serif; font-size: 12px;} u{ color:#8c0502; font-family: arial; font-size: 10px;} table{width: 400px;} h2{ font-family:futurist; font-size: 20px; letter-spacing: 3px; color:#000; text-align:center; border-bottom: 3px dashed #000; margin-bottom:10px; text-transform: uppercase;} h3{ font-family:futurist; font-size: 20px; letter-spacing: 3px; color:#C45C00; text-align:center; border-bottom: 3px dashed #C45C00; margin-bottom:10px; text-transform: uppercase;} //>

Alright! So this is the layout that I've design for Tar for you. c: Hopefully it meets your expectations, but if you would like something changed just let me know. n_n
The navigation system is on the right (the numbered tabs). You can do whatever you want with them, you can even choose to get rid of them if you'd like. Or you can use them with anchor links and have them link to different parts on this page. c:
I can set up this page in a number of ways. The current set up has all of the main content in one large, scrolling box. If you don't like the scroll, I can recode it to hide the overflow, and you can use buttons or arrows on the bottom of each section to go to the next part. This is a little more complicated to edit because each box can only hold so much image and content-wise, and you have to plan your content and such around that. It does look nice though, and then there isn't a need to scroll, you just click the next or back button to navigate through large sections. c:
Or if you want I can keep it like this. x3
The box below this one is just an extra for links, a journal or whatever. I put in a code with the avatars if you want to use that, but obviously you don't have to. n_n
It's easier to use the P code instead of the BR to separate individual paragraphs, and it's a little nicer on your coding, since it takes up less space and all that. You can use either one though.
I'm not sure if you use tables a lot, but I have the current table width set to 400px, so it shouldn't expand the box. Still, you can always change the width of individual tables if need be.
Um... yeah, that's really all I have to say right now. c: You can upload the images to your own server, or use mine, it doesn't matter. lol
Oh yeah, transparent images are gonna look better with this layout than ones with backgrounds. If you want I can code in another smaller div with a white background, if that would work nicer for you.
/ramble

Ref Sheets


blah blah blah
Status
Art Trades: OPEN
Art Requests: CLOSED
Rules
1.) Don't Claim Adopts as Your Own
2.) Check Status if Requests/Trades are Open
3.) Don't Take an Adoptable that isn't Your Own
4.) Keep Credit on Adoptables
5.) Do Not Enter In BC/AG/ETC
6.) Please Fill out Form Below
Form
Name:
Ref:
Colour of Scarf:
Samples

Tarient_
Furry-Anthro Artwork









































Anthro Artwork












































Quad Art-Work










Couple & Group Artwork
























NEOPETS, characters, logos, names and all related indicia
are trademarks of Neopets, Inc., © 1999-2012.
® denotes Reg. US Pat. & TM Office.
All rights reserved.
PRIVACY POLICY | Safety Tips | Contact Us | About Us | Press Kit
Use of this site signifies your acceptance of the Terms and Conditions