And So the Lion Fell in Love With...

Designer's Comments

Look carefully for specific instructions

This was a ver. 1 for our site called; 99 mocking birds. Every one seem to like it so we decided to put it up for the public.

The layout was made in July 5/2008 (by kat, & coding by tuly..except the links? XD). It was an "original layout" until people started to make something like it.

THE LAYOUT WORKS FINE, SEE HERE FOR A BETTER PREVIEW; click HERE! (Kat && Tuly)

- - 99mockingbirds.chanlu.org

Layout Code

Copy and paste to Template HTML

Help

<html>
<head><title>}:{ 99 Mocking Birds </title>
</head>

#Layer1 {
position: absolute; top: -30px; left: 0px;}
#Layer2 {
position: absolute; top: 355px; left: 30px;}
#Layer3 {
position: absolute; top: 165px; left: 495px;}

#panel {position: absolute; top: 344px; left: 20px; width:415px;}
#panel2 {position: absolute; top: 320px; left: 511px; width: 180px; text-align: center;}

#PANEL2 A:link, #panel2 A:visited, #panel2 A:active {
color:#d7d7d1; 
text-align: center;
text-decoration: none;
font-weight: none;
font-size: 10px; 
font-family: Tahoma;
letter-spacing: 1px; 
background: none}

#PANEL2  a:hover
{ color:#1e7972;
text-align: center;
text-decoration: blink;}

#PANEL2
a.l1, a.l1:link, a.l1:active, a.l1:visited{background: #282828; opacity: 70%;
display: block;
margin-top: 0px;
border-left:0px solid #504CCC;
border-bottom:1px solid #000000;
font-family: century gothic;
text-transform:uppercase; 
font-size: 9pt;
text-decoration:;
font-weight:;
color:ce8255;
letter-spacing; 1px;
}

a.l1:hover{background:#000000;
display: block;
margin-top: 0px;
border-left:0px solid #504CCC;
border-bottom:1px solid #000000;
font-family: georgia;
text-transform:uppercase; 
font-size: 10pt;
color: #4D90CF;
font-style:bold;
font-weight: heavy;
letter-spacing; 5px;
}

#PANEL A:link, #panel A:visited, #panel A:active {
color:#ce8255; 
font-size: 10px; 
font-family: Tahoma;
letter-spacing: 1px; 
line-height:10px;
text-decoration: none;
font-weight: none;
BORDER-bottom: #000 1px dashed;}

#PANEL  a:hover
{ color:#000; 
font-size: 9px; }

h1 {
background:url("http://i32.tinypic.com/b81kdu.gif");
color: #21212e;
padding-bottom: 6px;
padding-top: 7px;
font-family: arial black; 
text-transform : normal;
font-weight: normal;
font-size: 15px; 
line-height: 50px;
letter-spacing: -1px;
text-align: center;}

h2 {
background:url(""); 
color: #2c4339;
font-family: Impact; 
text-transform : normal;
font-weight: normal;
font-size: 22px; 
BORDER-bottom: #000 1px dashed;
letter-spacing: -1px;
text-align: center;}

h3 {
background:url(""); 
color: #A50303;
font-family: arial black; 
text-transform : lowercase;
font-weight: normal;
font-size: 22px; 
BORDER-bottom: #FFFFFF 1px dashed;
letter-spacing: 2px;
text-align: right;}

b {
font-family: Verdana;
color: #fc3412;
font-weight: bold;
font-size: 10px; }

s {
font-family: Verdana;
color: #34504b;
font-weight: none;
font-size: 10px; }

u {
font-family: Helvetica, sans-serif;
color: #1e7972;
font-weight: underline;
border-bottom: 1px solid #34504b;
padding: 0 0 -3 0;
text-transform: uppercase;
font-size: 10px; }

i {
font-family: Helvetica, sans-serif;
color: #997c6b;
letter-spacing: 2px;
font-size: 10px;}

div {
font-size: 11px;
color: #698c7f;
letter-spacing: 1px;
font-family: Verdana
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
padding-bottom: 10px; }

/******Layout Belongs to Kat && Tuly of 99 Mocking Birds.
                Do NOT Steal Coding && Graphics.        *******/

</style>

<h1>99 Mocking Birds</H1>

<i>BEST viewed in FireFox.</i>  <br>
<b>For IE USERS:</b> Works 9.8/10. 
<br><br>
<i>Italics</i> <b>Bold</b> <s>Stike</s> <u>Underline </u>  <a href="http://unthinkingmajority.com/"> Link </a>

<h2> Yes! It's Up For Grabs </h2>
Tons of people adored this layout and I must admit it was an amazing start to 99 Mocking Birds. Now, we've actually recieved request to put this up to the public and both Tuly and I thought it was appropriate to do so. So here it is, finally, for your own free use. Please read the terms below thoroughly, this isn't your layout but ours and will remain so. Thank to everyone who thought this layout was a hit, we're happy to finally let you grab a slice of it ;D<BR><BR>
More layouts on the way.<BR>
<b>`Kat</b>

<h2>Terms of Usage</h2>
If you're going to use this layout you are not allowed to remove the credit (stuck it in the main image just in case some of you choose not to follow the rules). 
<BR><BR>
1. Don't alter anything, if you mess up on the coding drop by 99MB and comment on one of my updates or in the chatbox. I'm always willing to help. <BR>
2. Redistribution is not allowed under any circumstances. <BR>
3. Upload the images to your own host, if I catch you stealing bandwidth it won't be pretty >:| <BR>
4. Stealing any graphics and/or coding is forbidden, our visitors know what our layout look like and trust me, you'll be found =] <BR><BR>

And as Tuly would say leave us a note in the chatbox, we love seeing our work in action!<BR>
=D

</div>

<br><br>
<h3>Header</h3>
<a href="" class="l1">link</a>
<a href="" class="l1">link</a>
<a href="" class="l1">link</a>
<a href="" class="l1">link</a>
<a href="" class="l1">link</a>
<a href="" class="l1">link</a>
<a href="" class="l1">link</a>

<h3>Header</h3>
<a href="" class="l1">link</a>
<a href="" class="l1">link</a>
<a href="" class="l1">link</a>
<a href="" class="l1">link</a>
<a href="" class="l1">link</a>
<a href="" class="l1">link</a>
<a href="" class="l1">link</a>

<h3>Credits</h3>
Layout By: <a href="http://99mockingbirds.chanlu.org/" class="l1">99mockingbirds</a>

</div>
</html>