Latin Layouts

Salve!

Salve! (That means "hello!" in Latin.) Welcome to Latin Layouts, a CSS site by me, Argetl. I currently offer petpage layouts. I will eventually look into making user and pet lookups. Oh, and these layouts do work with the current glitch, as of October 2nd, 2009.

About me

My name is Argetl. My lookup is here. I'm a writer, homeschooled and taking classes online_ and addicted to Neopets. I have five other sites: Immortal Tree Reviews, Genericizing, Lablog and Adoptables, Smiley Central, and Scratch and Sniff. You can find links to them in the "affies" box. I'm taking Latin I this year and extremely enjoying it, hence the name of the site.

Coming soon

- Style IV in Ocean, Desert, Scary, Faerie, Dessert, and Yooyu color schemes
- Style V in Scary color scheme
- Gladiator color scheme
- Preview for Style IV layouts
- Snow color scheme for Styles I, II, III, and IV.

Looking for Nightlife?

Nightlife closed due to lack of interest and has been replaced by Latin Layouts. All affies, listers, and directories have been informed, except for those who were on hiatus or closed; however, if you were an affie of Nightlife, I would be delighted to have you as an affie of Latin Layouts.

Layouts

Color Schemes: 8 Styles: 5 Total Layouts: 25

Here's what you came for: the layouts! Unless you're just looking for the bathroom. In that case, it's on your left. You can drag the style preview to the address bar for a full view. Also, if you hover over the preview, it will tell you what color scheme it is.

Style I

A simple layout. One box for content, two headers. Comes in different color schemes.

