The Boy Who Lived

Designer's Comments

Look carefully for specific instructions

Please visit my site at HTTP://WWW.DISCOISDEAD.NET.

Please remember if you this layout:

leave the credit on
comment in the c-box or below
do not claim anything as your own

Please feel free to e-mail me at contactdisco@yahoo.com if you happen to have any questions.

*NOTE* I do not have a myspace so I don't know how to make myspace layouts. So please do not ask.

Layout Code

Copy and paste to Template HTML

Help

<HTML>
<head>
<title>HARRY POTTER - discoisdead.net layouts</title>

/*********
 IMAGE AND CSS BY: ashley @ http://www.discoisdead.net
 SPECIAL CREDITS: indienotebook.livejournal.com, swimchick.net, community.livejournal.com/texturize, outspoken-kate.com, veritaserum.com, dafont.com
 QUESTIONS/CONTACT: contactdisco@yahoo.com
**********/

td, p, body, a {
color: #000000;
font-family: arial;
font-size: 7.5pt;
line-height: 7.5pt;
letter-spacing: 0px;
align: justify;}

b {color: #c20536;
font-size: 6.5pt;
font-family: small fonts;
font-weight: bold;
font-variant: none;
letter-spacing: 0px;
text-decoration: none;
text-transform: uppercase;}

