home

Tangible: real or actual, rather than imaginary or visionary.
Hello, and welcome to Tangible., a CSS site run by me, Kitty. Yes, Tangible. is spelled with the dot (.) at the end. Why? Well, it signifies the end of a sentence, while my site signifies the end of your search for CSS ;D. Since October 5th, Tangible. has been offering all kinds of premade layouts for visitors to choose from. So, what are you waiting for? Browse around using the lovely navigation links, and find the perfect layout just for you!

Want to suggest a style or a color scheme? Neomail me!

Rules

1. No stealing.

2. No redistributing.

3. Enjoy the layouts!

Updates

Cleared 11.1.09

11.26.09 - Happy Thanksgiving everyone! :*
One new affie-- The Goodie Box! ^^

11.24.09 - I was ranked #4 at The Pharaoh's Stone!On a different note, I'm working on a completely new style of CSS. ;D

11.23.09 - One new affie, Fingerprints! I also got a new link back button from Paprkia, to match this layout.

11.22.09 - I got a suggestion for a new Singlehanded color scheme-- Rainbow Splash! Consisting of blues, reds, yellows, and a hint of green, this palatte is bright and upbeat.
I also earned a 72.5/80 at Steamed! Check out my award on the sitely page. n-n

11.21.09 - One new affie-- Emily's CSS! I also got reviewed at On The Run, and received an award! ^^

11.19.09 - I applied to be reviewed at On The Run, a review site by Jes.

11.18.09 - I won the Locket Quest! The quest page was finally finished, so I jumped on the chance to win. xD

11.17.09 - I got listed at The Schoolhouse! Thanks for listing me, Tia!

11.16.09 - I entered Gamer*'s pixel contest! Spare a vote once voting is open?

11.15.09 - Finished a new color scheme for Triple Threat, called Polar Express. I also added two new affies-- No Tomorrow and Music Disk!

11.13.09 - I added 2 new Singlehanded colors, and 1 Triple Threat palatte.

11.12.09 - New layout!!! I decided it was time for a change, so I took a break from oranges. Now it's blue all the way. ;D
Anyway, I added a new Singlehanded, and I changed the preview method-- the squares didn't work in Firefox.

11.11.09 - I started working on the new layout-- it's going to be awesome!!

11.10.09 - 2,000 views! 8D The new style is also finished! It's called Singlehanded, and it's one of my favorites.

11.8.09 - I removed Squared, since it didn't seem to work for certain versions of Firefox and other browsers. Sorry! However, I'll be adding more Boxed In options, so keep an eye out for them.

11.7.09 - I'm back! n-n I added one new affie, and got reviewed at Diamonds.

11.4.09 - Hey guys! Just a notice: I won't be able to log on to my computer from 11.5 to 11.7. I'm sorry for any inconvenience, and I'll be back soon!

11.3.09 - I added one new affie, Chopsticks! Be sure to check out Panda's guild layouts. ^^

11.2.09 - I did an affie and lister clean-out, and found that VIS was on a long hiatus, and said to remove them.

11.1.09 - UPDATES CLEARED! It was getting a little crowded in this box. x3

FAQ

Still have a question?

Where do I put your codes?
To edit your petpage with my CSS, just enter the code here. Pick a petpage, and paste the code into the box (taking care to delete the default code first).

Can you make me a custom layout?
No, sorry, but I don't have time to make everyone their own custom layout. However, feel free to suggest an idea or a color scheme! It won't be made specifically for you, but I'll do my best to stick to your suggestions, with a few changes.

Can I edit your CSS?
Of course! Feel free to so whatever you want to it-- you could make the entire thing neon purple if you wanted to, as long as you keep the credit intact.

Can I take part of your coding and use it at (insert page here)?
Yes, as long as you give credit to Tangible. for the coding pieces you used. The only thing you don't have to give credit for is if you use one of my colors-- but if you use an entire scheme, then I must ask for credit.

Can you show me how to code my own petpage?
I'm sorry, but I can't teach you how to code-- but there are a bunch of guides that can help you! Try here for some help.

Where did you get the backgrounds for your layouts?
I made all the basic backgrounds myself-- it wasn't hard, just a gradient or stripes. The images on Boxed In, however, were from deviantart.

Can you make me a guild layout/userlookup?
I'm sorry, but I can't make and code guild layouts. I /might/ make userlookups in the future, but I'm not very good at them yet (I use a premade myself xD).

How long does it take you to make layouts?
Depending on the layout, anywhere from 30 minutes-1 hour. Boxed In took a little longer to make, because of the coding and images, but Left Alone wasn't as hard. And once I have made one layout, it's easy to change the colors and background in 10 minutes.

I caught someone using your layout without credit! What do I do?
Neomail me with the person's username, and preferrably a link to the page where the stolen layout is. Please do not harrass the user about it-- a calm confrontation will usually get better results, and besides, it's against the rules.

Layout v.2 || Frozen Sun
I got the image for the layout off DeviantArt, and added a blog and text using Picnik Photo Editor. Using soothing cool colors, I changed the headers to something more elegant, and did some tweaking with the preview pages. In the end, it all came together to make a great layout!

left alone

*Drag and drop the preview to the address bar to see it full-size!

preview

colors

Noonday Clouds
◆ ◆ ◆ <style /> #before {} .sf {//display: none; display: none;} body { background-image: URL(http://i33.tinypic.com/30ibcyq.png); } body, a { font:13px century gothic; color:#4F4F4F; text-align: left; } b { font: 13px georgia; font-weight:bold; color:#5BE156; } i{ font: 14px times new roman; color:#F9E000; font-style: italics; } u{ text-decoration: none; border-bottom:2px dashed #419AFF; } a:link, a:visited, a:active{ font: 14px monospace; color: #B4B4B4; letter-spacing: 3px; font-weight: bold; text-decoration:none; } a:hover{ color: #D5D5D5; letter-spacing: 3px; font-weight: bold; text-decoration:none; } h1{ font-family: georgia; color: #4F4F4F; font-size:60px; border-bottom: 12px solid #FFF941; text-align: right; letter-spacing: 4px; } h2{ font-family: monospace; color: #4F4F4F; font-size: 20px; text-align: left; font-weight: normal; letter-spacing: 8px; } h3 { font: 14px monospace; color: #fff; letter-spacing: 15px; text-transform: uppercase; text-align: center; background: #5A41FF; } #top{ top:0px;left:0px; border:none; width:100%; height:14px; padding: 1px; background-image: URL(http://i33.tinypic.com/30ibcyq.png); } #stuff { top: 20px; left: 200px; width:420px; padding: 5px; overflow: auto; background: #FFFFFF; border: 1px solid #5A41FF; } </style /> <div id="top" style="position: absolute;"></div> <div id="stuff" style="position: absolute;"> <h1>header</h1> <h2>and another one here</h2> <div align="left"> <br><b>bold</b> <br><i>italic</i> <br><u>underline</u> <br><a href="/~ezeilen">link</a> <br>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text 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>more headers</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 <h3>more headers</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 <h3>credit</h3> CSS by <a href="/~ezeilen">Tangible.</a> </div>
Summer Sunrise
◆ ◆ ◆ <style /> #before {} .sf {//display: none; display: none;} body { background-image: URL(http://i34.tinypic.com/2z53954.png); } body, a { font:13px century gothic; color:#4F4F4F; text-align: left; } b { font: 13px georgia; font-weight:bold; color:#FF1493; } i{ font: 14px times new roman; color:#F9E000; font-style: italics; } u{ text-decoration: none; border-bottom:2px dashed #FF6347; } a:link, a:visited, a:active{ font: 14px monospace; color: #FF0000; letter-spacing: 3px; font-weight: bold; text-decoration:none; } a:hover{ color: #FF6347; letter-spacing: 3px; font-weight: bold; text-decoration:none; } h1{ font-family: georgia; color: #4F4F4F; font-size:60px; border-bottom: 12px solid #FF6347; text-align: right; letter-spacing: 4px; } h2{ font-family: monospace; color: #4F4F4F; font-size: 20px; text-align: left; font-weight: normal; letter-spacing: 8px; } h3 { font: 14px monospace; color: #fff; letter-spacing: 15px; text-transform: uppercase; text-align: left; background: #FF58A6; } #top{ top:0px;left:0px; border:none; width:100%; height:14px; padding: 1px; background-image: URL(http://i34.tinypic.com/2z53954.png); } #stuff { top: 20px; left: 200px; width:420px; padding: 5px; overflow: auto; background: #FFFFFF; border: 1px solid #FF58A6; } </style /> <div id="top" style="position: absolute;"></div> <div id="stuff" style="position: absolute;"> <h1>header</h1> <h2>and another one here</h2> <div align="left"> <br><b>bold</b> <br><i>italic</i> <br><u>underline</u> <br><a href="/~ezeilen">link</a> <br>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text 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>more headers</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 <h3>more headers</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 <h3>credit</h3> CSS by <a href="/~ezeilen">Tangible.</a> </div>
Evening Fog
◆ ◆ ◆
<style /> #before {} .sf {//display: none; display: none;} body { background-image: URL(http://i37.tinypic.com/5aklcx.png); } body, a { font:13px century gothic; color:#4F4F4F; text-align: left; } b { font: 13px georgia; font-weight:bold; color:#396CB8; } i{ font: 14px times new roman; color:#1E1E1E; font-style: italics; } u{ text-decoration: none; border-bottom:2px dashed #4F4F4F; } a:link, a:visited, a:active{ font: 14px monospace; color: #1E1E1E; letter-spacing: 3px; font-weight: bold; text-decoration:none; } a:hover{ color: #585858; letter-spacing: 3px; font-weight: bold; text-decoration:none; } h1{ font-family: georgia; color: #4F4F4F; font-size:60px; border-bottom: 12px solid #396CB8; text-align: right; letter-spacing: 4px; } h2{ font-family: monospace; color: #4F4F4F; font-size: 20px; text-align: left; font-weight: normal; letter-spacing: 8px; } h3 { font: 14px monospace; color: #fff; letter-spacing: 15px; text-transform: uppercase; text-align: center; background: #4F4F4F; } #top{ top:0px;left:0px; border:none; width:100%; height:14px; padding: 1px; background-image: URL(http://i37.tinypic.com/5aklcx.png); } #stuff { top: 20px; left: 200px; width:420px; padding: 5px; overflow: auto; background: #FFFFFF; border: 1px solid #4F4F4F; } </style /> <div id="top" style="position: absolute;"></div> <div id="stuff" style="position: absolute;"> <h1>header</h1> <h2>and another one here</h2> <div align="left"> <br><b>bold</b> <br><i>italic</i> <br><u>underline</u> <br><a href="/~ezeilen">link</a> <br>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text 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>more headers</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 <h3>more headers</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 <h3>credit</h3> CSS by <a href="/~ezeilen">Tangible.</a> </div>
Citrus Fusion
◆ ◆ ◆
<style /> #before {} .sf {//display: none; display: none;} body { background-image: URL(http://i37.tinypic.com/29e6s20.png); } body, a { font:13px century gothic; color:#4F4F4F; text-align: left; } b { font: 13px georgia; font-weight:bold; color:#8CFC9F; } i{ font: 14px times new roman; color:#F9E000; font-style: italics; } u{ text-decoration: none; border-bottom:2px dashed #FF8800; } a:link, a:visited, a:active{ font: 14px monospace; color: #FF0000; letter-spacing: 3px; font-weight: bold; text-decoration:none; } a:hover{ color: #FF3B3B; letter-spacing: 3px; font-weight: bold; text-decoration:none; } h1{ font-family: georgia; color: #4F4F4F; font-size:60px; border-bottom: 12px solid #FFF941; text-align: right; letter-spacing: 4px; } h2{ font-family: monospace; color: #4F4F4F; font-size: 20px; text-align: left; font-weight: normal; letter-spacing: 8px; } h3 { font: 14px monospace; color: #fff; letter-spacing: 15px; text-transform: uppercase; text-align: center; background: #FF8800; } #top{ top:0px;left:0px; border:none; width:100%; height:14px; padding: 1px; background-image: URL(http://i37.tinypic.com/29e6s20.png); } #stuff { top: 20px; left: 200px; width:420px; padding: 5px; overflow: auto; background: #FFFFFF; border: 1px solid #FF8800; } </style /> <div id="top" style="position: absolute;"></div> <div id="stuff" style="position: absolute;"> <h1>header</h1> <h2>and another one here</h2> <div align="left"> <br><b>bold</b> <br><i>italic</i> <br><u>underline</u> <br><a href="/~ezeilen">link</a> <br>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text 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>more headers</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 <h3>more headers</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 <h3>credit</h3> CSS by <a href="/~ezeilen">Tangible.</a> </div>

