DIV LAYOUTS

1. CHRISTINA AGUILARA

INDEX.HTML

<html> <head> <title>** Version: Christina **</title> <style type="text/css"> body { margin-top:0px; font-size: 11px; font-family: arial; color: #fd07a9; text-align:left; text-transform: none; font-weight:normal; line-height:13px; padding:3px; } b{color: #333333;} i{font-size:11px; font-family:georgia; color: #fc4dc0;} u{border-bottom:1px dashed #333333; text-decoration:none; color: #fc4dc0;} a:link,a:visited,a:active { color: #000000; font-family:times new roman; font-weight:normal; font-size:12px; text-transform:normal; text-decoration:none; } a:hover { color: #cccccc; cursor:nw-resize; font-size:12px; font-weight:normal; text-transform: normal; } h1 { background-color: transparent; border-bottom:1px solid #fc4dc0; font-family:times new roman; font-weight:normal; font-size:13px; color: #000000; text-align:center; text-transform:uppercase; line-height: 14px; letter-spacing: 1px; margin:0px; padding:3px; } h2 { margin-bottom: 0px; margin-top: 0px; background: #fdade2; border-bottom:1px solid #fd07a9; line-height:16px; font-size:11px; font-family:Arial; font-weight: normal; color: #FFFFFF; } .content { margin-top:0px; background-color: transparent; border:none; font-size: 11px; font-family: arial; color:#fd07a9; text-align:left; text-transform: none; font-weight:normal; line-height:13px; padding:5px; } a.navi, a.navi:active, a.navi:link, a.navi:visited { font-family: times new roman; font-size: 13px; line-height:14px; font-weight: normal; letter-spacing:0px; text-decoration:none; color: #000000; text-transform: uppercase; text-align: left; padding:3px; } a.navi:hover { font-family: times new roman; font-size: 13px; line-height:14px; font-weight: normal; letter-spacing:0px; text-decoration:none; color: #cccccc; text-transform: uppercase; text-align: left; padding:3px; }</style> </head> <body style="background-image:url(http://i238.photobucket.com/albums/ff87/graphicaddictionnet/Graphic%20Addiction/free%20layouts/1bg.png);"> <div style="position: absolute; top: 0px; left: 0px;"> <IMG SRC='http://i238.photobucket.com/albums/ff87/graphicaddictionnet/Graphic%20Addiction/free%20layouts/1.png' border=0> </div> <div style="position:absolute;background-color:transparent; left:250px; top:100px; width:400px;border:none;"> <h1>HEADER GOES HERE</h1> <h2> Place a Phrase here </h2> <div class="content"> This is <b>bold</b> This is <i>italics</i> and this is <u>Underline</u>. <p> Thank you for chosing this HOT NEW layout as your site layout! I think that this is REALLY CUTE, and of course it has Christina Aguilara on it! YAY! All that I ask is that you do NOT modify the images or remove my credit from the coding. You MAY change the text colors or any of the CSS elements. I hope that you enjoy this layout as much as I do.PLEASE comment on my site if you are using this layout! I would love to see what it looks like all put together!! <br> <3 Vanessa// Graphicaddiction.net !!!</div> <h1>HEADER GOES HERE</h1> <h2> Place Date here </h2> <div class="content"> TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT </div> <h1>HEADER GOES HERE</h1> <h2> Something else here </h2> <div class="content"> TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT </div> </div> <div style="position:absolute;background-color:transparent; left:130px; top:405px; width:120px;border:none;"> <h1>Header</h1> TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT <br><br> <h1>Header</h1> <center> <a class="navi" href="#">Link Here</a><br> <a class="navi" href="#">Link Here</a><br> <a class="navi" href="#">Link Here</a><br> <a class="navi" href="#">Link Here</a><br> <a class="navi" href="#">Link Here</a> <Br><br> </center> <h1>Header</h1> TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT <Br><br> <h1>Credits</h1> Site © YOUR SITE NAME HERE<br> Layout By: <a href="http://graphicaddiction.net" target="_blank">Graphic Addiction</a><br> </div> <br> </body> </html>

STYLE.CSS

body { margin-top:0px; font-size: 11px; font-family: arial; color: #fd07a9; text-align:left; text-transform: none; font-weight:normal; line-height:13px; padding:3px; } b{color: #333333;} i{font-size:11px; font-family:georgia; color: #fc4dc0;} u{border-bottom:1px dashed #333333; text-decoration:none; color: #fc4dc0;} a:link,a:visited,a:active { color: #000000; font-family:times new roman; font-weight:normal; font-size:12px; text-transform:normal; text-decoration:none; } a:hover { color: #cccccc; cursor:nw-resize; font-size:12px; font-weight:normal; text-transform: normal; } h1 { background-color: transparent; border-bottom:1px solid #fc4dc0; font-family:times new roman; font-weight:normal; font-size:13px; color: #000000; text-align:center; text-transform:uppercase; line-height: 14px; letter-spacing: 1px; margin:0px; padding:3px; } h2 { margin-bottom: 0px; margin-top: 0px; background: #fdade2; border-bottom:1px solid #fd07a9; line-height:16px; font-size:11px; font-family:Arial; font-weight: normal; color: #FFFFFF; } .content { margin-top:0px; background-color: transparent; border:none; font-size: 11px; font-family: arial; color:#fd07a9; text-align:left; text-transform: none; font-weight:normal; line-height:13px; padding:5px; } a.navi, a.navi:active, a.navi:link, a.navi:visited { font-family: times new roman; font-size: 13px; line-height:14px; font-weight: normal; letter-spacing:0px; text-decoration:none; color: #000000; text-transform: uppercase; text-align: left; padding:3px; } a.navi:hover { font-family: times new roman; font-size: 13px; line-height:14px; font-weight: normal; letter-spacing:0px; text-decoration:none; color: #cccccc; text-transform: uppercase; text-align: left; padding:3px; }

2. Fergie

*****CLICK HERE TO PREVIEW*****

INDEX.HTML

<html> <head> <title>** Version: Fergalicious **</title> <style type="text/css"> body { margin-top:0px; font-size: 11px; font-family: arial; color: #861c1d; text-align:left; text-transform: none; font-weight:normal; line-height:13px; padding:3px; } b{color: #333333;} i{font-size:11px; font-family:georgia; color: #861c1d;} u{border-bottom:1px dashed #333333; text-decoration:none; color: #861c1d;} a:link,a:visited,a:active { color: #000000; font-family:times new roman; font-weight:normal; font-size:12px; text-transform:normal; text-decoration:none; } a:hover { color: #cccccc; cursor:nw-resize; font-size:12px; font-weight:normal; text-transform: normal; } h1 { background-color: transparent; border-bottom:1px solid #000000; font-family:times new roman; font-weight:normal; font-size:13px; color: #000000; text-align:center; text-transform:uppercase; line-height: 14px; letter-spacing: 1px; margin:0px; padding:3px; } h2 { margin-bottom: 0px; margin-top: 0px; background: #000000; border-bottom:1px solid #861c1d; line-height:16px; font-size:11px; font-family:Arial; font-weight: normal; color: #FFFFFF; } .content { margin-top:0px; background-color: transparent; border:none; font-size: 11px; font-family: arial; color:#861c1d; text-align:left; text-transform: none; font-weight:normal; line-height:13px; padding:5px; } a.navi, a.navi:active, a.navi:link, a.navi:visited { font-family: times new roman; font-size: 13px; line-height:14px; font-weight: normal; letter-spacing:0px; text-decoration:none; color: #000000; text-transform: uppercase; text-align: left; padding:3px; } a.navi:hover { font-family: times new roman; font-size: 13px; line-height:14px; font-weight: normal; letter-spacing:0px; text-decoration:none; color: #cccccc; text-transform: uppercase; text-align: left; padding:3px; }</style> </head> <body style="background-image:url(http://i238.photobucket.com/albums/ff87/graphicaddictionnet/Graphic%20Addiction/free%20layouts/2bg.png);"> <div style="position: absolute; top: 0px; left: 0px;"> <IMG SRC='http://i238.photobucket.com/albums/ff87/graphicaddictionnet/Graphic%20Addiction/free%20layouts/2.png' border=0> </div> <div style="position:absolute;background-color:transparent; left:346px; top:273px; width:433px;border:none;"> <h1>HEADER GOES HERE</h1> <h2> Place a Phrase here </h2> <div class="content"> This is <b>bold</b> This is <i>italics</i> and this is <u>Underline</u>. <p> Thank you for chosing this HOT NEW layout as your site layout! I think that this is REALLY CUTE, and of course it has Fergie on it! YAY! All that I ask is that you do NOT modify the images or remove my credit from the coding. You MAY change the text colors or any of the CSS elements. I hope that you enjoy this layout as much as I do.PLEASE comment on my site if you are using this layout! I would love to see what it looks like all put together!! <br> <3 Vanessa// Graphicaddiction.net !!!</div> <h1>HEADER GOES HERE</h1> <h2> Place Date here </h2> <div class="content"> TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT </div> <h1>HEADER GOES HERE</h1> <h2> Something else here </h2> <div class="content"> TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT </div> </div> <div style="position:absolute;background-color:transparent; left:185px; top:222px; width:140px;border:none;"> <h1>Header</h1> TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT <br><br> <h1>Header</h1> <center> <a class="navi" href="#">Link Here</a><br> <a class="navi" href="#">Link Here</a><br> <a class="navi" href="#">Link Here</a><br> <a class="navi" href="#">Link Here</a><br> <a class="navi" href="#">Link Here</a> <Br><br> </center> <h1>Header</h1> TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT <Br><br> <h1>Credits</h1> Site © YOUR SITE NAME HERE<br> Layout By: <a href="http://graphicaddiction.net" target="_blank">Graphic Addiction</a><br> </div> <br> </body> </html>

STYLE.CSS

body { margin-top:0px; font-size: 11px; font-family: arial; color: #861c1d; text-align:left; text-transform: none; font-weight:normal; line-height:13px; padding:3px; } b{color: #333333;} i{font-size:11px; font-family:georgia; color: #861c1d;} u{border-bottom:1px dashed #333333; text-decoration:none; color: #861c1d;} a:link,a:visited,a:active { color: #000000; font-family:times new roman; font-weight:normal; font-size:12px; text-transform:normal; text-decoration:none; } a:hover { color: #cccccc; cursor:nw-resize; font-size:12px; font-weight:normal; text-transform: normal; } h1 { background-color: transparent; border-bottom:1px solid #000000; font-family:times new roman; font-weight:normal; font-size:13px; color: #000000; text-align:center; text-transform:uppercase; line-height: 14px; letter-spacing: 1px; margin:0px; padding:3px; } h2 { margin-bottom: 0px; margin-top: 0px; background: #000000; border-bottom:1px solid #861c1d; line-height:16px; font-size:11px; font-family:Arial; font-weight: normal; color: #FFFFFF; } .content { margin-top:0px; background-color: transparent; border:none; font-size: 11px; font-family: arial; color:#861c1d; text-align:left; text-transform: none; font-weight:normal; line-height:13px; padding:5px; } a.navi, a.navi:active, a.navi:link, a.navi:visited { font-family: times new roman; font-size: 13px; line-height:14px; font-weight: normal; letter-spacing:0px; text-decoration:none; color: #000000; text-transform: uppercase; text-align: left; padding:3px; } a.navi:hover { font-family: times new roman; font-size: 13px; line-height:14px; font-weight: normal; letter-spacing:0px; text-decoration:none; color: #cccccc; text-transform: uppercase; text-align: left; padding:3px; }

3. Vintage Desire

*****CLICK HERE TO PREVIEW*****

INDEX.HTML

<html> <head> <title>// ...YOUR SITE NAME HERE... //</TITLE> </head> <div style="position: absolute; top: 0px; left: 0px;"> <IMG SRC='http://graphicaddiction.net/images/layouts/vd/vintagedesire.gif'> </div> <style type="text/css"> .side { border-bottom: 2px solid #ff0000; background-color: transparent; font-family: Georgia; text-transform:uppercase; font-weight: normal; line-height: 15px; padding:2px; font-size: 14px; color: #000000; text-align: right;} A:link, a:visited,a:active,a:hover { color:#ff0000; font-size:11px; font-family:georgia; font-style:italic; font-weight:normal; border-bottom: 1px solid #ffffff; cursor:w-resize; font-variant:normal; background:transparent; text-transform:none; } body { background:#e3ba85; font-family:Trebuchet MS; color:#000000; font-size:11px; } b,i,u,s{color:#ff0000;} --> </STYLE> <div style="position: absolute;background-color:transparent; top: 480; left: 5; width: 400px;height: 1000px; border:overflow: auto; overflow-x: hidden;"> <div class="side">WELCOME</div> Type your Welsome Message here. Please KEEP my credit for the layout on your site! Do NOT edit anything unless you are comfortable enough in HTML and CSS. Please email me, and let me know if you used this layout!!! I would <3 to see it all put together <3<3 <br> Enjoy, <br> Vanessa// Graphicaddiction.net <p><p> <div class="side">UPDATES</div> Updates go here </font></div> <div style="position: absolute; top: 480px; left: 415px; width:162px; height:1000px;background-color:transparent;"> <font style="font-family:Arial;color:#ffffff;font-size:11px;"> <div class="side">TITLE</div> BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA <br> <div class="side">TITLE</div> BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA <br> <div class="side">TITLE</div> BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA <br> <div class="side">TITLE</div> BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA <br> <div class="side">Credits</div> � YOUR NAME HERE <br> Layout By: <a href="http://graphicaddiction.net" target="_blank">Graphic Addiction</a><br> <br></div> </body> </html>

CSS.CSS

Search for it!

Custom Search