Forest Color Scheme
Greens and browns
<style /> body { background: #006600; font: 10px verdana; text-align:center } #main { background: #FFFFFF; border: 2px dashed #996600; width: 700px; left: 200px; } h1 { background: #339933; color: #663300; //display: block; display: block; text-align: right; font: 25px georgia; font-style: italic; font-weight: bold; letter-spacing: 3px; text-transform: lowercase; } h2 { background: #66FF66; color: #339933; //display: block; display: block; text-align: left; font: 15px georgia; font-style: italic; font-weight: bold; letter-spacing: 3px; text-transform: lowercase; } b { color: #006600; } i { color: #00FF00; } a:link, a:active, a:visited { font-weight: bold; letter-spacing: 1px; color: #000000; } u { color: #996600; } </style /> <div id="main" style="position:absolute"><h1>Header one</h1> <h2>Header two</h2> <b>Bold text</b>, <i>italic text</i>, <u>underlined text</u>, <a href=>and a link</a>. This box will grow vertically as you add more to it. The Neopets.com footer and/or your save changes button will be in the bottom of this box. <h1>Credits</h1> Layout from <a href="/~spring_rain_33">Latin Layouts</a>.

Ocean Color Scheme
Blues and sandy yellow.
<style /> body { background: #0000CC; font: 10px verdana; text-align:center } #main { background: #FFFFFF; border: 2px dashed #FFFF66; width: 700px; left: 200px; } h1 { background: #000099; color: #FFFF66; //display: block; display: block; text-align: right; font: 25px georgia; font-style: italic; font-weight: bold; letter-spacing: 3px; text-transform: lowercase; } h2 { background: #0033FF; color: #000099; //display: block; display: block; text-align: left; font: 15px georgia; font-style: italic; font-weight: bold; letter-spacing: 3px; text-transform: lowercase; } b { color: #0000CC; } i { color: #0000FF; } a:link, a:active, a:visited { font-weight: bold; letter-spacing: 1px; color: #000000; } u { color: #FFCC66; } </style /> <div id="main" style="position:absolute"><h1>Header one</h1> <h2>Header two</h2> <b>Bold text</b>, <i>italic text</i>, <u>underlined text</u>, <a href=>and a link</a>. This box will grow vertically as you add more to it. The Neopets.com footer and/or your save changes button will be in the bottom of this box. <h1>Credits</h1> Layout from <a href="/~spring_rain_33">Latin Layouts</a>.

Desert Color Scheme
Parched oranges and yellows.
<style /> body { background: #FF6600; font: 10px verdana; text-align:center } #main { background: #FFFFFF; border: 2px dashed #FFCC00; width: 700px; left: 200px; } h1 { background: #FF9900; color: #FFFF00; //display: block; display: block; text-align: right; font: 25px georgia; font-style: italic; font-weight: bold; letter-spacing: 3px; text-transform: lowercase; } h2 { background: #FFFF66; color: #CC9900; //display: block; display: block; text-align: left; font: 15px georgia; font-style: italic; font-weight: bold; letter-spacing: 3px; text-transform: lowercase; } b { color: #CC6600; } i { color: #FFCC33; } a:link, a:active, a:visited { font-weight: bold; letter-spacing: 1px; color: #000000; } u { color: #9999FF; } </style /> <div id="main" style="position:absolute"><h1>Header one</h1> <h2>Header two</h2> <b>Bold text</b>, <i>italic text</i>, <u>underlined text</u>, <a href=>and a link</a>. This box will grow vertically as you add more to it. The Neopets.com footer and/or your save changes button will be in the bottom of this box. <h1>Credits</h1> Layout from <a href="/~spring_rain_33">Latin Layouts</a>.

Scary Color Scheme
Dark reds and blacks.
<style /> body { background: #000000; font: 10px verdana; text-align:center } #main { background: #FFFFFF; border: 2px dashed #CC0000; width: 700px; left: 200px; } h1 { background: #000000; color: #FF0000; //display: block; display: block; text-align: right; font: 25px georgia; font-style: italic; font-weight: bold; letter-spacing: 3px; text-transform: lowercase; } h2 { background: #FF0000; color: #000000; //display: block; display: block; text-align: left; font: 15px georgia; font-style: italic; font-weight: bold; letter-spacing: 3px; text-transform: lowercase; } b { color: #990000; } i { color: #000066; } a:link, a:active, a:visited { font-weight: bold; letter-spacing: 1px; color: #000000; } u { color: #330000; } </style /> <div id="main" style="position:absolute"><h1>Header one</h1> <h2>Header two</h2> <b>Bold text</b>, <i>italic text</i>, <u>underlined text</u>, <a href=>and a link</a>. This box will grow vertically as you add more to it. The Neopets.com footer and/or your save changes button will be in the bottom of this box. <h1>Credits</h1> Layout from <a href="/~spring_rain_33">Latin Layouts</a>.

Faerie Color Scheme
Pretty purples and pinks.
<style /> body { background: #9933FF; font: 10px verdana; text-align:center } #main { background: #FFFFFF; border: 2px dashed #FF66FF; width: 700px; left: 200px; } h1 { background: #FF99FF; color: #9900CC; //display: block; display: block; text-align: right; font: 25px georgia; font-style: italic; font-weight: bold; letter-spacing: 3px; text-transform: lowercase; } h2 { background: #9900CC; color: #FF99FF; //display: block; display: block; text-align: left; font: 15px georgia; font-style: italic; font-weight: bold; letter-spacing: 3px; text-transform: lowercase; } b { color: #CC00CC; } i { color: #9999CC; } a:link, a:active, a:visited { font-weight: bold; letter-spacing: 1px; color: #000000; } u { color: #660099; } </style /> <div id="main" style="position:absolute"><h1>Header one</h1> <h2>Header two</h2> <b>Bold text</b>, <i>italic text</i>, <u>underlined text</u>, <a href=>and a link</a>. This box will grow vertically as you add more to it. The Neopets.com footer and/or your save changes button will be in the bottom of this box. <h1>Credits</h1> Layout from <a href="/~spring_rain_33">Latin Layouts</a>.

Dessert Color Scheme
All the colors of an ice cream sundae.
<style /> body { background: #33CC99; font: 10px verdana; text-align:center } #main { background: #FFFFFF; border: 2px dashed #663300; width: 700px; left: 200px; } h1 { background: #FF66CC; color: #CCCCCC; //display: block; display: block; text-align: right; font: 25px georgia; font-style: italic; font-weight: bold; letter-spacing: 3px; text-transform: lowercase; } h2 { background: #CCCCCC; color: #FF66CC; //display: block; display: block; text-align: left; font: 15px georgia; font-style: italic; font-weight: bold; letter-spacing: 3px; text-transform: lowercase; } b { color: #330000; } i { color: #009966; } a:link, a:active, a:visited { font-weight: bold; letter-spacing: 1px; color: #000000; } u { color: #CC0000; } </style /> <div id="main" style="position:absolute"><h1>Header one</h1> <h2>Header two</h2> <b>Bold text</b>, <i>italic text</i>, <u>underlined text</u>, <a href=>and a link</a>. This box will grow vertically as you add more to it. The Neopets.com footer and/or your save changes button will be in the bottom of this box. <h1>Credits</h1> Layout from <a href="/~spring_rain_33">Latin Layouts</a>.

Yooyu Color Scheme
As seen at the Altador Cup!
<style /> body { background: #FFCC00; font: 10px verdana; text-align:center } #main { background: #FFFFFF; border: 2px dashed #663300; width: 700px; left: 200px; } h1 { background: #DEB887; color: #000099; //display: block; display: block; text-align: right; font: 25px georgia; font-style: italic; font-weight: bold; letter-spacing: 3px; text-transform: lowercase; } h2 { background: #000099; color: #DEB887; //display: block; display: block; text-align: left; font: 15px georgia; font-style: italic; font-weight: bold; letter-spacing: 3px; text-transform: lowercase; } b { color: #000099; } i { color: #996600; } a:link, a:active, a:visited { font-weight: bold; letter-spacing: 1px; color: #000000; } u { color: #CC9900; } </style /> <div id="main" style="position:absolute"><h1>Header one</h1> <h2>Header two</h2> <b>Bold text</b>, <i>italic text</i>, <u>underlined text</u>, <a href=>and a link</a>. This box will grow vertically as you add more to it. The Neopets.com footer and/or your save changes button will be in the bottom of this box. <h1>Credits</h1> Layout from <a href="/~spring_rain_33">Latin Layouts</a>.

Style II

These are similar to Style I layouts, but they have a main column and a sidebar. The credits are in the sidebar.

Desert Color Scheme
Parched oranges and yellows.
<style /> body { background: #FF6600; font: 10px verdana; text-align:center } #main { background: #FFFFFF; border: 2px dashed #FFCC00; width: 700px; left: 200px; } #sidebar { background: #FFFFFF; border: 2px dashed #FFCC00; width: 300px; left: 915px; } h1 { background: #FF9900; color: #FFFF00; //display: block; display: block; text-align: right; font: 25px georgia; font-style: italic; font-weight: bold; letter-spacing: 3px; text-transform: lowercase; } h2 { background: #FFFF66; color: #CC9900; //display: block; display: block; text-align: left; font: 15px georgia; font-style: italic; font-weight: bold; letter-spacing: 3px; text-transform: lowercase; } b { color: #CC6600; } i { color: #FFCC33; } a:link, a:active, a:visited { font-weight: bold; letter-spacing: 1px; color: #000000; } u { color: #9999FF; } </style /> <div id="main" style="position:absolute"> <h1>Header one</h1> <h2>Header two</h2> <b>Bold text</b>, <i>italic text</i>, <u>underlined text</u>, and <a href=>a link</a>. This column will get longer as you add more text to it. </div> <div id="sidebar" style="position:absolute"> <h1>Sidebar</h1> You can put more text in this sidebar, and it will also get longer as you add text to it. The Neopets.com footer and/or your save changes button will be at the bottom of this sidebar. <h1>Credits</h1> Layout from <a href="/~spring_rain_33">Latin Layouts</a>.

Forest Color Scheme
Greens and browns
<style /> body { background: #006600; font: 10px verdana; text-align:center } #main { background: #FFFFFF; border: 2px dashed #996600; width: 700px; left: 200px; } #sidebar { background: #FFFFFF; border: 2px dashed #996600; width: 300px; left: 915px; } h1 { background: #339933; color: #663300; //display: block; display: block; text-align: right; font: 25px georgia; font-style: italic; font-weight: bold; letter-spacing: 3px; text-transform: lowercase; } h2 { background: #66FF66; color: #339933; //display: block; display: block; text-align: left; font: 15px georgia; font-style: italic; font-weight: bold; letter-spacing: 3px; text-transform: lowercase; } b { color: #006600; } i { color: #00FF00; } a:link, a:active, a:visited { font-weight: bold; letter-spacing: 1px; color: #000000; } u { color: #996600; } </style /> <div id="main" style="position:absolute"> <h1>Header one</h1> <h2>Header two</h2> <b>Bold text</b>, <i>italic text</i>, <u>underlined text</u>, and <a href=>a link</a>. This column will get longer as you add more text to it. </div> <div id="sidebar" style="position:absolute"> <h1>Sidebar</h1> You can put more text in this sidebar, and it will also get longer as you add text to it. The Neopets.com footer and/or your save changes button will be at the bottom of this sidebar. <h1>Credits</h1> Layout from <a href="/~spring_rain_33">Latin Layouts</a>.

Ocean color scheme
Blues and sandy yellow.
<style /> body { background: #0000CC; font: 10px verdana; text-align:center } #main { background: #FFFFFF; border: 2px dashed #FFFF66; width: 700px; left: 200px; } #sidebar { background: #FFFFFF; border: 2px dashed #FFFF66; width: 300px; left: 915px; } h1 { background: #000099; color: #FFFF66; //display: block; display: block; text-align: right; font: 25px georgia; font-style: italic; font-weight: bold; letter-spacing: 3px; text-transform: lowercase; } h2 { background: #0033FF; color: #000099; //display: block; display: block; text-align: left; font: 15px georgia; font-style: italic; font-weight: bold; letter-spacing: 3px; text-transform: lowercase; } b { color: #0000CC; } i { color: #0000FF; } a:link, a:active, a:visited { font-weight: bold; letter-spacing: 1px; color: #000000; } u { color: #FFCC66; } </style /> <div id="main" style="position:absolute"> <h1>Header one</h1> <h2>Header two</h2> <b>Bold text</b>, <i>italic text</i>, <u>underlined text</u>, and <a href=>a link</a>. This column will get longer as you add more text to it. <div id="sidebar" style="position:absolute"> <h1>Sidebar</h1> You can put more text in this sidebar, and it will also get longer as you add text to it. The Neopets.com footer and/or your save changes button will be at the bottom of this sidebar. <h1>Credits</h1> Layout from <a href="/~spring_rain_33">Latin Layouts</a>.

Scary Color Scheme
Dark reds and blacks.
<style /> body { background: #000000; font: 10px verdana; text-align:center } #main { background: #FFFFFF; border: 2px dashed #CC0000; width: 700px; left: 200px; } #sidebar { background: #FFFFFF; border: 2px dashed #CC0000; width: 300px; left: 915px; } h1 { background: #000000; color: #FF0000; //display: block; display: block; text-align: right; font: 25px georgia; font-style: italic; font-weight: bold; letter-spacing: 3px; text-transform: lowercase; } h2 { background: #FF0000; color: #000000; //display: block; display: block; text-align: left; font: 15px georgia; font-style: italic; font-weight: bold; letter-spacing: 3px; text-transform: lowercase; } b { color: #990000; } i { color: #000066; } a:link, a:active, a:visited { font-weight: bold; letter-spacing: 1px; color: #000000; } u { color: #330000; } </style /> <div id="main" style="position:absolute"> <h1>Header one</h1> <h2>Header two</h2> <b>Bold text</b>, <i>italic text</i>, <u>underlined text</u>, and <a href=>a link</a>. This column will get longer as you add more text to it. </div> <div id="sidebar" style="position:absolute"> <h1>Sidebar</h1> You can put more text in this sidebar, and it will also get longer as you add text to it. The Neopets.com footer and/or your save changes button will be at the bottom of this sidebar. <h1>Credits</h1> Layout from <a href="/~spring_rain_33">Latin Layouts</a>.

Faerie Color Scheme
Pretty purples and pinks.
<style /> body { background: #9933FF; font: 10px verdana; text-align:center } #main { background: #FFFFFF; border: 2px dashed #FF66FF; width: 700px; left: 200px; } #sidebar { background: #FFFFFF; border: 2px dashed #FF66FF; width: 300px; left: 915px; } h1 { background: #FF99FF; color: #9900CC; //display: block; display: block; text-align: right; font: 25px georgia; font-style: italic; font-weight: bold; letter-spacing: 3px; text-transform: lowercase; } h2 { background: #9900CC; color: #FF99FF; //display: block; display: block; text-align: left; font: 15px georgia; font-style: italic; font-weight: bold; letter-spacing: 3px; text-transform: lowercase; } b { color: #CC00CC; } i { color: #9999CC; } a:link, a:active, a:visited { font-weight: bold; letter-spacing: 1px; color: #000000; } u { color: #660099; } </style /> <div id="main" style="position:absolute"> <h1>Header one</h1> <h2>Header two</h2> <b>Bold text</b>, <i>italic text</i>, <u>underlined text</u>, and <a href=>a link</a>. This column will get longer as you add more text to it. </div> <div id="sidebar" style="position:absolute"> <h1>Sidebar</h1> You can put more text in this sidebar, and it will also get longer as you add text to it. The Neopets.com footer and/or your save changes button will be at the bottom of this sidebar. <h1>Credits</h1> Layout from <a href="/~spring_rain_33">Latin Layouts</a>.

Yooyu Color Scheme
As seen at the Altador Cup!
<style /> body { background: #FFCC00; font: 10px verdana; text-align:center } #main { background: #FFFFFF; border: 2px dashed #663300; width: 700px; left: 200px; } #sidebar { background: #FFFFFF; border: 2px dashed #663300; width: 300px; left: 915px; } h1 { background: #DEB887; color: #000099; //display: block; display: block; text-align: right; font: 25px georgia; font-style: italic; font-weight: bold; letter-spacing: 3px; text-transform: lowercase; } h2 { background: #000099; color: #DEB887; //display: block; display: block; text-align: left; font: 15px georgia; font-style: italic; font-weight: bold; letter-spacing: 3px; text-transform: lowercase; } b { color: #000099; } i { color: #996600; } a:link, a:active, a:visited { font-weight: bold; letter-spacing: 1px; color: #000000; } u { color: #CC9900; } </style /> <div id="main" style="position:absolute"> <h1>Header one</h1> <h2>Header two</h2> <b>Bold text</b>, <i>italic text</i>, <u>underlined text</u>, and <a href=>a link</a>. This column will get longer as you add more text to it. </div> <div id="sidebar" style="position:absolute"> <h1>Sidebar</h1> You can put more text in this sidebar, and it will also get longer as you add text to it. The Neopets.com footer and/or your save changes button will be at the bottom of this sidebar. <h1>Credits</h1> Layout from <a href="/~spring_rain_33">Latin Layouts</a>.

Dessert Color Scheme
All the colors of an ice cream sundae.
<style /> body { background: #33CC99; font: 10px verdana; text-align:center } #main { background: #FFFFFF; border: 2px dashed #663300; width: 700px; left: 200px; } #sidebar { background: #FFFFFF; border: 2px dashed #663300; width: 300px; left: 915px; } h1 { background: #FF66CC; color: #CCCCCC; //display: block; display: block; text-align: right; font: 25px georgia; font-style: italic; font-weight: bold; letter-spacing: 3px; text-transform: lowercase; } h2 { background: #CCCCCC; color: #FF66CC; //display: block; display: block; text-align: left; font: 15px georgia; font-style: italic; font-weight: bold; letter-spacing: 3px; text-transform: lowercase; } b { color: #330000; } i { color: #009966; } a:link, a:active, a:visited { font-weight: bold; letter-spacing: 1px; color: #000000; } u { color: #CC0000; } </style /> <div id="main" style="position:absolute"> <h1>Header one</h1> <h2>Header two</h2> <b>Bold text</b>, <i>italic text</i>, <u>underlined text</u>, and <a href=>a link</a>. This column will get longer as you add more text to it. </div> <div id="sidebar" style="position:absolute"> <h1>Sidebar</h1> You can put more text in this sidebar, and it will also get longer as you add text to it. The Neopets.com footer and/or your save changes button will be at the bottom of this sidebar. <h1>Credits</h1> Layout from <a href="/~spring_rain_33">Latin Layouts</a>.

Style III

This layout has three columns--a large main column and two smaller sidebars. The main column and both of the sidebars expand as you add content to them, but the left sidebar also has a small box that will scroll instead of expanding.

Forest Color Scheme
Greens and browns.
<style /> body { background: #006600; font: 10px verdana; text-align:center } #main { background: #FFFFFF; border: 2px solid #996600; width: 700px; left: 200px; } #extra { background: #FFFFFF; border: 2px solid #996600; width: 175px; height: 150px; overflow: auto; } #left { background: #FFFFFF; border: 2px solid #996600; width: 175px; top: 200px; } #right { background: #FFFFFF; border: 2px solid #996600; width: 175px; left: 915px; } h1 { background: #339933; color: #663300; //display: block; display: block; text-align: right; font: 25px georgia; font-style: italic; font-weight: bold; letter-spacing: 3px; text-transform: lowercase; } h2 { background: #66FF66; color: #339933; //display: block; display: block; text-align: left; font: 15px georgia; font-style: italic; font-weight: bold; letter-spacing: 3px; text-transform: lowercase; } b { color: #006600; } i { color: #00FF00; } a:link, a:active, a:visited { font-weight: bold; letter-spacing: 1px; color: #000000; } u { color: #996600; } </style /> <div id="extra" style="position:absolute"> <h1>Extra</h1> This is an extra area. It will scroll. </div> <div id="left" style="position:absolute"> <h1>Sidebar</h1> And here's another sidebar for your to put your information in! This area will get longer as you add more to it. <br><br></div> <div id="main" style="position:absolute"> <h1>Header one</h1> <h2>Header two</h2> <b>Bold text</b>, <i>italic text</i>, <u>underlined text</u>, and <a href=>a link</a>. This column will get longer as you add more text to it. <br><br></div> <div id="right" style="position:absolute"> <h1>Sidebar</h1> You can put more text in this sidebar, and it will also get longer as you add text to it. The Neopets.com footer and/or your save changes button will be at the bottom of this sidebar. <h1>Credits</h1> Layout from <a href="/~spring_rain_33">Latin Layouts</a>.

Faerie Color Scheme
Pretty purples and pinks.
<style /> body { background: #9933FF; font: 10px verdana; text-align:center } #main { background: #FFFFFF; border: 2px solid #FF66FF; width: 700px; left: 200px; } #extra { background: #FFFFFF; border: 2px solid #FF66FF; width: 175px; height: 150px; overflow: auto; } #left { background: #FFFFFF; border: 2px solid #FF66FF; width: 175px; top: 200px; } #right { background: #FFFFFF; border: 2px solid #FF66FF; width: 175px; left: 915px; } h1 { background: #FF99FF; color: #9900CC; //display: block; display: block; text-align: right; font: 25px georgia; font-style: italic; font-weight: bold; letter-spacing: 3px; text-transform: lowercase; } h2 { background: #9900CC; color: #FF99FF; //display: block; display: block; text-align: left; font: 15px georgia; font-style: italic; font-weight: bold; letter-spacing: 3px; text-transform: lowercase; } b { color: #CC00CC; } i { color: #9999CC; } a:link, a:active, a:visited { font-weight: bold; letter-spacing: 1px; color: #000000; } u { color: #660099; } </style /> <div id="extra" style="position:absolute"> <h1>Extra</h1> This is an extra area. It will scroll. </div> <div id="left" style="position:absolute"> <h1>Sidebar</h1> And here's another sidebar for your to put your information in! This area will get longer as you add more to it. <br><br></div> <div id="main" style="position:absolute"> <h1>Header one</h1> <h2>Header two</h2> <b>Bold text</b>, <i>italic text</i>, <u>underlined text</u>, and <a href=>a link</a>. This column will get longer as you add more text to it. <br><br></div> <div id="right" style="position:absolute"> <h1>Sidebar</h1> You can put more text in this sidebar, and it will also get longer as you add text to it. The Neopets.com footer and/or your save changes button will be at the bottom of this sidebar. <h1>Credits</h1> Layout from <a href="/~spring_rain_33">Latin Layouts</a>.

Ocean Color Scheme
Blues and sandy yellow.
<style /> body { background: #0000CC; font: 10px verdana; text-align:center } #main { background: #FFFFFF; border: 2px solid #FFFF66; width: 700px; left: 200px; } #extra { background: #FFFFFF; border: 2px solid #FFFF66; width: 175px; height: 150px; overflow: auto; } #left { background: #FFFFFF; border: 2px solid #FFFF66; width: 175px; top: 200px; } #right { background: #FFFFFF; border: 2px solid #FFFF66; width: 175px; left: 915px; } h1 { background: #000099; color: #FFFF66; //display: block; display: block; text-align: right; font: 25px georgia; font-style: italic; font-weight: bold; letter-spacing: 3px; text-transform: lowercase; } h2 { background: #0033FF; color: #000099; //display: block; display: block; text-align: left; font: 15px georgia; font-style: italic; font-weight: bold; letter-spacing: 3px; text-transform: lowercase; } b { color: #0000CC; } i { color: #0000FF; } a:link, a:active, a:visited { font-weight: bold; letter-spacing: 1px; color: #000000; } u { color: #FFCC66; } </style /> <div id="extra" style="position:absolute"> <h1>Extra</h1> This is an extra area. It will scroll. </div> <div id="left" style="position:absolute"> <h1>Sidebar</h1> And here's another sidebar for your to put your information in! This area will get longer as you add more to it. <br><br></div> <div id="main" style="position:absolute"> <h1>Header one</h1> <h2>Header two</h2> <b>Bold text</b>, <i>italic text</i>, <u>underlined text</u>, and <a href=>a link</a>. This column will get longer as you add more text to it. <br><br></div> <div id="right" style="position:absolute"> <h1>Sidebar</h1> You can put more text in this sidebar, and it will also get longer as you add text to it. The Neopets.com footer and/or your save changes button will be at the bottom of this sidebar. <h1>Credits</h1> Layout from <a href="/~spring_rain_33">Latin Layouts</a>.

Desert Color Scheme
Parched oranges and yellows.
<style /> body { background: #FF6600; font: 10px verdana; text-align:center } #main { background: #FFFFFF; border: 2px solid #FFCC00; width: 700px; left: 200px; } #extra { background: #FFFFFF; border: 2px solid #FFCC00; width: 175px; height: 150px; overflow: auto; } #left { background: #FFFFFF; border: 2px solid #FFCC00; width: 175px; top: 200px; } #right { background: #FFFFFF; border: 2px solid #FFCC00; width: 175px; left: 915px; } h1 { background: #FF9900; color: #FFFF00; //display: block; display: block; text-align: right; font: 25px georgia; font-style: italic; font-weight: bold; letter-spacing: 3px; text-transform: lowercase; } h2 { background: #FFFF66; color: #CC9900; //display: block; display: block; text-align: left; font: 15px georgia; font-style: italic; font-weight: bold; letter-spacing: 3px; text-transform: lowercase; } b { color: #CC6600; } i { color: #FFCC33; } a:link, a:active, a:visited { font-weight: bold; letter-spacing: 1px; color: #000000; } u { color: #9999FF; } </style /> <div id="extra" style="position:absolute"> <h1>Extra</h1> This is an extra area. It will scroll. </div> <div id="left" style="position:absolute"> <h1>Sidebar</h1> And here's another sidebar for your to put your information in! This area will get longer as you add more to it. <br><br></div> <div id="main" style="position:absolute"> <h1>Header one</h1> <h2>Header two</h2> <b>Bold text</b>, <i>italic text</i>, <u>underlined text</u>, and <a href=>a link</a>. This column will get longer as you add more text to it. <br><br></div> <div id="right" style="position:absolute"> <h1>Sidebar</h1> You can put more text in this sidebar, and it will also get longer as you add text to it. The Neopets.com footer and/or your save changes button will be at the bottom of this sidebar. <h1>Credits</h1> Layout from <a href="/~spring_rain_33">Latin Layouts</a>.

Scary Color Scheme
Dark reds and blacks.
<style /> body { background: #000000; font: 10px verdana; text-align:center } #main { background: #FFFFFF; border: 2px solid #CC0000; width: 700px; left: 200px; } #extra { background: #FFFFFF; border: 2px solid #CC0000; width: 175px; height: 150px; overflow: auto; } #left { background: #FFFFFF; border: 2px solid #CC0000; width: 175px; top: 200px; } #right { background: #FFFFFF; border: 2px solid #CC0000; width: 175px; left: 915px; } h1 { background: #000000; color: #FF0000; //display: block; display: block; text-align: right; font: 25px georgia; font-style: italic; font-weight: bold; letter-spacing: 3px; text-transform: lowercase; } h2 { background: #FF0000; color: #000000; //display: block; display: block; text-align: left; font: 15px georgia; font-style: italic; font-weight: bold; letter-spacing: 3px; text-transform: lowercase; } b { color: #990000; } i { color: #000066; } a:link, a:active, a:visited { font-weight: bold; letter-spacing: 1px; color: #000000; } u { color: #330000; } </style /> <div id="extra" style="position:absolute"> <h1>Extra</h1> This is an extra area. It will scroll. </div> <div id="left" style="position:absolute"> <h1>Sidebar</h1> And here's another sidebar for your to put your information in! This area will get longer as you add more to it. <br><br></div> <div id="main" style="position:absolute"> <h1>Header one</h1> <h2>Header two</h2> <b>Bold text</b>, <i>italic text</i>, <u>underlined text</u>, and <a href=>a link</a>. This column will get longer as you add more text to it. <br><br></div> <div id="right" style="position:absolute"> <h1>Sidebar</h1> You can put more text in this sidebar, and it will also get longer as you add text to it. The Neopets.com footer and/or your save changes button will be at the bottom of this sidebar. <h1>Credits</h1> Layout from <a href="/~spring_rain_33">Latin Layouts</a>.

Dessert Color Scheme
All the colors of an ice cream sundae.
<style /> body { background: #33CC99; font: 10px verdana; text-align:center } #main { background: #FFFFFF; border: 2px solid #663300; width: 700px; left: 200px; } #extra { background: #FFFFFF; border: 2px solid #663300; width: 175px; height: 150px; overflow: auto; } #left { background: #FFFFFF; border: 2px solid #663300; width: 175px; top: 200px; } #right { background: #FFFFFF; border: 2px solid #663300; width: 175px; left: 915px; } h1 { background: #FF66CC; color: #CCCCCC; //display: block; display: block; text-align: right; font: 25px georgia; font-style: italic; font-weight: bold; letter-spacing: 3px; text-transform: lowercase; } h2 { background: #CCCCCC; color: #FF66CC; //display: block; display: block; text-align: left; font: 15px georgia; font-style: italic; font-weight: bold; letter-spacing: 3px; text-transform: lowercase; } b { color: #330000; } i { color: #009966; } a:link, a:active, a:visited { font-weight: bold; letter-spacing: 1px; color: #000000; } u { color: #CC0000; } </style /> <div id="extra" style="position:absolute"> <h1>Extra</h1> This is an extra area. It will scroll. </div> <div id="left" style="position:absolute"> <h1>Sidebar</h1> And here's another sidebar for your to put your information in! This area will get longer as you add more to it. <br><br></div> <div id="main" style="position:absolute"> <h1>Header one</h1> <h2>Header two</h2> <b>Bold text</b>, <i>italic text</i>, <u>underlined text</u>, and <a href=>a link</a>. This column will get longer as you add more text to it. <br><br></div> <div id="right" style="position:absolute"> <h1>Sidebar</h1> You can put more text in this sidebar, and it will also get longer as you add text to it. The Neopets.com footer and/or your save changes button will be at the bottom of this sidebar. <h1>Credits</h1> Layout from <a href="/~spring_rain_33">Latin Layouts</a>.

Yooyu Color Scheme
As seen at the Altador Cup!
<style /> body { background: #FFCC00; font: 10px verdana; text-align:center } #main { background: #FFFFFF; border: 2px solid #663300; width: 700px; left: 200px; } #extra { background: #FFFFFF; border: 2px solid #663300; width: 175px; height: 150px; overflow: auto; } #left { background: #FFFFFF; border: 2px solid #663300; width: 175px; top: 200px; } #right { background: #FFFFFF; border: 2px solid #663300; width: 175px; left: 915px; } h1 { background: #DEB887; color: #000099; //display: block; display: block; text-align: right; font: 25px georgia; font-style: italic; font-weight: bold; letter-spacing: 3px; text-transform: lowercase; } h2 { background: #000099; color: #DEB887; //display: block; display: block; text-align: left; font: 15px georgia; font-style: italic; font-weight: bold; letter-spacing: 3px; text-transform: lowercase; } b { color: #000099; } i { color: #996600; } a:link, a:active, a:visited { font-weight: bold; letter-spacing: 1px; color: #000000; } u { color: #CC9900; } </style /> <div id="extra" style="position:absolute"> <h1>Extra</h1> This is an extra area. It will scroll. </div> <div id="left" style="position:absolute"> <h1>Sidebar</h1> And here's another sidebar for your to put your information in! This area will get longer as you add more to it. <br><br></div> <div id="main" style="position:absolute"> <h1>Header one</h1> <h2>Header two</h2> <b>Bold text</b>, <i>italic text</i>, <u>underlined text</u>, and <a href=>a link</a>. This column will get longer as you add more text to it. <br><br></div> <div id="right" style="position:absolute"> <h1>Sidebar</h1> You can put more text in this sidebar, and it will also get longer as you add text to it. The Neopets.com footer and/or your save changes button will be at the bottom of this sidebar. <h1>Credits</h1> Layout from <a href="/~spring_rain_33">Latin Layouts</a>.

Style IV

PREVIEW COMING SOON
These layouts are similar to Style II, but smaller, and their main boxes scroll.

Forest Color Scheme
Greens and browns.
<style /> body { background: #006600; font: 10px verdana; text-align:center } #main { background: #FFFFFF; border: 2px solid #996600; width: 500px; height: 550px; overflow: auto; left: 200px; } #sidebar { background: #FFFFFF; border: 2px solid #996600; width: 200px; left: 715px; } h1 { background: #339933; color: #663300; //display: block; display: block; text-align: right; font: 25px georgia; font-style: italic; font-weight: bold; letter-spacing: 3px; text-transform: lowercase; } h2 { background: #66FF66; color: #339933; //display: block; display: block; text-align: left; font: 15px georgia; font-style: italic; font-weight: bold; letter-spacing: 3px; text-transform: lowercase; } b { color: #006600; } i { color: #00FF00; } a:link, a:active, a:visited { font-weight: bold; letter-spacing: 1px; color: #000000; } u { color: #996600; } </style /> <div id="main" style="position:absolute"> <h1>Header one</h1> <h2>Header two</h2> <b>Bold text</b>, <i>italic text</i>, <u>underlined text</u>, and <a href=>a link</a>. This column will scroll as you add more to it. </div> <div id="sidebar" style="position:absolute"> <h1>Sidebar</h1> You can put more text in this sidebar, and it will also get longer as you add text to it. The Neopets.com footer and/or your save changes button will be at the bottom of this sidebar. <h1>Credits</h1> Layout from <a href="/~spring_rain_33">Latin Layouts</a>.

Style V

Style V layouts are very different from my previous layouts. They have one box, and it scrolls, and the background is a Neopets.com image (the first such layout features an image made by me, but I switched to Neopets ones because no one would want mine).

Note: There is credit on the image, but you are required to have text credit as well. Please refer to rule number 2 for what is and is not considered full credit.

Ocean Color Scheme
Blues and sandy yellows, with a Lutari image.
<style> body { background: #245EC4 url('http://i428.photobucket.com/albums/qq7/beachpeach1974/StyleVOcean.png') no-repeat; font: 10px verdana; text-align: center; } #box { height: 430px; width: 353; top: 40px; left: 90px; background: #FFFFFF; overflow: auto; } h1 { background: #000099; color: #FFFF66; //display: block; display: block; text-align: right; font: 25px georgia; font-style: italic; font-weight: bold; letter-spacing: 3px; text-transform: lowercase; } h2 { background: #0033FF; color: #000099; //display: block; display: block; text-align: left; font: 15px georgia; font-style: italic; font-weight: bold; letter-spacing: 3px; text-transform: lowercase; } b { color: #0000CC; } i { color: #0000FF; } a:link, a:active, a:visited { font-weight: bold; letter-spacing: 1px; color: #000000; } u { color: #FFCC66; } </style> <div id="box" style="position:absolute;"> <h1>Header One</h1> <h2>Header Two</h2> <b>Bold text</b>, <i>italic text</i>, <u>underlined text</u>, and <a href=>a link</a>. Put your text here; this box will scroll. <h1>Credits</h1> Layout by <a href="/~spring_rain_33">Latin Layouts</a>.

Forest Color Scheme
Browns and greens, with a negg orchard image.
<style> body { background: #72AD34 url('http://i428.photobucket.com/albums/qq7/beachpeach1974/StyleVForest.png') no-repeat; font: 10px verdana; text-align: center; } #box { height: 405px; width: 330; top: 75px; left: 107px; background: #FFFFFF; overflow: auto; } h1 { background: #339933; color: #663300; //display: block; display: block; text-align: right; font: 25px georgia; font-style: italic; font-weight: bold; letter-spacing: 3px; text-transform: lowercase; } h2 { background: #66FF66; color: #339933; //display: block; display: block; text-align: left; font: 15px georgia; font-style: italic; font-weight: bold; letter-spacing: 3px; text-transform: lowercase; } b { color: #006600; } i { color: #00FF00; } a:link, a:active, a:visited { font-weight: bold; letter-spacing: 1px; color: #000000; } u { color: #996600; } </style> <div id="box" style="position:absolute;"> <h1>Header One</h1> <h2>Header Two</h2> <b>Bold text</b>, <i>italic text</i>, <u>underlined text</u>, and <a href=>a link</a>. Put your text here; this box will scroll. <h1>Credits</h1> Layout by <a href="/~spring_rain_33">Latin Layouts</a>.

Snow Color Scheme
Icy blues and silvers.
<style> body { font: 10px verdana; background: #FFFFFF url('http://i428.photobucket.com/albums/qq7/beachpeach1974/800by600_snowfalling07.jpg') no-repeat; text-align: center; } #box { height: 450px; width: 400px; background: #FFFFFF; border: solid 2px #999999; top: 50px; left: 100px; } h1 { background: #CCFFFF; color: #0033FF; //display: block; display: block; text-align: right; font: 25px georgia; font-style: italic; font-weight: bold; letter-spacing: 3px; text-transform: lowercase; } h2 { background: #0033FF; color: #CCFFFF; //display: block; display: block; text-align: left; font: 15px georgia; font-style: italic; font-weight: bold; letter-spacing: 3px; text-transform: lowercase; } b { color: #0099FF; } i { color: #757575; } a:link, a:active, a:visited { font-weight: bold; letter-spacing: 1px; color: #000000; } u { color: #9999FF; } </style> <div id="box" div style="position: absolute;"> <h1>Header One</h1> <h2>Header Two</h2> <b>Bold text</b>, <i>italic text</i>, <u>underlined text</u>, and <a href=>a link</a>. Put your text here; this box will scroll. <h1>Credits</h1> Layout by <a href="/~spring_rain_33">Latin Layouts</a>.

Suggestions

See a style you like, but can't find a color scheme that fits? Think I should add a style? Send it in here. Remember that I have the choice whether to actually make the layout. If I do act on your suggestion, the layout will be public and for anyone to use, not just you. Please do not suggest that I make a layout like ____'s. That would be unoriginal and possibly theft. Also, please do not ask me to make a layout that I've made as a custom for someone public.

If suggestions are open, go ahead and suggest a new style or color scheme. If they're closed, please don't suggest anything. If they're color scheme only, please only suggest new color schemes in existing styles. If they're style only, please only suggest new styles.

If you're suggesting a new style, please describe it in the "style" area of the form and leave the color scheme area blank. If you're suggesting a new color scheme, please put the colors and something describing the color scheme in the "color scheme" area of the form, and leave the style area blank--all styles will be made in all color schemes.

Suggestions are: OPEN/CLOSED/COLOR SCHEME ONLY/STYLE ONLY

Hi, Argetl! I think you should make a layout like this: Style: Color Scheme: It would be awesome! :D Thanks.

Send it!

Updates

11/17/09: One new affie.

11/9/09: Sorry I haven't been updating, I've been busy with a variety of things (and will probably continue to be so, sorry!). But I added the Snow color scheme for Style V layouts.

11/2/09: One new button. Removed one of my ugly buttons.

10/31/09: One new affie.

10/27/09: Listed in one new directory.

10/26/09: Listed in one new directory.

10/25/09: One new affie.

10/24/09: Changed the site's layout slightly to make it more compatible with all browsers. Added Dessert and Yooyu color schemes for Style III layouts.

10/23/09: Removed one affie.

10/22/09: Changed the rules slightly to clarify something. Listed in one new directory.

10/20/09: Style V layouts are now available in the Ocean and Forest color schemes. Oh, and our counter appears to be not working at the moment. I've heard that it's a problem with the counter site. One new affie. Oh, and suggestions are now closed.

10/13/09: One new affie. Listed in one new directory. I'll be traveling tomorrow, so there won't be updates on any of my sites.

10/12/09: Listed in one new directory. Removed two affies.

10/11/09: One new affie. Removed one affie and three directories. Added Yooyu color scheme for Style I and II layouts and Dessert color scheme for Style II layouts. Added Style IV in the Forest color scheme. Listed in two new directories.

10/10/09: Added the Dessert color scheme for Style I layouts. Added some explanation in suggesting because the people I've received suggestions from haven't used the form they way I intended it.

10/9/09: Two new affies.

10/7/09: Listed in one new directory. Two new affies. Added Scary color scheme for Style III layouts.

10/6/09: Added a counter. Added Desert color scheme for Style III layouts. Removed two affies who had closed. Listed in one new directory.

10/4/09: Listed in two new directories. Added Faerie color scheme for Style I layouts. Added preview for Style III layouts. Added Faerie and Ocean color schemes for Style III layouts.

10/3/09: One new affie.

10/2/09: The glitch has changed slightly so that not all workarounds still work, but my layouts still do. Added scary color scheme for Style I layouts. Added Faerie color scheme for Style II layouts. Added Style III layouts in the forest color scheme.

9/29/09: Added scary color scheme for Style II layouts. Fixed my updates, some of which had been displaying as being from before the site's opening. Added how many color schemes, styles, and total layouts I have. One new affie.

9/28/09: One new link back button.

9/26/09: Two new affies. Removed two affies--one who hadn't linked to me and one with a cryptic closing/hiatus notice.

9/25/09: Two more link back buttons.

9/24/09: Style II layouts are now availible in the ocean color scheme. Two new link back buttons. Two new directory listed at.

9/23/09: Two new affies. One new link back button.

9/22/09: Style II layouts are now available in the forest color scheme. Suggestions are now fully open. One new directory.

9/21/09: Two new affies. Listed in two new directories. Entered in Genericizing. Added two rules about affies.

9/18/09: Listed in one new directory.

9/17/09: Latin Layouts opens!

Links back

You can find out who made these in the credits section. If you can't figure out which button number is which, hover over them.

<a href="/~spring_rain_33"><img src="http://i33.tinypic.com/2ex3195.jpg"></a>

<a href="/~spring_rain_33"><img src="http://i386.photobucket.com/albums/oo305/dragi555/latinlayouts.jpg"></a>

<a href="/~spring_rain_33"><img src="http://i428.photobucket.com/albums/qq7/beachpeach1974/Linkback2.png"></a>

<a href="/~spring_rain_33"><img src="http://i34.tinypic.com/308wcy1.jpg"></a>

<a href="/~spring_rain_33"><img src="http://i491.photobucket.com/albums/rr271/fishy_foo_foo/ForLatin.png"></a>

<a href="/~spring_rain_33"><img src="http://i422.photobucket.com/albums/pp309/bonanaza/latinlayouts-1.png"></a>

<a href="/~spring_rain_33"><img src="http://i422.photobucket.com/albums/pp309/bonanaza/latinlayouts.png"></a>

<a href="/~spring_rain_33"><img src="http://i35.tinypic.com/1z4lgsp.png"></a>

Affies

Affiliate comes from the latin words "filia" and "filius", which mean daughter and son. Neomail me to be an affiliate of Latin Layouts.

My Other Sites

Listed at

Rules

1. You may edit the layouts.
2. You may not remove the credit from the layouts. Even if (as in Style V layouts) there's credit in the image, you need to have an actual, clickable link back here. You may replace the credit with a link back button, but you must note that the button is credit for the layout ("Layout from: [button]").
3. You may not redistribute the layouts.
4. Do not make a suggestion if suggestions are closed.
5. Affies must have an 88x31 button.
6. I will randomly check to make sure that affies have me on their page. If they do not, or are closed, I will remove their link (unless they are on hiatus). If they've moved, I'll change the link.

If you steal my layouts, you'll be warned (by me), reported if you fail to respond to my warning, possibly frozen, and probably attacked by hungry, never-fed petpets from the depths of my Safety Deposit Box that haven't seen the light of day in a couple years. No pressure!

Layout

This layout was made by me and is supposed to be themed "Rain and Royalty", hence the blue and purple. It was originally created for a site that I ended up not making, so I reused it in this one. I made it in Safari, but it also works in IE--I don't know about any other browsers.

This layout is based on one I made for the button request site Aerofusion.

The fonts used in this layout are:

• Verdana
• Brush Script MT
• Lucida Sans
• Skia
• Gill Sans

Credits

Layout and layouts by me.

I learned to code using these sites for examples and help. Go check them out!

Also, this page showed me how to code around the glitchy filters.

Buttons

Button 1 by Aerofusion.

Button 2 by Nacho.

Button 3 by me, with the help of

Button 4 by Sweetest Moments.

Button 5 by Paprika.

Buttons 6 and 7 by Haengbok.

Button 8 by Exhilarating*.

Suggestors

These are all the people who've helped me by suggesting layouts:
the_dragon7452, chickenpoxcatcher

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