singlehanded

*Drag and drop the preview to the address bar to see it full-size!

preview

colors

Carnival Tents
◆ ◆ ◆ <style> #before {} .sf {display: none;} body { background-color: #93D0FF; } body, a { font-family: verdana; font-size:8pt; line-height:13px; color:dimgray; } b { font: 8pt; font-weight: bold; color:#FF4A4A; } i { font: 9pt times new roman; color:#FF4A4A; font-style: italics; } u { text-decoration: none; border-bottom: 1px dashed #FF4A4A; } a:link, a:visited, a:active { font: 8pt terminal; text-transform: uppercase; color: #292929; font-weight: bold; text-decoration:none; } a:hover { color: #878686; font-weight: bold; text-decoration:none; } h1 { display:block; clear:both; padding-right: 5px; font: 16pt georgia; letter-spacing: 2px; color: #60DA48; font-weight: bold; text-transform: lowercase; text-align: right; border-right: 10px solid #60DA48; border-bottom: 1px solid #60DA48; line-height:1.0; margin-top:20px } h2 { display:block; clear:both; padding-left: 5px; font: 10pt georgia; color: #BEBEBE; font-weight: bold; text-transform: uppercase; text-align: left; border-left: 10px solid #60DA48; line-height:1.0; margin-top:-15px; margin-top:-19px; height:16px; padding-top:3px; margin-bottom:5px } h3 { padding: 2px; font: 8pt monospace; letter-spacing: 5px; color: #FFFFFF; font-weight: bold; text-transform: uppercase; text-align: center; background: #F1E327; height:16px; margin:0; margin-bottom:6px } h4 { padding: 2px; font: 35pt georgia; letter-spacing: 7px; color: #FF9C07; font-weight: bold; text-transform: lowercase; text-align: right; font-style: italic; border-left: 20px solid #FF9C07; border-bottom: 1px solid #FF9C07; } h5 { padding: 2px; font: 16pt monospace; letter-spacing: 5px; color: #BEBEBE; font-weight: bold; text-transform: uppercase; text-align: center; border-right: 20px solid #FF9C07; line-height:0; margin-top:-15px; margin-top:-19px; line-height: 1.0; } #main { width:580px; margin:0 auto; padding:10px; margin-top:20px; margin-bottom:20px; background:white } #stuff { width:580px; margin-top:10px; margin-bottom:10px; padding:0 } #header{ width:580px; background: none; margin-bottom: 10px; margin-top:-10px } #head { margin:0 !important;margin-top:15px } #rightie{ text-align: left; float: left; width:390px; padding: 5px; background: #FFFFFF; margin-bottom: 5px; margin-left: 10px; margin-bottom:10px; } #leftie{ float:left; width:160px; height:105px; padding: 2px !important;padding-bottom:10px; margin:0; margin-top:5px; background:transparent; } #top{ top:0px;left:0px; border:none; width:100%; height:14px; background-color: #93D0FF; padding: 1px; } a.nav:link, a.nav:active, a.nav:visited { display:block; font: 11px georgia; font-weight:bold; text-decoration: none; text-transform: uppercase; background-color: #E4E4E4; padding:3px; text-align: left; color: #FF4A4A; border-right: 20px solid #FF4A4A; margin:0px 0px -13px 0px; } a.nav:hover { color: #FFFFFF; background-color: #FF4A4A } </style> <center> <div id="main"><div id="stuff"> <div id="header"> <div id="head"> <h4>header</h4> <h5>put another header here</h5> </div> </div> <div id="leftie"> <a href="#one" class="nav">Section One</a><br> <a href="#two" class="nav">Section Two</a><br> <a href="#three" class="nav">Section Three</a><br> <a href="#four" class="nav">Section Four</a><br> <a href="#credits" class="nav">Credits</a> </div> <div id="rightie"> <br><b>bold</b> <i>italic</i> <u>underline</u> <a href="/~ezeilen">link</a> <br>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text 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> <a name="one"> </a> <h1>section one</h1> <h2>where your first content goes</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 <p><h3>another sub-section</h3><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 <a name="two"> </a> <h1>section two</h1> <h2>where your second content goes</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 <p><h3>another sub-section</h3><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 <a name="three"> </a> <h1>section three</h1> <h2>where your third content goes</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 <p><h3>another sub-section</h3><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 <a name="four"> </a> <h1>section four</h1> <h2>where your fourth content goes</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 <p><h3>another sub-section</h3><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 <a name="credits"> </a> <h1>credits</h1> <h2>who made what and such</h2> CSS by <a href="/~ezeilen">Tangible.</a> </div> </div> </center>
Lovestruck
◆ ◆ ◆ <style> #before {} .sf {display: none;} body { background-color: #747474; } body, a { font-family: verdana; font-size:8pt; line-height:13px; color:dimgray; } b { font: 8pt; font-weight: bold; color:#FF25CC; } i { font: 9pt times new roman; color:#FF25CC; font-style: italic; } u { text-decoration: none; border-bottom: 1px dashed #FF25CC; } a:link, a:visited, a:active { font: 8pt terminal; text-transform: uppercase; color: #292929; font-weight: bold; text-decoration:none; } a:hover { color: #878686; font-weight: bold; text-decoration:none; } h1 { display:block; clear:both; padding-right: 5px; font: 16pt georgia; letter-spacing: 2px; color: #00AAFF; font-weight: bold; text-transform: lowercase; text-align: right; border-right: 10px solid #00AAFF; border-bottom: 1px solid #00AAFF; line-height:1.0; margin-top:20px } h2 { display:block; clear:both; padding-left: 5px; font: 10pt georgia; color: #BEBEBE; font-weight: bold; text-transform: uppercase; text-align: left; border-left: 10px solid #00AAFF; line-height:1.0; margin-top:-15px; margin-top:-19px; height:16px; padding-top:3px; margin-bottom:5px } h3 { padding: 2px; font: 8pt monospace; letter-spacing: 5px; color: #FFFFFF; font-weight: bold; text-transform: uppercase; text-align: center; background: #A825FF; height:16px; margin:0; margin-bottom:6px } h4 { padding: 2px; font: 35pt georgia; letter-spacing: 7px; color: #00F1A9; font-weight: bold; text-transform: lowercase; text-align: right; font-style: italic; border-left: 20px solid #00F1A9; border-bottom: 1px solid #00F1A9; } h5 { padding: 2px; font: 16pt monospace; letter-spacing: 5px; color: #BEBEBE; font-weight: bold; text-transform: uppercase; text-align: center; border-right: 20px solid #00F1A9; line-height:0; margin-top:-15px; margin-top:-19px; line-height: 1.0; } #main { width:580px; margin:0 auto; padding:10px; margin-top:20px; margin-bottom:20px; background:white } #stuff { width:580px; margin-top:10px; margin-bottom:10px; padding:0 } #header{ width:580px; background: none; margin-bottom: 10px; margin-top:-10px } #head { margin:0 !important;margin-top:15px } #rightie{ text-align: left; float: left; width:390px; padding: 5px; background: #FFFFFF; margin-bottom: 5px; margin-left: 10px; margin-bottom:10px; } #leftie{ float:left; width:160px; height:105px; padding: 2px !important;padding-bottom:10px; margin:0; margin-top:5px; background:transparent; } #top{ top:0px;left:0px; border:none; width:100%; height:14px; background-color: #747474; padding: 1px; } a.nav:link, a.nav:active, a.nav:visited { display:block; font: 11px georgia; font-weight:bold; text-decoration: none; text-transform: uppercase; background-color: #E4E4E4; padding:3px; text-align: left; color: #FF25CC; border-right: 20px solid #FF25CC; margin:0px 0px -13px 0px; } a.nav:hover { color: #FFFFFF; background-color: #FF25CC } </style> <center> <div id="main"><div id="stuff"> <div id="header"> <div id="head"> <h4>header</h4> <h5>put another header here</h5> </div> </div> <div id="leftie"> <a href="#one" class="nav">Section One</a><br> <a href="#two" class="nav">Section Two</a><br> <a href="#three" class="nav">Section Three</a><br> <a href="#four" class="nav">Section Four</a><br> <a href="#credits" class="nav">Credits</a> </div> <div id="rightie"> <br><b>bold</b> <i>italic</i> <u>underline</u> <a href="/~ezeilen">link</a> <br>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text 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> <a name="one"> </a> <h1>section one</h1> <h2>where your first content goes</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 <p><h3>another sub-section</h3><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 <a name="two"> </a> <h1>section two</h1> <h2>where your second content goes</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 <p><h3>another sub-section</h3><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 <a name="three"> </a> <h1>section three</h1> <h2>where your third content goes</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 <p><h3>another sub-section</h3><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 <a name="four"> </a> <h1>section four</h1> <h2>where your fourth content goes</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 <p><h3>another sub-section</h3><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 <a name="credits"> </a> <h1>credits</h1> <h2>who made what and such</h2> CSS by <a href="/~ezeilen">Tangible.</a> </div> </div> </center>
Have a Watermelon
◆ ◆ ◆ <style> #before {} .sf {display: none;} body { background-color: #FFA9D4; } body, a { font-family: verdana; font-size:8pt; line-height:13px; color:dimgray; } b { font: 8pt; font-weight: bold; color:#FF2A00; } i { font: 9pt times new roman; color:#FF2A00; font-style: italics; } u { text-decoration: none; border-bottom: 1px dashed #FF2A00; } a:link, a:visited, a:active { font: 8pt terminal; text-transform: uppercase; color: #292929; font-weight: bold; text-decoration:none; } a:hover { color: #878686; font-weight: bold; text-decoration:none; } h1 { display:block; clear:both; padding-right: 5px; font: 16pt georgia; letter-spacing: 2px; color: #22E12F; font-weight: bold; text-transform: lowercase; text-align: right; border-right: 10px solid #22E12F; border-bottom: 1px solid #22E12F; line-height:1.0; margin-top:20px } h2 { display:block; clear:both; padding-left: 5px; font: 10pt georgia; color: #BEBEBE; font-weight: bold; text-transform: uppercase; text-align: left; border-left: 10px solid #22E12F; line-height:1.0; margin-top:-15px; margin-top:-19px; height:16px; padding-top:3px; margin-bottom:5px } h3 { padding: 2px; font: 8pt monospace; letter-spacing: 5px; color: #FFFFFF; font-weight: bold; text-transform: uppercase; text-align: center; background: #FF5890; height:16px; margin:0; margin-bottom:6px } h4 { padding: 2px; font: 35pt georgia; letter-spacing: 7px; color: #FF2A00; font-weight: bold; text-transform: lowercase; text-align: right; font-style: italic; border-left: 20px solid #FF2A00; border-bottom: 1px solid #FF2A00; } h5 { padding: 2px; font: 16pt monospace; letter-spacing: 5px; color: #BEBEBE; font-weight: bold; text-transform: uppercase; text-align: center; border-right: 20px solid #FF2A00; line-height:0; margin-top:-15px; margin-top:-19px; line-height: 1.0; } #main { width:580px; margin:0 auto; padding:10px; margin-top:20px; margin-bottom:20px; background:white } #stuff { width:580px; margin-top:10px; margin-bottom:10px; padding:0 } #header{ width:580px; background: none; margin-bottom: 10px; margin-top:-10px } #head { margin:0 !important;margin-top:15px } #rightie{ text-align: left; float: left; width:390px; padding: 5px; background: #FFFFFF; margin-bottom: 5px; margin-left: 10px; margin-bottom:10px; } #leftie{ float:left; width:160px; height:105px; padding: 2px !important;padding-bottom:10px; margin:0; margin-top:5px; background:transparent; } #top{ top:0px;left:0px; border:none; width:100%; height:14px; background-color: #FFA9D4; padding: 1px; } a.nav:link, a.nav:active, a.nav:visited { display:block; font: 11px georgia; font-weight:bold; text-decoration: none; text-transform: uppercase; background-color: #EAEAEA; padding:3px; text-align: left; color: #22E12F; border-right: 20px solid #22E12F; margin:0px 0px -13px 0px; } a.nav:hover { color: #FFFFFF; background-color: #22E12F; } </style> <center> <div id="main"><div id="stuff"> <div id="header"> <div id="head"> <h4>header</h4> <h5>put another header here</h5> </div> </div> <div id="leftie"> <a href="#one" class="nav">Section One</a><br> <a href="#two" class="nav">Section Two</a><br> <a href="#three" class="nav">Section Three</a><br> <a href="#four" class="nav">Section Four</a><br> <a href="#credits" class="nav">Credits</a> </div> <div id="rightie"> <br><b>bold</b> <i>italic</i> <u>underline</u> <a href="/~ezeilen">link</a> <br>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text 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> <a name="one"> </a> <h1>section one</h1> <h2>where your first content goes</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 <p><h3>another sub-section</h3><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 <a name="two"> </a> <h1>section two</h1> <h2>where your second content goes</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 <p><h3>another sub-section</h3><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 <a name="three"> </a> <h1>section three</h1> <h2>where your third content goes</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 <p><h3>another sub-section</h3><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 <a name="four"> </a> <h1>section four</h1> <h2>where your fourth content goes</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 <p><h3>another sub-section</h3><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 <a name="credits"> </a> <h1>credits</h1> <h2>who made what and such</h2> CSS by <a href="/~ezeilen">Tangible.</a> </div> </div> </center>
Cotton Candy Ribbons
◆ ◆ ◆ <style> #before {} .sf {display: none;} body { background-color: #FFB4CF; } body, a { font-family: verdana; font-size:8pt; line-height:13px; color:dimgray; } b { font: 8pt; font-weight: bold; color:#01D6C1; } i { font: 9pt times new roman; color:#01D6C1; font-style: italics; } u { text-decoration: none; border-bottom: 1px dashed #01D6C1; } a:link, a:visited, a:active { font: 8pt terminal; text-transform: uppercase; color: #292929; font-weight: bold; text-decoration:none; } a:hover { color: #878686; font-weight: bold; text-decoration:none; } h1 { display:block; clear:both; padding-right: 5px; font: 16pt georgia; letter-spacing: 2px; color: #58C7FF; font-weight: bold; text-transform: lowercase; text-align: right; border-right: 10px solid #58C7FF; border-bottom: 1px solid #58C7FF; line-height:1.0; margin-top:20px } h2 { display:block; clear:both; padding-left: 5px; font: 10pt georgia; color: #BEBEBE; font-weight: bold; text-transform: uppercase; text-align: left; border-left: 10px solid #58C7FF; line-height:1.0; margin-top:-15px; margin-top:-19px; height:16px; padding-top:3px; margin-bottom:5px } h3 { padding: 2px; font: 8pt monospace; letter-spacing: 5px; color: #FFFFFF; font-weight: bold; text-transform: uppercase; text-align: center; background: #FF5895; height:16px; margin:0; margin-bottom:6px } h4 { padding: 2px; font: 35pt georgia; letter-spacing: 7px; color: #3EB8FF; font-weight: bold; text-transform: lowercase; text-align: right; font-style: italic; border-left: 20px solid #3EB8FF; border-bottom: 1px solid #3EB8FF; } h5 { padding: 2px; font: 16pt monospace; letter-spacing: 5px; color: #BEBEBE; font-weight: bold; text-transform: uppercase; text-align: center; border-right: 20px solid #3EB8FF; line-height:0; margin-top:-15px; margin-top:-19px; line-height: 1.0; } #main { width:580px; margin:0 auto; padding:10px; margin-top:20px; margin-bottom:20px; background:white } #stuff { width:580px; margin-top:10px; margin-bottom:10px; padding:0 } #header{ width:580px; background: none; margin-bottom: 10px; margin-top:-10px } #head { margin:0 !important;margin-top:15px } #rightie{ text-align: left; float: left; width:390px; padding: 5px; background: #FFFFFF; margin-bottom: 5px; margin-left: 10px; margin-bottom:10px; } #leftie{ float:left; width:160px; height:105px; padding: 2px !important;padding-bottom:10px; margin:0; margin-top:5px; background:transparent; } #top{ top:0px;left:0px; border:none; width:100%; height:14px; background-color: #FFB4CF; padding: 1px; } a.nav:link, a.nav:active, a.nav:visited { display:block; font: 11px georgia; font-weight:bold; text-decoration: none; text-transform: uppercase; background-color: #EAEAEA; padding:3px; text-align: left; color: #01D6C1; border-right: 20px solid #01D6C1; margin:0px 0px -13px 0px; } a.nav:hover { color: #FFFFFF; background-color: #01D6C1; } </style> <center> <div id="main"><div id="stuff"> <div id="header"> <div id="head"> <h4>header</h4> <h5>put another header here</h5> </div> </div> <div id="leftie"> <a href="#one" class="nav">Section One</a><br> <a href="#two" class="nav">Section Two</a><br> <a href="#three" class="nav">Section Three</a><br> <a href="#four" class="nav">Section Four</a><br> <a href="#credits" class="nav">Credits</a> </div> <div id="rightie"> <br><b>bold</b> <i>italic</i> <u>underline</u> <a href="/~ezeilen">link</a> <br>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text 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> <a name="one"> </a> <h1>section one</h1> <h2>where your first content goes</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 <p><h3>another sub-section</h3><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 <a name="two"> </a> <h1>section two</h1> <h2>where your second content goes</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 <p><h3>another sub-section</h3><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 <a name="three"> </a> <h1>section three</h1> <h2>where your third content goes</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 <p><h3>another sub-section</h3><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 <a name="four"> </a> <h1>section four</h1> <h2>where your fourth content goes</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 <p><h3>another sub-section</h3><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 <a name="credits"> </a> <h1>credits</h1> <h2>who made what and such</h2> CSS by <a href="/~ezeilen">Tangible.</a> </div> </div> </center>
Hanging on a Grapevine
◆ ◆ ◆ <style> #before {} .sf {display: none;} body { background-color: #E5CCF8; } body, a { font-family: verdana; font-size:8pt; line-height:13px; color:dimgray; } b { font: 8pt; font-weight: bold; color:#589BFF; } i { font: 9pt times new roman; color:#589BFF; font-style: italics; } u { text-decoration: none; border-bottom: 1px dashed #589BFF; } a:link, a:visited, a:active { font: 8pt terminal; text-transform: uppercase; color: #292929; font-weight: bold; text-decoration:none; } a:hover { color: #878686; font-weight: bold; text-decoration:none; } h1 { display:block; clear:both; padding-right: 5px; font: 16pt georgia; letter-spacing: 2px; color: #009C1A; font-weight: bold; text-transform: lowercase; text-align: right; border-right: 10px solid #009C1A; border-bottom: 1px solid #009C1A; line-height:1.0; margin-top:20px } h2 { display:block; clear:both; padding-left: 5px; font: 10pt georgia; color: #BEBEBE; font-weight: bold; text-transform: uppercase; text-align: left; border-left: 10px solid #009C1A; line-height:1.0; margin-top:-15px; margin-top:-19px; height:16px; padding-top:3px; margin-bottom:5px } h3 { padding: 2px; font: 8pt monospace; letter-spacing: 5px; color: #FFFFFF; font-weight: bold; text-transform: uppercase; text-align: center; background: #9966CC; height:16px; margin:0; margin-bottom:6px } h4 { padding: 2px; font: 35pt georgia; letter-spacing: 7px; color: #A939FF; font-weight: bold; text-transform: lowercase; text-align: right; font-style: italic; border-left: 20px solid #A939FF; border-bottom: 1px solid #A939FF; } h5 { padding: 2px; font: 16pt monospace; letter-spacing: 5px; color: #BEBEBE; font-weight: bold; text-transform: uppercase; text-align: center; border-right: 20px solid #A939FF; line-height:0; margin-top:-15px; margin-top:-19px; line-height: 1.0; } #main { width:580px; margin:0 auto; padding:10px; margin-top:20px; margin-bottom:20px; background:white } #stuff { width:580px; margin-top:10px; margin-bottom:10px; padding:0 } #header{ width:580px; background: none; margin-bottom: 10px; margin-top:-10px } #head { margin:0 !important;margin-top:15px } #rightie{ text-align: left; float: left; width:390px; padding: 5px; background: #FFFFFF; margin-bottom: 5px; margin-left: 10px; margin-bottom:10px; } #leftie{ float:left; width:160px; height:105px; padding: 2px !important;padding-bottom:10px; margin:0; margin-top:5px; background:transparent; } #top{ top:0px;left:0px; border:none; width:100%; height:14px; background-color: #C5CCF8; padding: 1px; } a.nav:link, a.nav:active, a.nav:visited { display:block; font: 11px georgia; font-weight:bold; text-decoration: none; text-transform: uppercase; background-color: #EAEAEA; padding:3px; text-align: left; color: #589BFF; border-right: 20px solid #589BFF; margin:0px 0px -13px 0px; } a.nav:hover { color: #FFFFFF; background-color: #589BFF; } </style> <center> <div id="main"><div id="stuff"> <div id="header"> <div id="head"> <h4>header</h4> <h5>put another header here</h5> </div> </div> <div id="leftie"> <a href="#one" class="nav">Section One</a><br> <a href="#two" class="nav">Section Two</a><br> <a href="#three" class="nav">Section Three</a><br> <a href="#four" class="nav">Section Four</a><br> <a href="#credits" class="nav">Credits</a> </div> <div id="rightie"> <br><b>bold</b> <i>italic</i> <u>underline</u> <a href="/~ezeilen">link</a> <br>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text 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> <a name="one"> </a> <h1>section one</h1> <h2>where your first content goes</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 <p><h3>another sub-section</h3><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 <a name="two"> </a> <h1>section two</h1> <h2>where your second content goes</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 <p><h3>another sub-section</h3><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 <a name="three"> </a> <h1>section three</h1> <h2>where your third content goes</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 <p><h3>another sub-section</h3><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 <a name="four"> </a> <h1>section four</h1> <h2>where your fourth content goes</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 <p><h3>another sub-section</h3><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 <a name="credits"> </a> <h1>credits</h1> <h2>who made what and such</h2> CSS by <a href="/~ezeilen">Tangible.</a> </div> </div> </center>
Rainbow Splash
◆ ◆ ◆ <style> #before {} .sf {display: none;} body { background-color: #9FE9FF; } body, a { font-family: verdana; font-size:8pt; line-height:13px; color:dimgray; } b { font: 8pt; font-weight: bold; color:#01D6C1; } i { font: 9pt times new roman; color:#01D6C1; font-style: italics; } u { text-decoration: none; border-bottom: 1px dashed #01D6C1; } a:link, a:visited, a:active { font: 8pt terminal; text-transform: uppercase; color: #292929; font-weight: bold; text-decoration:none; } a:hover { color: #878686; font-weight: bold; text-decoration:none; } h1 { display:block; clear:both; padding-right: 5px; font: 16pt georgia; letter-spacing: 2px; color: #FF1037; font-weight: bold; text-transform: lowercase; text-align: right; border-right: 10px solid #FF1037; border-bottom: 1px solid #FF1037; line-height:1.0; margin-top:20px } h2 { display:block; clear:both; padding-left: 5px; font: 10pt georgia; color: #BEBEBE; font-weight: bold; text-transform: uppercase; text-align: left; border-left: 10px solid #FF1037; line-height:1.0; margin-top:-15px; margin-top:-19px; height:16px; padding-top:3px; margin-bottom:5px } h3 { padding: 2px; font: 8pt monospace; letter-spacing: 5px; color: #FFFFFF; font-weight: bold; text-transform: uppercase; text-align: center; background: #F8E329; height:16px; margin:0; margin-bottom:6px } h4 { padding: 2px; font: 35pt georgia; letter-spacing: 7px; color: #00B2FF; font-weight: bold; text-transform: lowercase; text-align: right; font-style: italic; border-left: 20px solid #00B2FF; border-bottom: 1px solid #00B2FF; } h5 { padding: 2px; font: 16pt monospace; letter-spacing: 5px; color: #BEBEBE; font-weight: bold; text-transform: uppercase; text-align: center; border-right: 20px solid #00B2FF; line-height:0; margin-top:-15px; margin-top:-19px; line-height: 1.0; } #main { width:580px; margin:0 auto; padding:10px; margin-top:20px; margin-bottom:20px; background:white } #stuff { width:580px; margin-top:10px; margin-bottom:10px; padding:0 } #header{ width:580px; background: none; margin-bottom: 10px; margin-top:-10px } #head { margin:0 !important;margin-top:15px } #rightie{ text-align: left; float: left; width:390px; padding: 5px; background: #FFFFFF; margin-bottom: 5px; margin-left: 10px; margin-bottom:10px; } #leftie{ float:left; width:160px; height:105px; padding: 2px !important;padding-bottom:10px; margin:0; margin-top:5px; background:transparent; } #top{ top:0px;left:0px; border:none; width:100%; height:14px; background-color: #FFB4CF; padding: 1px; } a.nav:link, a.nav:active, a.nav:visited { display:block; font: 11px georgia; font-weight:bold; text-decoration: none; text-transform: uppercase; background-color: #EAEAEA; padding:3px; text-align: left; color: #15CD3A; border-right: 20px solid #15CD3A; margin:0px 0px -13px 0px; } a.nav:hover { color: #FFFFFF; background-color: #15CD3A; } </style> <center> <div id="main"><div id="stuff"> <div id="header"> <div id="head"> <h4>header</h4> <h5>put another header here</h5> </div> </div> <div id="leftie"> <a href="#one" class="nav">Section One</a><br> <a href="#two" class="nav">Section Two</a><br> <a href="#three" class="nav">Section Three</a><br> <a href="#four" class="nav">Section Four</a><br> <a href="#credits" class="nav">Credits</a> </div> <div id="rightie"> <br><b>bold</b> <i>italic</i> <u>underline</u> <a href="/~ezeilen">link</a> <br>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text 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> <a name="one"> </a> <h1>section one</h1> <h2>where your first content goes</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 <p><h3>another sub-section</h3><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 <a name="two"> </a> <h1>section two</h1> <h2>where your second content goes</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 <p><h3>another sub-section</h3><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 <a name="three"> </a> <h1>section three</h1> <h2>where your third content goes</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 <p><h3>another sub-section</h3><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 <a name="four"> </a> <h1>section four</h1> <h2>where your fourth content goes</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 <p><h3>another sub-section</h3><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 <a name="credits"> </a> <h1>credits</h1> <h2>who made what and such</h2> CSS by <a href="/~ezeilen">Tangible.</a> </div> </div> </center>

