oh hi there i can zee you. ››BLACK-STRIPES.NET

Lily Allen layout

Chick

Bee

Bee; 20 years old. 21 @ september 30th, 09. norwegian. studies graphic design, first year. MAJOR FANGIRL. friends. rockn'roll. metal. twilight. parties. webdesign. beautiful things. fanfiction. scene. nirvana. my chemical romance. NIN. avenged sevenfold. grey's anatomy. more?

Affiliates

› Anneli	› Anthine
› Ben	› Brooke
› Coke	» Dicte
› Gel	› Lexy
› Malous	› Melle
› Mizuna	› Nia
› Sofi	› Spencer
› Tiffany	› Tiff K

Want in? Hosting?

Stats

Site: Black-stripes.net
Opened: December 13th 06
Webmiss: Stine
Hosted: Hostean
Online: online
Hits: hits
Contact: Here

Layout

Slew ft. Lily Allen. Made in Adobe Photoshop CS3 by me. Pics from Be-Scene. Inspiration from Built by Robots.

Contact

MSN

durlaithiel@hotmail.com

Stine W. Busch

Myspace

xxMuflo

Last.Fm

OMGalarm

OMGalarm

Tumblr

OMGalarm

Layouts

Here are free layouts for you to use! They are really simple, just paste the code into your document. If you are to change the codes, remember to still link back to black-stripes. And if you want to use it in with CSS, just copy the CSS from the document, and use the set up in your own codes. Click on the images to preview. Enjoy!

Layout 4 - Miss Mosh