tt {
font-size: 6pt;
line-height: 5.5pt;
font-family: small fonts;
font-weight: normal;
font-variant: none;
letter-spacing: 0px;
text-decoration: none;
text-transform: uppercase;
background-color: none;
color: #f7c800;}

s {color: #18b3c2;}

i {color: #f7c800;
font-family: verdana;}

u {color: #756969;}

textarea {
background: #18b3c2;
color: #000000;
border: 1px solid #efe17e;
font-family: verdana;
font-size: 7pt;
width:190px; 
height:25px;
overflow-x: hidden;}

a:link { 
text-decoration: none;
text-transform: uppercase; 
color: #ccff33; 
letter-spacing: 1px; 
font-family:small fonts; 
font-size:6pt;
background-color: none;}

a:visited { 
text-decoration: none;
text-transform: uppercase; 
color: #ccff33; 
letter-spacing: 1px; 
font-family: small fonts; 
font-size:6pt;
background-color: none;}

a:hover { 
text-decoration: none;
text-transform: uppercase; 
color: #f2e583; 
letter-spacing: 1px; 
font-family: small fonts; 
font-size:6pt;
background-color: none;}

.head {
font-size: 8px;
font-family: Georgia;
line-height: 9px;
font-weight: normal;
font-variant: none;
letter-spacing: 2px;
text-decoration: none;
text-align: center;
text-transform: uppercase;
background-color: #18b3c2;
border-bottom: #efe17e solid 2px;
color: #000000;}

.text {
color: #000000;
font-size: 7.5pt;
line-height: 7.5pt;
font: arial;
background: #c0b295;
text-align: justify;
padding: 2px;}

.text2 {
color: #000000;
font-size: 7.5pt;
line-height: 7.5pt;
font: arial;
text-align: justify;}

body {
background-color: #c0b295;
cursor: regular;
scrollbar-3dlight-color: #c0b295;
scrollbar-arrow-color: #ffffff;
scrollbar-base-color: #c0b295;
scrollbar-track-color: #c0b295;
scrollbar-darkshadow-color: #c0b295;
scrollbar-face-color: #c0b295;
scrollbar-highlight-color: #c0b295;
scrollbar-shadow-color: #c0b295;
background-image: url(http://cbimg6.com/layouts/09/01/33313ab.jpg);
background-repeat: repeat;}

</style>
</head>

<div style="POSITION:absolute; OVERFLOW:yes; TOP:346px; LEFT:272px; width:200px; height:200px;">
<div class="head">Sloth</div>
<div class="text">
<div align="right">
<tt>11:13 AM on December 29th</tt><br>
<tt>Baby Blues ;; The Stills</tt><br><br>
</div>

Yay for HARRY POTTER! Seriously though, this book probably got me into reading, so thank god for that!<br><br>

Feel free to use this layout with one rule in mind, no jocking. Because I would frown upon that, that I would. All you have to do is copy the code down there and tada! Your very own ga-ga premade!<br><br>

<b>As</b> <i>your</i> <s>lies</s> <u>crumble</u> <a href="http://www.quizilla.com"target="_blank">down</a>.<br><br>

</div>

<div class="head">Lust</div>
<div class="Text">
<div align="right">
<tt>1:10 PM on December 26th</tt><br>
<tt>Nice Guys Finish Last;; Green Day</tt><br><br>
</div>

This is another one of those super nifty blog type layouts so you have no worries about deleting old posts so you can just on writing in that handy dandy little notebook of yours for Blues Clues, or life stories you know either one works. You can talk about anything in these blog really; site updates, new happenings going on in your life, or crazy childhood stories. Just hopefully people read. Because it would be boring if they didn't.<br><br>

Well now I am just babbling like a bubbling baboon, I am pretty sure that made no sense whatsoever, but who cares because I highly doubt that you will read this. And if you do, you are one sad soul my friend. Well don't forget to spread the word about my site and I hope you enjoy!<br><br>

</div>
<br>

<div style="POSITION:absolute; OVERFLOW:yes; TOP:0px; LEFT:240px; width:170px; height:200px;">
<div class="head">About</div>
<div class="text"><br>
<img src="PUT YOUR PHOTO LINK HERE" width="50" height="100" align="right">

Places. People. Things. Go here. Short, little sentences fit best. Your likes and dislikes. Name. Bold some things. Make some other things smaller. But don't go crazy with it. Or then it looks tacky. Don't forget bands. People you like. People you hate. Silly things you do. Adjectives that describe you. So on and so forth.<br><br>

<a href="http://www.myspace.com/YOUR USERNAME"target="_blank">/myspacenamehere</a><br>
youremail@mailme.com<br>
aim screen name here<br>
</div>

<div class="head">Links</div>
<div class="text">
<br><div align="right">

<a href="http://www.whateverlink.com"target="blank">home</a><br>
<a href="http://www.whateverlink.com"target="blank">content</a><br>
<a href="http://www.whateverlink.com"target="blank">about</a><br><br>

<a href="http://z4.invisionfree.com/iWeirdette/index.php?act=idx"target="blank">iweirdette</a><br>
<a href="http://redcarpetrebellion.net"target="blank">rcr</a><br>
<a href="http://www.lemonend.net"target="blank">lemon end</a><br>
<a href="http://colour-theory.org/"target="blank">colour-theory</a><br>
<a href="http://www.megatokyo.com"target="blank">megatokyo</a><br>
<a href="http://www.thedreaming.nu/"target="blank">the dreaming</a><br>
<a href="http://www.discoisdead.net"target="blank">the disco</a><br>

<div class="head">Disclaimer</div>
<div class="text">

Designed by <a href="http://wwww.discoisdead.net"target="_blank">disco is dead</a> with help from <a href="http://www.discoisdead.net/site/credits.php"target="_blank">here</a>. No taking my things for walks, I will find you if you do.<br>

</div>
<br>

<div style="POSITION:absolute; OVERFLOW:yes; TOP:-190px; LEFT:260px; width:180px; height:200px;">
<div class="text2">
best width - <b>150 px</b><br>
best height - <b>70 px</b><br><br>

Go <a href="http://www.cbox.ws/"target="_blank">here</a> if you don't have a comment box.<br><br>

<center>
<b>C-BOX COLORS</b><br><br>

<u>Post Frame</u><br>
Main BG: #<b>c0b295</b><br>
Main text: #<b>000000</b><br>
Main date: #<b>000000</b><br>
Alt. BG #<b>c0b295</b><br>
Alt text: #<b>000000</b><br>
Alt. date: #<b>000000</b><br>

<u>Form Frame</u><br>
Field BGs: #<b>d2c1a3</b><br>
Button BG: #<b>d2c1a3</b><br>
Form BG: #<b>c0b295</b><br>
Field text: #<b>c20536</b><br>
Button text: #<b>000000</b><br>
Field borders: #<b>c0b295</b><br>

<u>Scrollbar</u><br>
Scroll BG: #<b>c0b295</b><br>
Track BG: #<b>c0b295</b><br>
Arrow: #<b>d2c1a3</b><br>
Border: #<b>c0b295</b><br>

<u>Fonts</u><br>
Font: <b>small fonts</b><br>
Main: <b>7</b>pt<br>
Date: <b>5</b>pt<br>
Form: <b>7</b>pt<br>

<u>(Under Sample C-Box)</u><br>
Border: #<b>c0b295</b><br>
Link (active): #<b>ccff33</b><br>
Link (normal): #<b>ccff33</b><br><br>

</center>
</div>
</html>

Layout Comments

Showing latest 10 of 10 comments

um hell yeah this rocks.

By Janette on Apr 27, 2009 2:56 am

I lovelovelovelovelove this to death !!! Even though I'm not a fan of HP.

By fanseesam on Jan 27, 2009 4:25 pm

awesome

By itsemmabby on Jan 19, 2009 12:57 pm

hmmm. it might just be me and my Juno addiction.
but this kinda sorta reminds me of Juno and Harry Potter combined.
with the high contrast and the vibrancy.
nice layout. very unique for a Harry Potter layout and for just any layout :]

By peypey2011 on Jan 12, 2009 7:58 pm