Header

Sub Header

Hello everyone! Juniper here. Thanks so much for using Essence of Complexion's site layout. I hope you put some great content here! Just remember to never remove the credits, because that violates the terms and conditions of EOC. Soyahh, don't do that. If you find any glitched coding or have a question, please email Juniper at juniperpwns@gmail.com. Thanks!

Header

sub header

Code

On Neopets

Remember, this code only works on neopets.

Code

Off Neopets

Remember, this code only works off neopets.

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Site Title Here!</title> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" > <style type="text/css"> /* CSS by Juniper at http://essenceofcomplexion.com/. Do not remove this, or take only small sections of my coding without credit. */ TEXTAREA {color: #FFFFFF; font: 10px "Verdana"; border: 1px solid black; background-color: #3e2139; letter-spacing: 1px; padding: 5px;} TEXTAREA:hover {text-transform: uppercase;} body {background-color: #3e2139;} h1 { text-align: center; font-family: "Trebuchet MS"; color: #FFF; font-size: 30px; background-color: transparent; text-transform: lowercase; border-left: 10px solid #636960; border-right: 10px solid #636960; } h2 { text-align: right; font-family: "Tahoma"; color: #422b3e; font-size: 15px; font-weight: normal; background-color: transparent; text-transform: uppercase; padding: 1px; border-bottom: 1px dotted #422b3e; } #header {background-image:url('http://i773.photobucket.com/albums/yy20/the-essence/sitelayouts/headerbackground1-1.png'); background-repeat: no-repeat; vertical-align: middle; margin: 0px auto; height: 417px; width: 600px; top: 0px;} #main {background-image:url('http://i773.photobucket.com/albums/yy20/the-essence/sitelayouts/contentbackground.png'); background-repeat: repeat-y; vertical-align: middle; margin: 0px auto; height: auto; width: 600px;} #content {background-color: transparent; vertical-align: middle; margin: 0px auto; height: auto; width: 550px;} #footer {background-image:url('http://i773.photobucket.com/albums/yy20/the-essence/sitelayouts/footerbackground1.png'); background-repeat: no-repeat; vertical-align: middle; margin: 0px auto; height: 108px; width: 600px;} #footertext {background-color: transparent; vertical-align: middle; margin: 20px auto; padding: 2px; height: auto; width: 550px; border-top: 3px dashed #3e2139;} #navi {background-color: transparent; width: 550px; height: auto; vertical-align: middle; margin: 0px auto 20px auto;} BODY, TD, P, A, #input, FONT {font: 10px "Verdana"; color: white; text-align: center;} a:visited, a:active, a:link {color: #a9b494; font-family: "Trebuchet MS"; font-size: 10px;} a:hover {color: #49444c; font-style: italic; text-transform: lowercase;} a.navi:visited, a.navi:active, a.navi:link {color: #a9b494; font-family: "Trebuchet MS"; font-size: 20px; border: 3px solid #a9b494; padding: 8px; text-decoration: none; text-transform: lowercase;} a.navi:hover {color: #49444c; font-style: italic; border: 3px solid #49444c;} u{color: #29051e; background-color: #6d7875;} i{color: #3e2139; text-transform: lowercase;} b{color: #402b40; font-weight: bold; text-transform: uppercase;} </style> <body> <div id="header"></div> <div id="main"> <div id="navi"> <a href="#" class="navi">Link</a> <a href="#" class="navi">Link</a> <a href="#" class="navi">Link</a> </div> <div id="content"> <h1>Header</h1> <h2>Sub Header</h2> Hello everyone! Juniper here. Thanks so much for using Essence of Complexion's site layout. I hope you put some great content here! Just remember to never remove the credits, because that violates the terms and conditions of EOC. Soyahh, don't do that. If you find any glitched coding or have a question, please email Juniper at <b>juniperpwns@gmail.com</b>. Thanks! <h1>Header</h1> <h2>sub header</h2> Hello everyone! Juniper here. Thanks so much for using Essence of Complexion's site layout. I hope you put some great content here! Just remember to never remove the credits, because that violates the terms and conditions of EOC. Soyahh, don't do that. If you find any glitched coding or have a question, please email Juniper at <b>juniperpwns@gmail.com</b>. Thanks! <h1>Freebies</h1> <h2>To Get You Started</h2> <i>Icon:</i><br> <img src="http://i773.photobucket.com/albums/yy20/the-essence/sitelayouts/sl6icon.png" alt=""><p> <u>Button:</u><br> <img src="http://i773.photobucket.com/albums/yy20/the-essence/sitelayouts/sl6button.png" alt=""> <p> Whee. </div> <div id="footertext"> Content © site name here. Layout coding and images © Juniper at <a href="http://essenceofcomplexion.com/" target="_blank">Essence of Complexion</a>.</div> <div id="footer"></div> </div> </body> </html>

Freebies

To Get You Started

Icon:

Button:

Whee.