<html> <head> <title> YOUR WEBSITE TITLE</title> <style > /* STYLE / body { margin : 0; padding : 0; font-family : Tahoma; overflow : auto; line-height : 11px; text-align : justify; color : #3b3a39; font-size : 8pt; text-align : left; text-decoration : none; background-image : url(''); background-image : url('http://img519.imageshack.us/img519/7201/dritkulgrii5.png'); background-repeat : repeat; background-attachment : scroll; cursor : crosshair; } #container { top: 0; margin : 0 auto; width : 700px; height : 100%; background : transparent; padding : 10px; } #sidebar { float : left; width : 170px; height : 100%; background : transparent; text-align : justify; } #content { float : right; width : 500px; background : transparent; text-align : justify; } u { text-decoration : none; border-bottom : 1px dotted #83b0d0; padding : 0; margin : 0; } i { font-family : Tahoma; color : #83b0d0; font-size : 11px; } b { font-family : Tahoma; color : #83b0d0; font-size : 11px; } a:link { color : #8c39b6; font-weight : normal; text-decoration : none; font-style : normal; text-transform : uppercase; cursor : crosshair; } a:visited { color : #8c39b6; font-weight : normal; text-decoration : none; font-style : normal; text-transform : uppercase; cursor : crosshair; } a:active { color : #8c39b6; font-weight : normal; text-decoration : none; font-style : normal; text-transform : uppercase; cursor : crosshair; } a:hover { color : #a6a7ab; text-decoration : none; font-weight : normal; font-style : normal; text-transform : uppercase; cursor : crosshair; background-color : #efe6eb; cursor : crosshair; border-bottom : 0 solid #301d6c; margin : 0; padding : 0; } h1 { font-family: Arial; font-size: 35px; color: #4fa7f8; text-transform: uppercase; background: transparent; margin-top: 5px; margin-bottom: 5px; text-align: left; border-bottom: 0px dashed 000000; padding-left: 5px; } h2 { font-family: "Arial"; font-size: 14pt; color: #71b87e; text-transform: uppercase; border-bottom: 1px solid #7605de; background: transparent; margin-bottom: 7px; margin-top: 0px; padding-left: 2px; } h3 { font-family: 'Tahoma'; color: #000000; background: #ffffff; text-align: justify; font-size: 10px; line-height: 12px; font-weight: normal; margin-top: 2px; margin-bottom: 5px; text-align: left; padding: 4px; padding-bottom: 5px; } </style> <img src="http://img91.imageshack.us/img91/8241/freelay3jt9.png" alt="Skin 0.2 Prison Break"> <br> <div id="container"> <div id="sidebar"> <h2>Welcome</h2> <h3>Here you write the content of your first side bar box - for example a <b>welcome message</b> or <i>about yourself</i>.</h3> <br><br><br> <h2>Moar </h2> <h3>Your sencond sidebar box! Your sencond sidebar box! Your sencond sidebar box! Your sencond sidebar box! Your sencond sidebar box! Your sencond sidebar box! Your sencond sidebar box! Your sencond sidebar box! </h3> <br><br><br> <h2>Moar </h2> <h3>Your sencond sidebar box! Your sencond sidebar box! Your sencond sidebar box! Your sencond sidebar box! Your sencond sidebar box! Your sencond sidebar box! Your sencond sidebar box! Your sencond sidebar box! </h3> <br><br><br> </div> <div id="content"> <h1>Main box</h1> <h3>Here is your main content box, in which you blog, or have sites like content, you, etc. Here is your main content box, in which you blog, or have sites like content, you, etc. Here is your main content box, in which you blog, or have sites like content, you, etc. Here is your main content box, in which you blog, or have sites like content, you, etc. Here is your main content box, in which you blog, or have sites like content, you, etc. Here is your main content box, in which you blog, or have sites like content, you, etc. Here is your main content box, in which you blog, or have sites like content, you, etc. Here is your main content box, in which you blog, or have sites like content, you, etc. Here is your main content box, in which you blog, or have sites like content, you, etc. <br><br> <b>Bold text</b><br> <i>Italic text</i><br> <u>Underlined text</u><br> <a href="http://black-stripes.net">Link text</a> <br><br><br> <center>Layout is Copyright to <a href="http:/black-stripes.net">Bee</a> @ black-stripes.net</center></h3> </div> </body></html>

Layout 3 - Kristen Stewart

<html> <head> <title> YOUR WEBSITE TITLE</title> <style > / STYLE / body { margin : 0; padding : 0; font-family : Tahoma; overflow : auto; line-height : 11px; text-align : justify; color : #3b3a39; font-size : 8pt; text-align : left; text-decoration : none; background-image : url(''); background-image : url('http://img519.imageshack.us/img519/4610/freelay2bglg2.jpg'); background-repeat : repeat; background-attachment : scroll; cursor : crosshair; } #main { text-align:justify; position:absolute; top:390px; left:493px; width:444px; height:auto; padding:3px; padding-bottom:2px; margin-bottom: 10px; height:auto; background-color: transparent;} #sidebar { text-align:justify; position:absolute; width:164px; top:390px; left:323px; height:auto; padding:2px;} u { text-decoration : none; border-bottom : 1px dotted #83b0d0; padding : 0; margin : 0; } i { font-family : Tahoma; color : #83b0d0; font-size : 11px; } b { font-family : Tahoma; color : #83b0d0; font-size : 11px; } a:link { color : #c2647b; font-weight : normal; text-decoration : none; font-style : normal; text-transform : uppercase; cursor : crosshair; } a:visited { color : #c2647b; font-weight : normal; text-decoration : none; font-style : normal; text-transform : uppercase; cursor : crosshair; } a:active { color : #c2647b; font-weight : normal; text-decoration : none; font-style : normal; text-transform : uppercase; cursor : crosshair; } a:hover { color : #a6a7ab; text-decoration : none; font-weight : normal; font-style : normal; text-transform : uppercase; cursor : crosshair; background-color : #efe6eb; cursor : crosshair; border-bottom : 0 solid #301d6c; margin : 0; padding : 0; } h1 { font-family: "Georgia"; font-size: 20pt; color: #b92e4f; text-transform : lowercase; text-align : right; font-weight : bold; font-style : italic; text-decoration : none; margin : 0; margin-top : 0; margin-bottom : 0; padding-top : 2px; padding-bottom : 0; padding-left : 4px; } h2 { font-family: "Georgia"; font-size: 20pt; color: #b92e4f; text-transform : lowercase; text-align : left; font-weight : bold; font-style : italic; text-decoration : none; margin : 0; margin-top : 0; margin-bottom : 0; padding-top : 2px; padding-bottom : 0; } h3 { font-family: 'Tahoma'; color: #25272e; text-align: justify; font-size: 10px; line-height: 12px; font-weight: normal; margin-top: 2px; margin-bottom: 5px; text-align: left; padding: 2px; padding-bottom: 5px; } </style> <div id="Layer" style="position:absolute; top: 0; left:0"> <img src="http://img184.imageshack.us/img184/1889/freelay2hp2.jpg" /></div> <div id="sidebar"> <h2>Welcome</h2> <h3>Here you write the content of your first side bar box - for example a <b>welcome message</b> or <i>about yourself</i>.</h3> <br><br><br> <h2>Moar </h2> <h3>Your sencond sidebar box! Your sencond sidebar box! Your sencond sidebar box! Your sencond sidebar box! Your sencond sidebar box! Your sencond sidebar box! Your sencond sidebar box! Your sencond sidebar box! </h3> <br><br><br> <h2>Moar </h2> <h3>Your sencond sidebar box! Your sencond sidebar box! Your sencond sidebar box! Your sencond sidebar box! Your sencond sidebar box! Your sencond sidebar box! Your sencond sidebar box! Your sencond sidebar box! </h3> <br><br><br> </div> <div id="main"> <h1>Main box</h1> <h3>Here is your main content box, in which you blog, or have sites like content, you, etc. Here is your main content box, in which you blog, or have sites like content, you, etc. Here is your main content box, in which you blog, or have sites like content, you, etc. Here is your main content box, in which you blog, or have sites like content, you, etc. Here is your main content box, in which you blog, or have sites like content, you, etc. Here is your main content box, in which you blog, or have sites like content, you, etc. Here is your main content box, in which you blog, or have sites like content, you, etc. Here is your main content box, in which you blog, or have sites like content, you, etc. Here is your main content box, in which you blog, or have sites like content, you, etc. <br><br> <b>Bold text</b><br> <i>Italic text</i><br> <u>Underlined text</u><br> <a href="http://black-stripes.net">Link text</a> <br><br><br> <center>Layout is Copyright to <a href="http:/black-stripes.net">Bee</a> @ black-stripes.net</center></h3> </div> </body></html>

Layout 2 - Raquel Reed

<html> <head> <title> YOUR WEBSITE TITLE</title> <style > / STYLE / body { margin : 0; padding : 0; font-family: 'Tahoma'; overflow : auto; line-height: 13px; text-align: justify; font-size: 10px; font-weight: normal; color: #25272e; text-align: left; padding-bottom: 5px; margin-top: 2px; margin-bottom: 5px; background-image : url('http://black-stripes.net/Layouts/freelaybg.jpg'); background-repeat : repeat; background-attachment : scroll; cursor : crosshair; } table { font-family: tahoma; font-size: 10px; line-height: 7pt; color: #25272e; } h1 { background: transparent; color: #7942b2; font-family: Lucida Handwriting; font-size: 55px; line-height: 55px; font-weight: bold; text-transform: lowercase; letter-spacing: 2px; margin-top: 2px; margin-bottom: -5px; margin-right: 0px; margin-left: 0px; text-align: right; border-bottom: 0px dashed ; padding-left: 5px; } h2 { font-family: Trebuchet MS; font-size: 30px; color: #19b0f3; text-transform: uppercase; background: transparent; margin-top: 5px; margin-bottom: 2px; text-align: right; border-bottom: 0px dashed 000000; padding-left: 5px; } h3 { font-family: "Trebuchet MS"; font-size: 14pt; color: #7d28c5; text-transform: uppercase; border-bottom: 0px solid #7605de; background: transparent; margin-bottom: 2px; margin-top: 0px; padding-left: 2px; } a:link, a:visited, a:active { color: #9262c9; font-weight: bold; text-decoration: none; font-style : normal; text-transform : none; font-family: Tahoma; cursor : crosshair; font-size: 9px; } a:hover { color: #33165b; text-decoration: none; font-weight: bold; font-style : normal; text-transform : normal; cursor : crosshair; background-color : transparent; font-family: Tahoma; font-size: 9px; border-bottom : 0 solid #f4115e; margin : 0; padding : 0; } a.box:link, a.box:visited, a.box:active { text-decoration: none; font-family: Trebuchet MS; font-size: 12px; cursor: default; font-weight: bold; color: #ffffff; text-transform: uppercase; padding: 2px; margin : 4px; background-color: #cbcacc; text-transform: uppercase; border-bottom: 5px solid #432c54; } a.box:hover { text-decoration: none; font-family: Trebuchet MS; font-size: 12px; color:#ffffff; background-color: #432c54; border-bottom: 5px solid #432c54; padding:2px; margin : 4px; } u { color: #19b0f3; font-family: tahoma; font-size: 11px; font-weight: normal; text-align: justify; border-bottom: 1px solid #4acbce; } i { font-family : Arial; color : #19b0f3; font-size : 8pt; } b { font-family : Arial; color : #19b0f3; font-size : 8pt; } .subject{ font-family: 'Georgia'; font-size: 8px; text-transform: uppercase; text-align: center; color: #25272e; font-weight: bold; letter-spacing: 1px; line-height: 11px; display: block; border-top: 1px black dotted; margin-bottom: 0px; padding-left: 5px; background-color: transparent;} blockquote { background-color :#fafafa; width : 320px; font-family: 'Tahoma'; color: #25272e; text-align: justify; font-size: 10px; line-height: 12px; font-weight: normal; margin-top: 2px; margin-bottom: 5px; text-align: left; padding: 2px; padding-bottom: 5px; border-left : 15px solid #00d6f6; border-bottom : 0px dotted #f843b8; } #main { text-align:justify; position:absolute; top:116px; left:605px; width:375px; height:auto; padding:3px; padding-bottom:2px; margin-bottom: 10px; height:auto; background-color: transparent;} #sidebar { text-align:justify; position:absolute; width:131px; top:116px; left:470px; height:auto; padding:2px;} #sitename { text-align:justify; position:absolute; top:5px; left:350px; width:600px; height:auto; padding:3px; padding-bottom:2px; margin-bottom: 10px; height:auto; background-color: transparent; } #navigation { text-align:justify; position:absolute; top:80px; left:470px; width:515px; height:auto; padding:3px; padding-bottom:2px; margin-bottom: 10px; height:auto; background-color: transparent;} textarea { color: #f843b8; text-transform: none; background: #d3d4d4; font-size: 11px; line-height:9px; font-weight: normal; text-decoration: none; font-family: tahoma; text-align: left; border-width: 1px; border-style: solid; border-color: #ffffff; } code { width : 300px; line-height : 15pt; font : 11px "Tahoma"; color : #ffffff; padding : 2px; margin-bottom : 0; margin-top : 0; margin-right : 0; margin-left : 0; background-color : #f843b8; } </style> <div id="Layer" style="position:absolute; top: 0; left:0"> <img src="http://black-stripes.net/Layouts/freelay.jpg" /></div> <div id="sidebar"> <h3>Welcome</h3> Here you write the content of your first side bar box - for example a <b>welcome message</b> or <i>about yourself</i>. <br><br><br> <h3>Moar </h3> Your sencond sidebar box! Your sencond sidebar box! Your sencond sidebar box! Your sencond sidebar box! Your sencond sidebar box! Your sencond sidebar box! Your sencond sidebar box! Your sencond sidebar box! <br><br><br> <h3>Moar </h3> Your sencond sidebar box! Your sencond sidebar box! Your sencond sidebar box! Your sencond sidebar box! Your sencond sidebar box! Your sencond sidebar box! Your sencond sidebar box! Your sencond sidebar box! <br><br><br> </div> <div id="sitename"> <h1>yoursitename</h1> </div> <div id="navigation"> <center><a href="http://black-stripes.net/thebee.php" class="box"> THE BEE </a> <a href="http://black-stripes.net/site.php" class="box"> SITE </a> <a href="http://black-stripes.net/portofolio.php" class="box"> PORTFOLIO <a href="http://black-stripes.net/content.php" class="box"> CONTENT <a href="http://black-stripes.net/tutorials.php" class="box"> TUTORIALS </a> <a href="http://black-stripes.net" class="box"> HOME </a> </center> </div> <div id="main"> <h2>Main box</h2> Here is your main content box, in which you blog, or have sites like content, you, etc. Here is your main content box, in which you blog, or have sites like content, you, etc. Here is your main content box, in which you blog, or have sites like content, you, etc. Here is your main content box, in which you blog, or have sites like content, you, etc. Here is your main content box, in which you blog, or have sites like content, you, etc. Here is your main content box, in which you blog, or have sites like content, you, etc. Here is your main content box, in which you blog, or have sites like content, you, etc. Here is your main content box, in which you blog, or have sites like content, you, etc. Here is your main content box, in which you blog, or have sites like content, you, etc. <br><br> <b>Bold text</b><br> <i>Italic text</i><br> <u>Underlined text</u><br> <a href="http://black-stripes.net">Link text</a> <br><br><br> <center>Layout is Copyright to <a href="http:/black-stripes.net">Bee</a> @ black-stripes.net</center></h3> </div> </body></html>

Layout 1 - Brendon Urie

<html> <head> <title> YOUR WEBSITE TITLE</title> <style > / STYLE */ body { margin : 0; padding : 0; font-family : Tahoma; overflow : auto; line-height : 11px; text-align : justify; color : #3b3a39; font-size : 8pt; text-align : left; text-decoration : none; background-image : url(''); background-color: #2b3d3d; background-repeat : repeat; background-attachment : scroll; cursor : crosshair; } u { text-decoration : none; border-bottom : 1px dotted #009ca5; padding : 0; margin : 0; } i { font-family : Tahoma; color : #c43e3d; font-size : 11px; } b { font-family : Tahoma; color : #ea7d3c; font-size : 11px; } a:link { color : #36c598; font-weight : normal; text-decoration : none; font-style : normal; text-transform : uppercase; cursor : crosshair; } a:visited { color : #36c598; font-weight : normal; text-decoration : none; font-style : normal; text-transform : uppercase; cursor : crosshair; } a:active { color : #36c598; font-weight : normal; text-decoration : none; font-style : normal; text-transform : uppercase; cursor : crosshair; } a:hover { color : #a6a7ab; text-decoration : none; font-weight : normal; font-style : normal; text-transform : uppercase; cursor : crosshair; background-color : #efe6eb; cursor : crosshair; border-bottom : 0 solid #301d6c; margin : 0; padding : 0; } h1 { background-image : url(''); font-size : 25pt; font-weight : normal; font-style : normal; font-family : impact; border-top : 0 solid #000000; border-bottom : 0 solid #000000; color : #c93d3e; text-align : center; margin-bottom : 1px; line-height : 25px; margin : 0; text-transform : lowercase; letter-spacing : -1px; padding : 2px; padding-left : 4px; } h2 { background-image : url(''); font-size : 25pt; font-weight : normal; font-style : normal; font-family : impact; border-top : 0 solid #000000; border-bottom : 0 solid #000000; color : #5bb494; text-align : left; margin-bottom : 1px; line-height : 25px; margin : 0; text-transform : lowercase; letter-spacing : -1px; padding : 2px; padding-left : 4px; } h3 { background-image : url(); cursor : crosshair; background-color : #c3c7c7; font-size : 11px; font-family : tahoma; letter-spacing : 0; line-height : 10pt; color : #3b3a39; padding : 3px; font-weight : normal; text-transform : none; border-top : 0 solid #999999; border-left : 0 solid #999999; border-right : 0 solid #999999; border-bottom : 5px solid #e48529; margin-bottom : 0; margin-top : 0; margin-right : 0; margin-left : 0; } </style> <img src="http://img.photobucket.com/albums/v232/Fjodur/black-stripe-2.jpg"><br><br> <div style="position:absolute;top:530;left:20;width:170;"> <h2>Welcome</h2> <h3>Here you write the content of your first side bar box - for example a <b>welcome message</b> or <i>about yourself</i>.</h3> <br><br><br> <h2>Moar </h2> <h3>Your sencond sidebar box! Your sencond sidebar box! Your sencond sidebar box! Your sencond sidebar box! Your sencond sidebar box! Your sencond sidebar box! Your sencond sidebar box! Your sencond sidebar box! </h3> <br><br><br> <h2>Moar </h2> <h3>Your sencond sidebar box! Your sencond sidebar box! Your sencond sidebar box! Your sencond sidebar box! Your sencond sidebar box! Your sencond sidebar box! Your sencond sidebar box! Your sencond sidebar box! </h3> <br><br><br> </div> <div style="position:absolute;top:530;left:200;width:450;"> <h1>Main box</h1> <h3>Here is your main content box, in which you blog, or have sites like content, you, etc. Here is your main content box, in which you blog, or have sites like content, you, etc. Here is your main content box, in which you blog, or have sites like content, you, etc. Here is your main content box, in which you blog, or have sites like content, you, etc. Here is your main content box, in which you blog, or have sites like content, you, etc. Here is your main content box, in which you blog, or have sites like content, you, etc. Here is your main content box, in which you blog, or have sites like content, you, etc. Here is your main content box, in which you blog, or have sites like content, you, etc. Here is your main content box, in which you blog, or have sites like content, you, etc. <br><br> <b>Bold text</b><br> <i>Italic text</i><br> <u>Underlined text</u><br> <a href="http://black-stripes.net">Link text</a> <br><br><br> <center>Layout is Copyright to <a href="http:/black-stripes.net">Bee</a> @ black-stripes.net</center></h3> </div> </body></html>

Rewind-Home-Forward
Content © to Black-Stripes 2008
All rights reserved. Unless otherwise stated.