Noir Layout

About

I love the image, but I'm not a big fan of the light colors. Comment if you think the colors are too soft. Anywho, the image took about 30 minutes, and the coding about 20. Image made in Paint Shop Pro 11, coded in note pad. Okay, so I was looking around, for some renders, and I liked this render beacuse it was pink, and it was an image of a tough firl. Sh looks like me about 2 years ago! It was wierd. If I were an anime character, I would totally look like that!

Title

Dont remove the credit, any of them!

Dont steal any of the coding without asking me please!

Dont claim anything as your own, especially the image. I really like this one :]

leave a message in my cbox if your using any layout!

If you have any problem feel free to email me at autumn.aki@hotmail.com 8)

Extras

I worked hard to make these so if used credit back ;) Also, I didnt really try on thies ones. I just chose a part of the image and decided to use it xD

avat linkerbacker

<html> <head> <title>Noir Layout</title> </head> <body> <DIV style="position: absolute; top:0px; left: 0px;"> <img src="http://i222.photobucket.com/albums/dd38/AutumnOfAnime/111-2.png"> </div> <style type="text/css"> body { background-image: url(''); background-attachment: scroll; background-repeat: repeat-n; scrollbar-base-color: #f0eff6; scrollbar-arrow-color: #e3c9b7; scrollbar-shadow-color: #e3c9b7; scrollbar-lightshadow-color: #e3c9b7; scrollbar-darkshadow-color: #e3c9b7; scrollbar-highlight-color: #e3c9b7; scrollbar-3dlight-color: #e3c9b7; scrollbar-track-color: #f0eff6; cursor: crosshair; { background-image: url( ); background-color: #f0eff6; background-repeat: repeat-y; font-size: 12px; font-family: arial; color: #000000; cursor: sw-resize; } A:link{text-decoration: none; color: #cb6d69; font-weight: bold; cursor: sw-resize; font-size: 12px;} A:visited{text-decoration: none;color: #cb6d69; font-weight: bold; cursor: sw-resize; font-size: 12px;} A:active{text-decoration: none; color: #cb6d69; font-weight: bold; cursor: sw-resize; font-size: 12px;} a:hover{text-decoration: none; color: #e0c6d1; font-weight: bold; cursor: sw-resize; font-size: 12px;} .nav { background-color: #f0e7ec; background-image: URL(); color: #c464cf; border-left: 5px solid #c680bf; border-bottom: 5px solid #c680bf; border-top: 5px solid #c680bf; border-right: 5px solid #c680bf; font-weight: none; font-size: 14px; letter-spacing: 2px; cursor: crosshair; text-align: left; } .jin1 { color: #000000; font-size: 12px; font-family: arial; cursor: crosshair; text-align: center; } .jin3 { color: #e0c6d1; background-image: URL(http://i222.photobucket.com/albums/dd38/AutumnOfAnime/Image7-8.png); font-size: 12px; font-family: arial; cursor: sw-resize; text-align: center; } .jin A:link{ display: block; text-decoration: none; background-image: url(); background-color: #ebcdd2; cursor: crosshair; color: #ffffff; font-size: 12px; font-family: arial; letter-spacing: 2px; border-bottom: 1px solid #cec6d2; border-top: 1px solid #cec6d2; border-right: 1px solid #cec6d2; border-left: 1px solid #cec6d2; text-align: center; width: 100px; } .jin A:visited{ display: block; text-decoration: none; background-image: url(); background-color: #ebcdd2; cursor: w-resize; color: #ffffff; font-size: 12px; font-family: arial; letter-spacing: 2px; border-bottom: 1px solid #cec6d2; border-top: 1px solid #cec6d2; border-right: 1px solid #cec6d2; border-left: 1px solid #cec6d2; text-align: center; width: 100px; } .jin A:hover { font-style: normal; font-size: 12px; text-color: #5b78e0; background-color: #978487; font-family: century gothic; text-transform: none; text-decoration: none;; color: #835f53; border-bottom: 1px solid #601222; border-top: 1px solid #601222; border-right: 1px solid #601222; border-left: 1px solid #601222; width: 130px; } .jin2 A:link{ display: block; text-decoration: none; background-image: url(); background-color: #978487; cursor: crosshair; color: #ffffff; font-size: 12px; font-family: arial; letter-spacing: 2px; border-bottom: 1px solid #cec6d2; border-top: 1px solid #cec6d2; border-right: 1px solid #cec6d2; border-left: 1px solid #cec6d2; text-align: center; width: 100px; } .jin2 A:visited{ display: block; text-decoration: none; background-image: url(); background-color: #978487; cursor: w-resize; color: #ffffff; font-size: 12px; font-family: arial; letter-spacing: 2px; border-bottom: 1px solid #cec6d2; border-top: 1px solid #cec6d2; border-right: 1px solid #cec6d2; border-left: 1px solid #cec6d2; text-align: center; width: 100px; } .jin2 A:hover { font-style: normal; font-size: 12px; text-color: #5b78e0; background-color: #ebcdd2; font-family: century gothic; text-transform: none; text-decoration: none;; color: #835f53; border-bottom: 1px solid #601222; border-top: 1px solid #601222; border-right: 1px solid #601222; border-left: 1px solid #601222; width: 130px; } </style> <DIV style="position: absolute; top:540px; left:510px; width:160px;"> <div class="nav">Navigation</div> <div class="jin"><p><center> <a href="www.???.com">Link</a> <a href="www.???.com">Link</a> <a href="www.???.com">Link</a><p> </div> <div class="nav">Navigation</div> <div class="jin2"><p> <a href="www.???.com">Link</a> <a href="www.???.com">Link</a> <a href="www.???.com">Link</a> </div> <br /><br /><div class="nav">ChattBoxx</div><br /> <div class="jin2"> Dont have one? Then go <a href="http://www.cbox.ws/">here</a> to get one! Make sure its not to big or it wont fit. </div> <br /><br /><div class="nav">Credits</div><br /> <div class="jin1"><p> Layout: <a href="http://www.freewebs.com/butterflyxfields/" target="_blank">Butterfly Fields</a><br> PNG: <a href="http://www.aethereality.net">Aethereality</a><br /> Brushes: <a href="http://www.solaris.beloved-kingdom.com">Solaris</a><br /> </center> </div> </head> <body> </div>  <div style="position: absolute; top:540px; left:0px; width:495px;"> <div class="nav">About</div> <div class="jin3"> I love the image, but I'm not a big fan of the light colors. Comment if you think the colors are too soft. Anywho, the image took about 30 minutes, and the coding about 20. Image made in Paint Shop Pro 11, coded in note pad. Okay, so I was looking around, for some renders, and I liked this render beacuse it was pink, and it was an image of a tough firl. Sh looks like me about 2 years ago! It was wierd. If I were an anime character, I would totally look like that! </div> <br /><br /><div class="nav">Title</div> <div class="jin3"> <li>Dont remove the credit, any of them!<br> <li>Dont steal any of the coding without asking me please!<br> <li>Dont claim anything as your own, especially the image. I really like this one :]<br> <li>leave a message in my cbox if your using any layout!<p> If you have any problem feel free to email me at autumn.aki@hotmail.com 8) <br /></div> <br /><br /><div class="nav">Extras</div> <div class="jin3"> I worked hard to make these so if used credit back ;) Also, I didnt really try on thies ones. I just chose a part of the image and decided to use it xD<p> <img src="http://i222.photobucket.com/albums/dd38/AutumnOfAnime/Image8-4.png" border="0" alt="avat"></a> <img src="http://i222.photobucket.com/albums/dd38/AutumnOfAnime/Image9-2.png" border="0" alt="linkerbacker"></a> <br /></div>