Dumbledore's Army

Designer's Comments

Look carefully for specific instructions

This layout took forever! I think I re-did it like six times, changed the code many times, Had problems with the banner, and colours. SO all in all this was a massive headach and i'm more then happy that its done.

DONT REVMOVE CREDITS

PLEASE COMMENT IF YOU TAKE

Luv
LLB

Layout Code

Copy and paste to Template HTML

Help

<html>
<head>
<title>The DA | LAYOUT BY LLB @ CREATEBLOG.COM | SITE NAME (VERSION)</title>
<style type="text/css">
body {
scrollbar-track-color:  #ffffff;
scrollbar-face-color:  #000000;
scrollbar-3dlight-color:  ##b8b8b8;
scrollbar-highlight-color:  #333333;
scrollbar-darkshadow-color:  #c0c0c0;
scrollbar-shadow-color:  #3e3e3e;
scrollbar-arrow-color:  #ffffff;
}
</style>
<style>
b{color:#551A8B;}
i{font-family:georgia; font-size:11px; color:#66CD00;}
u{font-size:10px;font-family: Franklin Gothic Medium; color:#FFE600;}

a:link,a:visited,a:active
{
color:#FF6EC7;
font-family:Franklin Gothic Medium;
font-weight:normal;
font-size:11px;
text-transform:normal;
text-decoration:none;
border-bottom:1px solid #551A8B;
}
a:hover
{
color:#551A8B ;
cursor:help;
font-size:11px;
font-weight:normal;
text-transform: normal;
border-bottom:1px dotted #FF0066;
text-decoration:none;

}

h1 {
background-color: #454545;
font-family:century gothic;
font-size:14px;
color: #00B2EE;
text-align:center;
text-transform:uppercase;
font-weight: normal;
line-height: 16px;
letter-spacing: 0px;
margin:0px;
padding:0px;
}

h2 {
margin-bottom: 0px;
margin-top: 0px;
background: #0099CC;
height:13px;
font-size:11px;
font-family:century gothic;
font-weight: normal;
text-align: center;
color: #000000;
}
.side {
margin-top:0px;
padding:0px;
background-color: #5C5C5C;
font-family: Franklin Gothic Medium;
font-size:10px;
color: #b8b8b8;
text-align:left;
text-transform: none;
font-weight:normal;
line-height:11px; }

a.navi, a.navi:active, a.navi:link, a.navi:visited {
display: block;
font-family: century gothic;
font-size: 10px;
line-height:12px;
font-weight: normal;
text-decoration:none;
background: #575757;
color: #000000;
text-transform: uppercase;
letter-spacing: 3px;
text-align: center;
margin:0px;
padding:3px;
border-bottom:none;
}
a.navi:hover {
display: block;
font-family: century gothic;
font-size: 10px;
line-height:12px;
font-weight: normal;
text-decoration:none;
background: #551A8B;
color: #b8b8b8;
text-transform: uppercase;
letter-spacing:3px;
text-align: center;
margin:0px;
padding:3px;
}
</style>
</head>
<body style="background-color:D3D3D3;">
<div style="position: absolute; top: 20px; left: 20px;">
<img src="http://cbimg9.com/layouts/08/12/32882aa.jpg">

</div>

<div style="position:absolute;background-color:transparent; left:20px; top:420px; width:500px;border:none;">
<h1>WHEN layouts don't work</h1>
<h2>
Hello ANOTHER LAYOUT from H**L
</h2>

<div class="side">
<br>
<b>HELLO!!</b> This layout took forever! I think I re-did it like six times, changed the code many times, Had problems with the banner,
and colours. SO all in all this was a massive headach and i'm more then happy that its done. Try over the moon. It's free and off my hands. lol SO i choose 
to use very little colour and do a more black and white layout. I think i succeded and created this pretty little thing. I LOVE the qoute thats on the

banner. It's from OOP. SO just replace everything with your info change your credit. BUT DON"T REMOVE THE REST. PLEASE

enjoy this layout and if you have any question please contact me.---- <b> LadyLBlack</b><br><br>

<b>bold</b> <i>italic</i> <u>underline</u> <s>strikethrough</s> <a href="#">Link</a><br><br><br><br>

<h1>TITLE</h1>
<h2>Sub-title</h2>

<div class="side">
<br>
<b>HELLO!!</b> This layout took forever! I think I re-did it like six times, changed the code many times, Had problems with the banner,
and colours. SO all in all this was a massive headach and i'm more then happy that its done. Try over the moon. It's free and off my hands. lol SO i choose 
to use very little colour and do a more black and white layout. I think i succeded and created this pretty little thing. I LOVE the qoute thats on the banner. It's from OOP. SO just replace everything with your info change your credit. BUT DON"T REMOVE THE REST. PLEASE enjoy this layout and if you have any

question please contact me.---- <b> LadyLBlack</b><br><br>

<b>bold</b> <i>italic</i> <u>underline</u> <s>strikethrough</s> <a href="#">Link</a>
<br><br>
<br><br>
</div>
</div>

<div style="position:absolute;background-color:transparent; left:530px; top:-400px; width:200px;border:none;">
<h1>Video Magic</h1>
<div class="side">
<br>
<center>
<object width="180" height="190"><param name="movie" value="http://www.youtube.com/v/C1GOUX0swTs&hl=en&fs=1"></param><param name="allowFullScreen"

value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/C1GOUX0swTs&hl=en&fs=1" type="application/x

-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="180" height="190"></embed></object>
</center>
<br>
</div>
<br>

<h1>Navigation</h1>
<div class="side">
<a class="navi" href="#">Link Here</a>
<a class="navi" href="#">Link Here</a>
<a class="navi" href="#">Link Here</a>
<a class="navi" href="#">Link Here</a>
<a class="navi" href="#">Link Here</a>
<br>
</div>

<br>

<h1>Navigation</h1>
<div class="side">
<br>
Add whatever....
Add whatever....
Add whatever....
Add whatever....
Add whatever....
Add whatever....
Add whatever....
Add whatever....
Add whatever....
Add whatever....
Add whatever....
Add whatever....
<br>
<br>
</div>
<br>

<h1>Credits</h1>
<div class="side">
Layout Feat. : <a href="http://harrypotter.wikia.com/wiki/Main_Page">Dumbledore's Army</a><br>
Layout : <a href="http://ladylblack.createblog.com">Lady L Black</a> <br>
Image : <a href="http://blufiles.storage.live.com/y1pwRw_SXe3IIOxRrTqFRnzDFSn7hEni7IH4lNsBG2MP0SX_3bj6dVEdh39lPerF-gNHrzNr-hwBMY">Blufiles</a><br>
SITE : <a href="................................">YOUR NAME HERE!</a><br>
Quote : <a href="http://harrypotter.wikia.com/wiki/Main_Page">Harry Potter Wiki</a><br>
Colours : <a href="http://www.december.com/html/spec/color.html">Hex Hub</a><br>
<br>
</div>
<Br><Br>
</body>
</html>

Layout Comments

Showing latest 10 of 12 comments

amazing!!

By mangosramazing on Jan 11, 2011 9:45 pm

Okay, I love this layout. But everytime I try to put it on my website, the right column is gone. All I did was add my words to it. I didn't try to do anything weird, so why won't the right column show up?

By Kaytelynn101 on Jul 1, 2010 5:08 pm

Cool. =D

By lavaowner on Aug 16, 2009 7:47 pm