sidekick

*Drag and drop the preview to the address bar to see it full-size!

preview

colors

Ocean Breeze
◆ ◆ ◆ <style /> #before {} .sf {//display: none; display: none;} body { background-color: #00E7D0; } body, a { font:13px century gothic; color:#4F4F4F; text-align: left; } b { font: 13px georgia; font-weight:bold; color:#A118FC; } i{ font: 14px times new roman; color:#00BBFF; font-style: italics; } u{ text-decoration: none; border-bottom:2px dashed #00EAD2; } a:link, a:visited, a:active{ font: 14px monospace; color: #187BFC; letter-spacing: 3px; font-weight: bold; text-decoration:none; } a:hover{ color: #77B2FF; letter-spacing: 3px; font-weight: bold; text-decoration:none; } h1{ font-family: georgia; color: #A118FC; font-size:70px; text-align: center; text-transform:uppercase; letter-spacing: 50px; } h2{ font-family: courier new; color: #4F4F4F; font-size: 35px; text-align: center; font-weight: normal; letter-spacing: 5px; } h3 { font: 14px monospace; color: #fff; letter-spacing: 15px; text-transform: uppercase; text-align: center; background: #00BBFF; } #top{ top:0px;left:0px; border:none; width:100%; height:14px; background-color: #00E7D0; padding: 1px; } #stuff { top: 20px; width:700px; overflow: auto; background: none; } #header{ float: left; width:670px; padding: 5px; overflow: auto; background: #FFFFFF; //margin-bottom: 10px; margin-bottom: 10px; } #main{ float: left; width: 460px; padding: 5px; overflow: auto; background: #FFFFFF; //margin-right: 10px; margin-right: 10px; } #sidebar{ float: left; width:200px; padding: 5px; overflow: auto; background: #FFFFFF; } </style /> <div id="top" style="position: absolute;"></div> <center><div id="stuff"> <div id="header"> <h1>header</h1> <h2>put another header here</h2> </div> <div id="main"> <br><b>bold</b> <br><i>italic</i> <br><u>underline</u> <br><a href="/~ezeilen">link</a> <br>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text 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>more headers</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 text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text 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="sidebar"> <br>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text 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>header</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 <h3>credit</h3> CSS by <a href="/~ezeilen">Tangible.</a> </div> </div>
Valentine Chocolates
◆ ◆ ◆ <style /> #before {} .sf {//display: none; display: none;} body { background-color: #CF3E3E; } body, a { font:13px century gothic; color:#4F4F4F; text-align: left; } b { font: 13px georgia; font-weight:bold; color:#FF4444; } i{ font: 14px times new roman; color:#473414; font-style: italics; } u{ text-decoration: none; border-bottom:2px dashed #A40101; } a:link, a:visited, a:active{ font: 14px monospace; color: #454545; letter-spacing: 3px; font-weight: bold; text-decoration:none; } a:hover{ color: #6A6A6A; letter-spacing: 3px; font-weight: bold; text-decoration:none; } h1{ font-family: georgia; color: #FF547C; font-size:70px; text-align: center; text-transform:uppercase; letter-spacing: 50px; } h2{ font-family: courier new; color: #473414; font-size: 35px; text-align: center; font-weight: normal; letter-spacing: 5px; } h3 { font: 14px monospace; color: #fff; letter-spacing: 15px; text-transform: uppercase; text-align: center; background: #473414; } #top{ top:0px;left:0px; border:none; width:100%; height:14px; background-color: #CF3E3E; padding: 1px; } #stuff { top: 20px; width:700px; overflow: auto; background: none; } #header{ float: left; width:670px; padding: 5px; overflow: auto; background: #FFFFFF; //margin-bottom: 10px; margin-bottom: 10px; } #main{ float: left; width: 460px; padding: 5px; overflow: auto; background: #FFFFFF; //margin-right: 10px; margin-right: 10px; } #sidebar{ float: left; width:200px; padding: 5px; overflow: auto; background: #FFFFFF; } </style /> <div id="top" style="position: absolute;"></div> <center><div id="stuff"> <div id="header"> <h1>header</h1> <h2>put another header here</h2> </div> <div id="main"> <br><b>bold</b> <br><i>italic</i> <br><u>underline</u> <br><a href="/~ezeilen">link</a> <br>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text 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>more headers</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 text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text 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="sidebar"> <br>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text 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>header</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 <h3>credit</h3> CSS by <a href="/~ezeilen">Tangible.</a> </div> </div>
Garden Sunshine
◆ ◆ ◆ <style /> #before {} .sf {//display: none; display: none;} body { background-color: #00CCFF; } body, a { font:13px century gothic; color:#4F4F4F; text-align: left; } b { font: 13px georgia; font-weight:bold; color:#05E340; } i{ font: 14px times new roman; color:#FF9900; font-style: italics; } u{ text-decoration: none; border-bottom:2px dashed #00CCFF; } a:link, a:visited, a:active{ font: 14px monospace; color: #FF1C1C; letter-spacing: 3px; font-weight: bold; text-decoration:none; } a:hover{ color: #FF7E7E; letter-spacing: 3px; font-weight: bold; text-decoration:none; } h1{ font-family: georgia; color: #05E340; font-size:70px; text-align: center; text-transform:uppercase; letter-spacing: 50px; } h2{ font-family: courier new; color: #473414; font-size: 35px; text-align: center; font-weight: normal; letter-spacing: 5px; } h3 { font: 14px monospace; color: #fff; letter-spacing: 15px; text-transform: uppercase; text-align: center; background: #FF9900; } #top{ top:0px;left:0px; border:none; width:100%; height:14px; background-color: #00CCFF; padding: 1px; } #stuff { top: 20px; width:700px; overflow: auto; background: none; } #header{ float: left; width:670px; padding: 5px; overflow: auto; background: #FFFFFF; //margin-bottom: 10px; margin-bottom: 10px; } #main{ float: left; width: 460px; padding: 5px; overflow: auto; background: #FFFFFF; //margin-right: 10px; margin-right: 10px; } #sidebar{ float: left; width:200px; padding: 5px; overflow: auto; background: #FFFFFF; } </style /> <div id="top" style="position: absolute;"></div> <center><div id="stuff"> <div id="header"> <h1>header</h1> <h2>put another header here</h2> </div> <div id="main"> <br><b>bold</b> <br><i>italic</i> <br><u>underline</u> <br><a href="/~ezeilen">link</a> <br>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text 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>more headers</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 text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text 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="sidebar"> <br>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text 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>header</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 <h3>credit</h3> CSS by <a href="/~ezeilen">Tangible.</a> </div> </div>

