Set Fire To Rain

This layout is also found on my website, here.

Pleae do not remove the codes credits. The resources are mandatory on the layout and need to remain there. Please do not edit the images with your own, and I ask you nicely not to cover up my credits found on the main image.

Enjoy! Let me know what you think and if you're using it and where. I love to see my work in action.

<style>/* LAYOUT CREATED BY SHANELLE AT OVERLOADDD . COM ALL IMAGES AND CODING ARE PROPERTY OF OVERLOADDD . COM CREDITS PRESENTED IN SIDEBAR OF LAYOUT FOR INDIVIDUAL RESOURCES USED PLEASE DO NOT REMOVE THIS */ body {background-color: #a6a596;background-image: url('http://cbimg6.com/layouts/11/05/36656an.png');background-repeat: repeat;background-position:top center; font-family: georgia;font-size: 12px;color: #666;line-height: 16px;} i, italic, em{color:#797e7c;} b, bold, strong{color:#89897f; text-transform: none;} u, underline{color:#797e7c;border-bottom: dashed 1px #222;} table{width:235px;margin:0px;padding:0px;} td{width:117px;margin: 0px;padding0px;} h1 {color: #fff;font-family:georgia;font-size:15px;text-transform:uppercase;letter-spacing:2px;text-align:center;border-bottom: 5px solid #a2a297;background-color: #aaaa9e;padding:10px;} h2 {color: #fff;font-family:georgia;font-size:15px;text-transform:uppercase;letter-spacing:2px;text-align:center;border-bottom: 5px solid #a2a297;background-color: #aaaa9e;padding:10px;} img {padding:5px;background-color:#a2a297;border: 1px solid #aaaa9e;} a {color:#797e7c;letter-spacing:0px;text-decoration:none;letter-spacing:0px;text-transform:none;font-weight:normal;} a:link {color:#797e7c;letter-spacing:0px;text-decoration:none;letter-spacing:0px;text-transform:none;font-weight:normal;} a:hover{color:#000;letter-spacing:0px;letter-spacing: 0px;text-transform:none;font-weight:normal;} .nav:link, .nav:active, .nav:visited{color: #222;font: 12px georgia;font-weight: none;text-align: center;font-style: italic;text-transform: lowercase;background-color:#a2a297;display:block;padding:10px;} .nav:hover{color: #222;font: 12px georgia;font-weight: none;text-align: center;font-style: italic;text-transform: lowercase;background-color:#aaaa9e;display:block;padding:10px;} #wrapper{margin: 0 auto 0 auto;width: 800px;position: absolute;top: 0px;left: 0px;} #container { float: left;padding : 0px; width: 800px;background-color: #transparent;background-image: url('http://cbimg6.com/layouts/11/05/36656ao.png');background-repeat: repeat-y;} #overhead {background-image:url('http://cbimg6.com/layouts/11/05/36656ap.png');background-repeat: no-repeat;width: 800px;height: 600px;left: -50;padding-top: 0px;} #overcon {width: 395px;float: right;margin-top:-200px;margin-right: 71px; padding:0px;background:transparent;} #overnav {width: 236px;float: left;margin-top:-202px;margin-left: 85px;padding: 0px;background:transparent;} #advertising {position:absolute;top:350px;left:550px;width:300px;} #advertimg {border:1px solid #ccc;} #advertimg:hover {border: 1px solid #fff;}</style> <div id="wrapper"><div id="container"><div id="overhead"><div id="advertising"> <a href="http://www.wtf0rk.info" target="_blank"><img src="http://cbimg6.com/layouts/11/05/36656aa.png" id="advertimg"></a> <a href="http://www.chaoticrhythm.info" target="_blank"><img src="http://cbimg6.com/layouts/11/05/36656ab.jpg" id="advertimg"></a> </div></div><div id="overcon"> <h1>Header Title</h1> <img src="http://cbimg6.com/layouts/11/05/36656ac.png" align="left" id="icon"> <b>Welcome!</b> I woke up this morning and just <i>decided</i> it was time to make another layout of this nature. This started out looking a lot different, but it went in this direction and I'm quit happy with it! The simple colors are easy on the eyes and I really like the transitions and layer styles. I was shocked when I was done because, trust me, this isn't what I woke up thinking I was going to make. <p> <u>Sitely Stuff To Know</u><br> - The navigation links are big. if you want to make them small go to the .nav in the CSS file and adjust the PADDING. It should be located at the end of the css line. Make sure you do both lines! <p> - The premade buttons are up on my site as well, so if you lose them here head over there and grab them. Feel free to edit your name on them and stuff! Just please do not redistribute them. <p> - The c-box colors are located in the folder. Check the "READ ME" file and you'll find the codes in there as well as a simple repeat of this stuff. <p> - Keep the credit on the bottom! Those resources need to remain on the layout if you do not expect to get in trouble. They're big sites and they won't like you not crediting them. <p> Let me know if you're using this! I love seeing my work. And above all, enjoy! <h1>Premade Buttons</h1> <img src="http://cbimg6.com/layouts/11/05/36656ad.png"> <img src="http://cbimg6.com/layouts/11/05/36656ae.png"> <img src="http://cbimg6.com/layouts/11/05/36656af.png"> <p> <img src="http://cbimg6.com/layouts/11/05/36656ag.png"> <img src="http://cbimg6.com/layouts/11/05/36656ah.png"> <img src="http://cbimg6.com/layouts/11/05/36656ai.png"> <p> <img src="http://cbimg6.com/layouts/11/05/36656aj.png"> <img src="http://cbimg6.com/layouts/11/05/36656ak.png"> </div><div id="overnav"> <h2>About</h2> <img src="http://cbimg6.com/layouts/11/05/36656al.png" id="aboutimg" align="left"> This is the about section, just type away about who you are or what this site consists of. The image over there is designed for you to put a photo of yourself up or you can simply leave it just the way it is. It's really up to you! Also when you're editing the image, if you feel like making your own and hosting it somewhere else pay attention to the coding! There is an "ID" set in the coding that makes the image have more style as well as a align set. Your best bet on editing the image is opening it in your own editor editing it and then moving it over ontop of the image in your hosting. <h2>Navigation</h2> <table><tr> <td><a href="URLGOESHERE" class="nav">LINK</a></td> <td><a href="URLGOESHERE" class="nav">LINK</a></td> </tr><tr> <td><a href="URLGOESHERE" class="nav">LINK</a></td> <td><a href="URLGOESHERE" class="nav">LINK</a></td> </tr><tr> <td><a href="URLGOESHERE" class="nav">LINK</a></td> <td><a href="URLGOESHERE" class="nav">LINK</a></td> </tr></table> <h2>Affiliates</h2> <table><tr> <td><a href="URLGOESHERE" target="_blank" class="nav">FRIEND</a></td> <td><a href="URLGOESHERE" target="_blank" class="nav">FRIEND</a></td> </tr><tr> <td><a href="URLGOESHERE" target="_blank" class="nav">FRIEND</a></td> <td><a href="URLGOESHERE" target="_blank" class="nav">FRIEND</a></td> </tr><tr> <td><a href="URLGOESHERE" target="_blank" class="nav">FRIEND</a></td> <td><a href="URLGOESHERE" target="_blank" class="nav">FRIEND</a></td> </tr></table> <h2>Chatter Box</h2> <center><img src="http://cbimg6.com/layouts/11/05/36656am.png" border="0"></center> <h2>Sitely</h2> <b>Start:</b> *start date*<br> <b>Layout Title:</b> Set Fire To Rain<br> <b>Version:</b> *version #*<br> <b>Owner:</b> <a href="">you of course!</a><br> <b>Designer:</b> <a href="http://www.overloaddd.com" target="_blank">Shanelle @OV</a><br> <b>Credits:</b> <a href="http://photo.net/photodb/member-photos?user_id=2176011" target="_blank">X</a> <a href="http://99mockingbirds.com/" target="_blank">X</a> <a href="http://swimchick.net/" target="_blank">X</a> <a href="http://www.in-a-daydream.nl/" target="_blank">X</a> <a href="http://www.dafont.com/search.php?psize=m&q=english+essay" target="_blank">X</a> </div> </div> </div>

i like it ^^

I like it.

very nice
 

The image is simply outstanding :)

very pretty
(:

Designer	Overloaddd
Submitted on	May 1, 2011
Page views	11,816
Favorites	28
Comments	5
Reviewer	manny-the-dino
Approved on	May 4, 2011

cute, emotions, girls, adele, classic, pretty

• Grab your Friend ID
• Grab layout codes
• Myspace / Xanga tracker

• Here I Stand Layouts