triple threat

*Drag and drop the preview to the address bar to see it full-size!

preview

colors

Chocolate Cupcake
◆ ◆ ◆ <style /> #before {} .sf {//display: none; display: none;} body { background-image: URL(http://i34.tinypic.com/cl0cn.png); } body, a { font:13px century gothic; color:#4F4F4F; text-align: left; } b { font: 13px georgia; font-weight:bold; color:#00B2FF; } i{ font: 14px times new roman; color:#FF5FA4; font-style: italics; } u{ text-decoration: none; border-bottom:2px dashed #FFA7D3; } a:link, a:visited, a:active{ font: 14px monospace; color: #35DEC2; letter-spacing: 3px; font-weight: bold; text-decoration:none; } a:hover{ color: #A2FFEF; letter-spacing: 3px; font-weight: bold; text-decoration:none; } h1{ font-family: georgia; color: #FF4B99; font-size:45px; text-align: center; font-weight: bold; text-transform:uppercase; letter-spacing: 20px; } h2{ font-family: courier new; color: #713C3C; font-size: 25px; text-align: left; font-weight: normal; letter-spacing: 5px; background: #F7F7F7; border-right: 10px solid #35DEC2; } h3 { font: 14px georgia; color: #FF6FA3; letter-spacing: 15px; text-transform: lowercase; text-align: right; font-weight: bold; background: #F7F7F7; border-left: 10px solid #FF6FA3; } #top{ top:0px;left:0px; border:none; width:100%; height:14px; padding: 1px; background-image: URL(http://i34.tinypic.com/cl0cn.png); } #stuff { top: 20px; width:850px; padding: 10px; overflow: auto; background: none; } #main{ float: left; width:410px; padding: 5px; overflow: auto; background: #FFFFFF; //margin-left: 10px; margin-left: 10px; //margin-right: 10px; margin-right: 10px; border: 1px solid #FF4B99; } #rightbar, #leftbar{ float: left; width:200px; padding: 5px; overflow: auto; background: #FFFFFF; border: 1px solid #FF4B99; } </style /> <div id="top" style="position: absolute;"></div> <center><div id="stuff"> <div id="leftbar"> <h3>header</h3> <br>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text 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>header</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 </div> <div id="main"> <h1>header</h1> <h2>another header here</h2> <br><b>bold</b> <br><i>italic</i> <br><u>underline</u> <br><a href="/~ezeilen">link</a> <br>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text 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>more headers</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 text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text 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="rightbar"> <h3>header</h3> <br>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text 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>header</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 <h3>credit</h3> CSS by <a href="/~ezeilen">Tangible.</a> </div> </div>
Make a Wish
◆ ◆ ◆ <style /> #before {} .sf {//display: none; display: none;} body { background-image: URL(http://i33.tinypic.com/2hz6ud.png); } body, a { font:13px century gothic; color:#4F4F4F; text-align: left; } b { font: 13px georgia; font-weight:bold; color:#2870DC; } i{ font: 14px times new roman; color:#7D7D7D; font-style: italics; } u{ text-decoration: none; border-bottom:2px dashed #28B2DC; } a:link, a:visited, a:active{ font: 14px monospace; color: #30CEFE; letter-spacing: 3px; font-weight: bold; text-decoration:none; } a:hover{ color: #82E2FF; letter-spacing: 3px; font-weight: bold; text-decoration:none; } h1{ font-family: georgia; color: #FFF382; font-size:45px; text-align: center; font-weight: bold; text-transform:uppercase; letter-spacing: 20px; } h2{ font-family: courier new; color: #7D7D7D; font-size: 25px; text-align: left; font-weight: normal; letter-spacing: 5px; background: #F7F7F7; border-right: 10px solid #30CEFE; } h3 { font: 14px georgia; color: #29B19A; letter-spacing: 15px; text-transform: lowercase; text-align: right; font-weight: bold; background: #F7F7F7; border-left: 10px solid #29B19A; } #top{ top:0px;left:0px; border:none; width:100%; height:14px; padding: 1px; background-image: URL(http://i33.tinypic.com/2hz6ud.png); } #stuff { top: 20px; width:850px; padding: 10px; overflow: auto; background: none; } #main{ float: left; width:410px; padding: 5px; overflow: auto; background: #FFFFFF; //margin-left: 10px; margin-left: 10px; //margin-right: 10px; margin-right: 10px; border: 1px solid #FFF382; } #rightbar, #leftbar{ float: left; width:200px; padding: 5px; overflow: auto; background: #FFFFFF; border: 1px solid #FFF382; } </style /> <div id="top" style="position: absolute;"></div> <center><div id="stuff"> <div id="leftbar"> <h3>header</h3> <br>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text 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>header</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 </div> <div id="main"> <h1>header</h1> <h2>another header here</h2> <br><b>bold</b> <br><i>italic</i> <br><u>underline</u> <br><a href="/~ezeilen">link</a> <br>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text 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>more headers</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 text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text 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="rightbar"> <h3>header</h3> <br>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text 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>header</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 <h3>credit</h3> CSS by <a href="/~ezeilen">Tangible.</a> </div> </div>
Party Favors
◆ ◆ ◆ <style /> #before {} .sf {//display: none; display: none;} body { background-image: URL(http://i33.tinypic.com/2nhg3o5.png); } body, a { font:13px century gothic; color:#4F4F4F; text-align: left; } b { font: 13px georgia; font-weight:bold; color:#00B2FF; } i{ font: 14px times new roman; color:#FF5FA4; font-style: italics; } u{ text-decoration: none; border-bottom:2px dashed #B637FF; } a:link, a:visited, a:active{ font: 14px monospace; color: #00D31C; letter-spacing: 3px; font-weight: bold; text-decoration:none; } a:hover{ color: #01E420; letter-spacing: 3px; font-weight: bold; text-decoration:none; } h1{ font-family: georgia; color: #B300FF; font-size:45px; text-align: center; font-weight: bold; text-transform:uppercase; letter-spacing: 20px; } h2{ font-family: courier new; color: #7D7D7D; font-size: 25px; text-align: left; font-weight: normal; letter-spacing: 5px; background: #F7F7F7; border-right: 10px solid #00D31C; } h3 { font: 14px georgia; color: #00B2FF; letter-spacing: 15px; text-transform: lowercase; text-align: right; font-weight: bold; background: #F7F7F7; border-left: 10px solid #00B2FF; } #top{ top:0px;left:0px; border:none; width:100%; height:14px; padding: 1px; background-image: URL(http://i33.tinypic.com/2nhg3o5.png); } #stuff { top: 20px; width:850px; padding: 10px; overflow: auto; background: none; } #main{ float: left; width:410px; padding: 5px; overflow: auto; background: #FFFFFF; //margin-left: 10px; margin-left: 10px; //margin-right: 10px; margin-right: 10px; border: 1px solid #B300FF; } #rightbar, #leftbar{ float: left; width:200px; padding: 5px; overflow: auto; background: #FFFFFF; border: 1px solid #B300FF; } </style /> <div id="top" style="position: absolute;"></div> <center><div id="stuff"> <div id="leftbar"> <h3>header</h3> <br>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text 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>header</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 </div> <div id="main"> <h1>header</h1> <h2>another header here</h2> <br><b>bold</b> <br><i>italic</i> <br><u>underline</u> <br><a href="/~ezeilen">link</a> <br>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text 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>more headers</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 text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text 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="rightbar"> <h3>header</h3> <br>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text 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>header</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 <h3>credit</h3> CSS by <a href="/~ezeilen">Tangible.</a> </div> </div>
Summer Popsicle
◆ ◆ ◆ <style /> #before {} .sf {//display: none; display: none;} body { background-image: URL(http://i33.tinypic.com/33a5bmd.png); } body, a { font:13px century gothic; color:#4F4F4F; text-align: left; } b { font: 13px georgia; font-weight:bold; color:#FF9900; } i{ font: 14px times new roman; color:#54CCFF; font-style: italics; } u{ text-decoration: none; border-bottom:2px dashed #FFDD00; } a:link, a:visited, a:active{ font: 14px monospace; color: #04D6CF; letter-spacing: 3px; font-weight: bold; text-decoration:none; } a:hover{ color: #94EEEB; letter-spacing: 3px; font-weight: bold; text-decoration:none; } h1{ font-family: georgia; color: #FF9900; font-size:45px; text-align: center; font-weight: bold; text-transform:uppercase; letter-spacing: 20px; } h2{ font-family: courier new; color: #7D7D7D; font-size: 25px; text-align: left; font-weight: normal; letter-spacing: 5px; background: #F7F7F7; border-right: 10px solid #FFDD00; } h3 { font: 14px georgia; color: #54CCFF; letter-spacing: 15px; text-transform: lowercase; text-align: right; font-weight: bold; background: #F7F7F7; border-left: 10px solid #54CCFF; } #top{ top:0px;left:0px; border:none; width:100%; height:14px; padding: 1px; background-image: URL(http://i33.tinypic.com/33a5bmd.png); } #stuff { top: 20px; width:850px; padding: 10px; overflow: auto; background: none; } #main{ float: left; width:410px; padding: 5px; overflow: auto; background: #FFFFFF; //margin-left: 10px; margin-left: 10px; //margin-right: 10px; margin-right: 10px; border: 1px solid #FFBA54; } #rightbar, #leftbar{ float: left; width:200px; padding: 5px; overflow: auto; background: #FFFFFF; border: 1px solid #FFBA54; } </style /> <div id="top" style="position: absolute;"></div> <center><div id="stuff"> <div id="leftbar"> <h3>header</h3> <br>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text 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>header</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 </div> <div id="main"> <h1>header</h1> <h2>another header here</h2> <br><b>bold</b> <br><i>italic</i> <br><u>underline</u> <br><a href="/~ezeilen">link</a> <br>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text 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>more headers</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 text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text 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="rightbar"> <h3>header</h3> <br>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text 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>header</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 <h3>credit</h3> CSS by <a href="/~ezeilen">Tangible.</a> </div> </div>
Polar Express
◆ ◆ ◆ <style /> #before {} .sf {//display: none; display: none;} body { background-image: URL(http://i37.tinypic.com/2a0cjyx.png); } body, a { font:13px century gothic; color:#4F4F4F; text-align: left; } b { font: 13px georgia; font-weight:bold; color:#88BCE4; } i{ font: 14px times new roman; color:#76C676; font-style: italics; } u{ text-decoration: none; border-bottom:2px dashed #BCBCBC; } a:link, a:visited, a:active{ font: 14px monospace; color: #5BC8FF; letter-spacing: 3px; font-weight: bold; text-decoration:none; } a:hover{ color: #9DDEFF; letter-spacing: 3px; font-weight: bold; text-decoration:none; } h1{ font-family: georgia; color: #88BCE4; font-size:45px; text-align: center; font-weight: bold; text-transform:uppercase; letter-spacing: 20px; } h2{ font-family: courier new; color: #7D7D7D; font-size: 25px; text-align: left; font-weight: normal; letter-spacing: 5px; background: #F7F7F7; border-right: 10px solid #76C676; } h3 { font: 14px georgia; color: #BCBCBC; letter-spacing: 15px; text-transform: lowercase; text-align: right; font-weight: bold; background: #F7F7F7; border-left: 10px solid #BCBCBC; } #top{ top:0px;left:0px; border:none; width:100%; height:14px; padding: 1px; background-image: URL(http://i37.tinypic.com/2a0cjyx.png); } #stuff { top: 20px; width:850px; padding: 10px; overflow: auto; background: none; } #main{ float: left; width:410px; padding: 5px; overflow: auto; background: #FFFFFF; //margin-left: 10px; margin-left: 10px; //margin-right: 10px; margin-right: 10px; border: 1px solid #88BCE4; } #rightbar, #leftbar{ float: left; width:200px; padding: 5px; overflow: auto; background: #FFFFFF; border: 1px solid #88BCE4; } </style /> <div id="top" style="position: absolute;"></div> <center><div id="stuff"> <div id="leftbar"> <h3>header</h3> <br>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text 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>header</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 </div> <div id="main"> <h1>header</h1> <h2>another header here</h2> <br><b>bold</b> <br><i>italic</i> <br><u>underline</u> <br><a href="/~ezeilen">link</a> <br>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text 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>more headers</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 text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text 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="rightbar"> <h3>header</h3> <br>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text 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>header</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 <h3>credit</h3> CSS by <a href="/~ezeilen">Tangible.</a> </div> </div>

boxed in

*Drag and drop the preview to the address bar to see it full-size!

This layout does not work in Opera, sorry. D:

preview

colors

Frog Dance
◆ ◆ ◆ <style /> #before {} .sf {//display: none; display: none;} body { background-image: URL(http://i36.tinypic.com/qy9yj5.png); } body, div, p, td{ font: 9pt century gothic; color: #4F4F4F; cursor: crosshair; } b { font: 12px georgia; color: #29DEC0; font-weight: bold; } i { font: 13px times new roman; color: #FFBB00; font-style: italics; } u { border-bottom: 2px dashed #FFDD00; text-decoration: none; } a:link, a:active, a:visited { font: 14px monospace; color: #7AE83A; font-weight: bold; text-decoration: none; cursor: crosshair; letter-spacing: 2px; } a:hover { color: #F5E65D; text-decoration: none; cursor: crossahir; letter-spacing: 2px; } a.nav:link, a.nav:active, a.nav:visited { font: 14px monospace; color: #fff; text-decoration: none; text-transform: uppercase; background-color: #A0F482; width:155px; padding:2px; text-align: left; border-right: 10px solid #A0F482; font-weight:bold; } a.nav:hover { background-color: #F4E882; border-right: 10px solid #F4E882; } h1 { font: 35px century gothic; color: #C6C6C6; border-left: 20px solid #A0F482; text-transform: lowercase; text-align: left; padding-left: 5px; padding-top: 5px; } h2 { font: 14px monospace; color: #fff; letter-spacing: 15px; text-transform: uppercase; text-align: center; background: #FFDD00; } #top { top:0px; left:0px; border:none; width:100%; height:14px; background-color: #FFE6C5; padding: 1px; } #page { top:50px; left:190px; border:none; width:500px; height:495px; background: #FFFFFF; overflow:hidden; padding:5px; //margin-top: 5px; margin-top: 5px; border-top:5px solid #FFFFFF; } #blog { overflow:auto; width:495px; height:410px; padding:5px; } #save{ overflow: auto; background: none; width: 200px; height: 150px; } #nav { top:120px; left:688px; border:none; background:none; padding:2px } #image { overflow:hidden; top:200px; left:0px; border:none; width:190px; height:350px; background:url(http://i37.tinypic.com/nxow7s.png); } </style /> <div id="image" style="position: absolute;"></div> <div id="nav" style="position: absolute;"> <a href="#one" class="nav">Tab One</a><br> <a href="#two" class="nav">Tab Two</a><br> <a href="#three" class="nav">Tab Three</a><br> <a href="#four" class="nav">Tab Four</a><br> <a href="#cred" class="nav">Credits</a> </div> <div id="page" style="position:absolute;"> <a name="one"></a> <h1>one.one.one.one.one.one</h1> <h2>put more headers here</h2> <div id="blog"> <b>bold</b> <br><i>italics</i> <br><u>underline</u> <br><a href="/~ezeilen">link</a> <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. </div> <a name="two"></a> <h1>two.two.two.two.two</h1> <h2>put more headers here</h2> <div id="blog"> <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. </div> <a name="three"></a> <h1>three.three.three.three</h1> <h2>put more headers here</h2> <div id="blog"> <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. </div> <a name="four"></a> <h1>four.four.four.four.four</h1> <h2>put more headers here</h2> <div id="blog"> <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. </div> <a name="cred"></a> <h1>credits.credits.credits</h1> <h2>who did what</h2> <div id="blog"> CSS by <a href="/~ezeilen">Tangible.</a> </div> </div> <div id="save">
Fly Away
◆ ◆ ◆ <style /> #before {} .sf {//display: none; display: none;} body { background-image: URL(http://i36.tinypic.com/23r35uv.png); } body, div, p, td{ font: 9pt century gothic; color: #4F4F4F; cursor: crosshair; } b { font: 12px georgia; color: #BAE1AB; font-weight: bold; } i { font: 13px times new roman; color: #FFD26A; font-style: italics; } u { border-bottom: 2px dashed #FFDD00; text-decoration: none; } a:link, a:active, a:visited { font: 14px monospace; color: #FF7054; font-weight: bold; text-decoration: none; cursor: crosshair; letter-spacing: 2px; } a:hover { color: #FFE3A2; text-decoration: none; cursor: crossahir; letter-spacing: 2px; } a.nav:link, a.nav:active, a.nav:visited { font: 14px monospace; color: #fff; text-decoration: none; text-transform: uppercase; background-color: #FF7054; width:155px; padding:2px; text-align: left; border-right: 10px solid #FF7054; font-weight:bold; } a.nav:hover { background-color: #FFE3A2; border-right: 10px solid #FFE3A2; } h1 { font: 35px century gothic; color: #C6C6C6; border-left: 20px solid #FF7054; text-transform: lowercase; text-align: left; padding-left: 5px; padding-top: 5px; } h2 { font: 14px monospace; color: #fff; letter-spacing: 15px; text-transform: uppercase; text-align: center; background: #FFD26A; } #top { top:0px; left:0px; border:none; width:100%; height:14px; background-color: #FFE6C5; padding: 1px; } #page { top:50px; left:190px; border:none; width:500px; height:495px; background: #FFFFFF; overflow:hidden; padding:5px; //margin-top: 5px; margin-top: 5px; border-top:5px solid #FFFFFF; } #blog { overflow:auto; width:495px; height:410px; padding:5px; } #save{ overflow: auto; background: none; width: 200px; height: 150px; } #nav { top:120px; left:688px; border:none; background:none; padding:2px } #image { overflow:hidden; top:100px; left:0px; border:none; width:190px; height:450px; background:url(http://i35.tinypic.com/4uucn6.png); } </style /> <div id="image" style="position: absolute;"></div> <div id="nav" style="position: absolute;"> <a href="#one" class="nav">Tab One</a><br> <a href="#two" class="nav">Tab Two</a><br> <a href="#three" class="nav">Tab Three</a><br> <a href="#four" class="nav">Tab Four</a><br> <a href="#cred" class="nav">Credits</a> </div> <div id="page" style="position:absolute;"> <a name="one"></a> <h1>one.one.one.one.one.one</h1> <h2>put more headers here</h2> <div id="blog"> <b>bold</b> <br><i>italics</i> <br><u>underline</u> <br><a href="/~ezeilen">link</a> <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. </div> <a name="two"></a> <h1>two.two.two.two.two</h1> <h2>put more headers here</h2> <div id="blog"> <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. </div> <a name="three"></a> <h1>three.three.three.three</h1> <h2>put more headers here</h2> <div id="blog"> <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. </div> <a name="four"></a> <h1>four.four.four.four.four</h1> <h2>put more headers here</h2> <div id="blog"> <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. </div> <a name="cred"></a> <h1>credits.credits.credits</h1> <h2>who did what</h2> <div id="blog"> CSS by <a href="/~ezeilen">Tangible.</a> </div> </div> <div id="save">
Lazy Fall
◆ ◆ ◆ <style /> #before {} .sf {//display: none; display: none;} body { background-image: URL(http://i37.tinypic.com/plt7l.png); } body, div, p, td{ font: 9pt century gothic; color: #4F4F4F; cursor: crosshair; } b { font: 12px georgia; color: #BAE1AB; font-weight: bold; } i { font: 13px times new roman; color: #FFD26A; font-style: italics; } u { border-bottom: 2px dashed #FFAA5F; text-decoration: none; } a:link, a:active, a:visited { font: 14px monospace; color: #82DBED; font-weight: bold; text-decoration: none; cursor: crosshair; letter-spacing: 2px; } a:hover { color: #AAE096; text-decoration: none; cursor: crossahir; letter-spacing: 2px; } a.nav:link, a.nav:active, a.nav:visited { font: 14px monospace; color: #fff; text-decoration: none; text-transform: uppercase; background-color: #AAE096; width:155px; padding:2px; text-align: left; border-right: 10px solid #AAE096; font-weight:bold; } a.nav:hover { background-color: #FFFEE3; border-right: 10px solid #FFFEE3; } h1 { font: 35px century gothic; color: #C6C6C6; border-left: 20px solid #AAE096; text-transform: lowercase; text-align: left; padding-left: 5px; padding-top: 5px; } h2 { font: 14px monospace; color: #fff; letter-spacing: 15px; text-transform: uppercase; text-align: center; background: #82DBED; } #top { top:0px; left:0px; border:none; width:100%; height:14px; background-color: #FFE6C5; padding: 1px; } #page { top:50px; left:190px; border:none; width:500px; height:495px; background: #FFFFFF; overflow:hidden; padding:5px; //margin-top: 5px; margin-top: 5px; border-top:5px solid #FFFFFF; } #blog { overflow:auto; width:495px; height:410px; padding:5px; } #save{ overflow: auto; background: none; width: 200px; height: 150px; } #nav { top:120px; left:688px; border:none; background:none; padding:2px } #image { overflow:hidden; top:200px; left:0px; border:none; width:190px; height:350px; background:url(http://i36.tinypic.com/2r782g7.png); } </style /> <div id="image" style="position: absolute;"></div> <div id="nav" style="position: absolute;"> <a href="#one" class="nav">Tab One</a><br> <a href="#two" class="nav">Tab Two</a><br> <a href="#three" class="nav">Tab Three</a><br> <a href="#four" class="nav">Tab Four</a><br> <a href="#cred" class="nav">Credits</a> </div> <div id="page" style="position:absolute;"> <a name="one"></a> <h1>one.one.one.one.one.one</h1> <h2>put more headers here</h2> <div id="blog"> <b>bold</b> <br><i>italics</i> <br><u>underline</u> <br><a href="/~ezeilen">link</a> <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. </div> <a name="two"></a> <h1>two.two.two.two.two</h1> <h2>put more headers here</h2> <div id="blog"> <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. </div> <a name="three"></a> <h1>three.three.three.three</h1> <h2>put more headers here</h2> <div id="blog"> <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. </div> <a name="four"></a> <h1>four.four.four.four.four</h1> <h2>put more headers here</h2> <div id="blog"> <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. </div> <a name="cred"></a> <h1>credits.credits.credits</h1> <h2>who did what</h2> <div id="blog"> CSS by <a href="/~ezeilen">Tangible.</a> </div> </div> <div id="save">
Drifting Up
◆ ◆ ◆ <style /> #before {} .sf {//display: none; display: none;} body { background-image: URL(http://i34.tinypic.com/2eyjd5j.png); } body, div, p, td{ font: 9pt century gothic; color: #4F4F4F; cursor: crosshair; } b { font: 12px georgia; color: #FB5F8E; font-weight: bold; } i { font: 13px times new roman; color: #FFD26A; font-style: italics; } u { border-bottom: 2px dashed #FFAA5F; text-decoration: none; } a:link, a:active, a:visited { font: 14px monospace; color: #FEAC8E; font-weight: bold; text-decoration: none; cursor: crosshair; letter-spacing: 2px; } a:hover { color: #FFEDD9; text-decoration: none; cursor: crossahir; letter-spacing: 2px; } a.nav:link, a.nav:active, a.nav:visited { font: 14px monospace; color: #fff; text-decoration: none; text-transform: uppercase; background-color: #FEAC8E; width:155px; padding:2px; text-align: left; border-right: 10px solid #FEAC8E; font-weight:bold; } a.nav:hover { background-color: #FFEDD9; border-right: 10px solid #FFEDD9; } h1 { font: 35px century gothic; color: #C6C6C6; border-left: 20px solid #FEAC8E; text-transform: lowercase; text-align: left; padding-left: 5px; padding-top: 5px; } h2 { font: 14px monospace; color: #fff; letter-spacing: 15px; text-transform: uppercase; text-align: center; background: #FB5F8E; } #top { top:0px; left:0px; border:none; width:100%; height:14px; background-color: #FFE6C5; padding: 1px; } #page { top:50px; left:190px; border:none; width:500px; height:495px; background: #FFFFFF; overflow:hidden; padding:5px; //margin-top: 5px; margin-top: 5px; border-top:5px solid #FFFFFF; } #blog { overflow:auto; width:495px; height:410px; padding:5px; } #save{ overflow: auto; background: none; width: 200px; height: 150px; } #nav { top:120px; left:688px; border:none; background:none; padding:2px } #image { overflow:hidden; top:200px; left:0px; border:none; width:190px; height:350px; background:url(http://i35.tinypic.com/5y7uw.png); } </style /> <div id="image" style="position: absolute;"></div> <div id="nav" style="position: absolute;"> <a href="#one" class="nav">Tab One</a><br> <a href="#two" class="nav">Tab Two</a><br> <a href="#three" class="nav">Tab Three</a><br> <a href="#four" class="nav">Tab Four</a><br> <a href="#cred" class="nav">Credits</a> </div> <div id="page" style="position:absolute;"> <a name="one"></a> <h1>one.one.one.one.one.one</h1> <h2>put more headers here</h2> <div id="blog"> <b>bold</b> <br><i>italics</i> <br><u>underline</u> <br><a href="/~ezeilen">link</a> <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. </div> <a name="two"></a> <h1>two.two.two.two.two</h1> <h2>put more headers here</h2> <div id="blog"> <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. </div> <a name="three"></a> <h1>three.three.three.three</h1> <h2>put more headers here</h2> <div id="blog"> <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. </div> <a name="four"></a> <h1>four.four.four.four.four</h1> <h2>put more headers here</h2> <div id="blog"> <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. </div> <a name="cred"></a> <h1>credits.credits.credits</h1> <h2>who did what</h2> <div id="blog"> CSS by <a href="/~ezeilen">Tangible.</a> </div> </div> <div id="save">
Birdswing
◆ ◆ ◆ <style /> #before {} .sf {//display: none; display: none;} body { background-image: URL(http://i34.tinypic.com/18gj01.png); } body, div, p, td{ font: 9pt century gothic; color: #4F4F4F; cursor: crosshair; } b { font: 12px georgia; color: #FF6600; font-weight: bold; } i { font: 13px times new roman; color: #FFBB00; font-style: italics; } u { border-bottom: 2px dashed #FFDD00; text-decoration: none; } a:link, a:active, a:visited { font: 14px monospace; color: #7AE83A; font-weight: bold; text-decoration: none; cursor: crosshair; letter-spacing: 2px; } a:hover { color: #F5E65D; text-decoration: none; cursor: crossahir; letter-spacing: 2px; } a.nav:link, a.nav:active, a.nav:visited { font: 14px monospace; color: #fff; text-decoration: none; text-transform: uppercase; background-color: #A0F482; width:155px; padding:2px; text-align: left; border-right: 10px solid #A0F482; font-weight:bold; } a.nav:hover { background-color: #98702D; border-right: 10px solid #98702D; } h1 { font: 35px century gothic; color: #C6C6C6; border-left: 20px solid #FF6600; text-transform: lowercase; text-align: left; padding-left: 5px; padding-top: 5px; } h2 { font: 14px monospace; color: #fff; letter-spacing: 15px; text-transform: uppercase; text-align: center; background: #FFE500; } #top { top:0px; left:0px; border:none; width:100%; height:14px; background-image: URL(http://i34.tinypic.com/18gj01.png); padding: 1px; } #page { top:50px; left:190px; border:none; width:500px; height:495px; background: #FFFFFF; overflow:hidden; padding:5px; //margin-top: 5px; margin-top: 5px; border-top:5px solid #FFFFFF; } #blog { overflow:auto; width:495px; height:410px; padding:5px; } #save{ overflow: auto; background: none; width: 200px; height: 150px; } #nav { top:120px; left:688px; border:none; background:none; padding:2px } #image { overflow:hidden; top:200px; left:0px; border:none; width:190px; height:350px; background:url(http://i34.tinypic.com/33djnk1.png); } </style /> <div id="image" style="position: absolute;"></div> <div id="nav" style="position: absolute;"> <a href="#one" class="nav">Tab One</a><br> <a href="#two" class="nav">Tab Two</a><br> <a href="#three" class="nav">Tab Three</a><br> <a href="#four" class="nav">Tab Four</a><br> <a href="#cred" class="nav">Credits</a> </div> <div id="page" style="position:absolute;"> <a name="one"></a> <h1>one.one.one.one.one.one</h1> <h2>put more headers here</h2> <div id="blog"> <b>bold</b> <br><i>italics</i> <br><u>underline</u> <br><a href="/~ezeilen">link</a> <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. </div> <a name="two"></a> <h1>two.two.two.two.two</h1> <h2>put more headers here</h2> <div id="blog"> <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. </div> <a name="three"></a> <h1>three.three.three.three</h1> <h2>put more headers here</h2> <div id="blog"> <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. </div> <a name="four"></a> <h1>four.four.four.four.four</h1> <h2>put more headers here</h2> <div id="blog"> <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. <br>Click the tabs to navigate around. Click the tabs to navigate around. </div> <a name="cred"></a> <h1>credits.credits.credits</h1> <h2>who did what</h2> <div id="blog"> CSS by <a href="/~ezeilen">Tangible.</a> </div> </div> <div id="save">

sitely

link back

* Click each button to see where it's from!

sister site?

Would you like to be sister sites with Tangible.? Neomail me with this form, and I'll consider you!
* You must be a CSS site to be sister sites with me.

My Other Site

affiliates

Want to be affies? Neomail me with the form below!

listed at

extras

I'm Marie from the Aristocats at Sacred Whispers! Marie may be pretty and proper, but she always comes through for her family. Create your own character today! ;3

reviews

COMPLETED: *Hover over the button to see my score!

PENDING:

None!

awards

Hover over each award to see where it's from!

PTS; /spicedtofu Extravagence; /~melody_544 Seabreeze Analysis; /~adekenis Crystal Clear; /~j_ryu Windy; /~Cherry_Blossom_1001 On the Run; /~ontherunn Steamed; /~sweetie_sugarpop2222 Snap; /~Caillion

rankings

Ranked #1 at	Ranked #4 at

fanmail

Drag & drop the image to the address bar to see it full-size!

Past Layouts

Layout v.1 || Citrus Fusion
10.5.09 - 11.12.09
This was Tangible.'s first layout, so naturally I was attatched to it. I loved the adorable oranges, and the color contrast. However, it was a little too big for some browsers, so I had to take it down.

credits&thankyous

Tangible. (c) [Kitty]. The layout was made by me, so no stealing! Background from deviantart.
Pictures for Boxed In from deviantart.

Counter base & Best viewed in IE sign by Amber's Pixels.
Envelope pixel by Tiffy's Pixels.

I'd also like to thank Purple and Kazuki for the help with the site's name and colors, and for all the support!
Thanks Paige for all the helpful ideas!
Thank you Alyssa for the color schemes and wonderful names! If you do decide to open a site, you have my support. ^^
And last, but certainly not least, thanks to all the members of NTFP for all the support! You guys are awesome!

Counters started 10.5.09

3000 views on 11.25.09!
2000 views on 11.10.09!
1000 views on 10.25.09!

NEOPETS, characters, logos, names and all related indicia
are trademarks of Neopets, Inc., © 1999-2009.
® 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