Not So Simple

Website Templates / 3+ Columns

Designer's Comments

Look carefully for specific instructions

Was one of my fav. layout, until it got old to me...XS

- 99mockingbirds

Layout Code

Copy and paste to Template HTML

Help

#Layer1 {
position: absolute; top: -30px; left: -12px;}
#Layer2 {
position: absolute; top: 0px; left: 585px;}

#panel {background-image: url(http://cbimg6.com/layouts/09/01/33317ac.png);
position: absolute; top: 340px; left: 178px; width:400px; text-align: center;}
#panel2 {position: absolute; top: 300px; left: 740px; width: 140px; text-align: center;}
#panel4 {position: absolute; top: 270px; left: 600px; width: 140px; text-align: center;}
#panel3 {position: absolute; top: 35px; left: 10px; width: 200px; height: 90px; text-align: center; overflow: auto;}

#PANEL4 A:link, #panel4 A:visited, #panel4 A:active{
color:#3d988b; 
text-align: center;
text-decoration: none;
font-weight: none;
font-size: 13px; 
font-family: Tahoma;
letter-spacing: 1px; 
line-height: 14px;
padding-top: 3px;
margin-top: 2px;
margin-left:6px;
margin-right:6px;
display: block;
border-bottom:1px dashed #dd697d;
 background-color: #cecece;}

#PANEL2 A:link, #panel2 A:visited, #panel2 A:active {
color:#3d988b; 
text-align: center;
text-decoration: none;
font-weight: none;
font-size: 13px; 
font-family: Tahoma;
letter-spacing: 1px; 
line-height: 14px;
padding-top: 3px;
margin-top: 2px;
margin-left:6px;
margin-right:6px;
display: block;
border-bottom:1px dashed #dd697d;
 background-color: #cecece;}

#PANEL2  a:hover
{ color:#584a24;
text-align: center;
text-decoration: blink;}

#PANEL4  a:hover
{ color:#584a24;
text-align: center;
text-decoration: blink;}

#PANEL A:link, #panel A:visited, #panel A:active {
color:#FF66CC; 
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(""); 
color: #3d988b;
font-family: courier new; 
text-transform : normal;
font-weight: bold;
font-size: 14px; 
BORDER-bottom: #fff 1px dashed;
BORDER-left: #308d7e 6px solid;
letter-spacing: 2px;
text-align: center;}

h2 {
background:url("");
color: #3d988b;
font-family:  georgia; 
text-transform : normal;
font-weight: normal;
font-size: 11px; 
line-height: 16px;
letter-spacing: 3px;
BORDER-bottom: #ec6b65 1px dotted;
text-align: center;}

b {
font-family: Verdana;
color: #308d7e;
font-weight: bold;
font-size: 10px; }
s {
font-family: Verdana;
color: #000;
font-weight: none;
font-size: 10px; }
u {
font-family: Helvetica, sans-serif;
color: #722223;
font-weight: underline;
border-bottom: 1px solid #997c6b;
padding: 0 0 -3 0;
text-transform: uppercase;
font-size: 8px; }
i {
font-family: Helvetica, sans-serif;
color: #FF0080;
letter-spacing: 2px;
font-size: 10px;}

.blockquote {
  background: transparent url() left top repeat-repeat;
font-weight: bold;
color: #656565; }
blockquote div {
  padding: 13px 33px;
color:#000000;

background: transparent url(   )repeat;
}

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

/******Layout Belongs to http://99mockingbirds.chanlu.org/
                Do NOT Steal Coding && Graphics.  (c) 99mockingbirds *******/ 
                        
                         
                                              
</style>

<h1>Not So Simple</h1>

<i>Italics</i> <b>Bold</b> <s>Stike</s> <u>Underline </u>  <a href="http://99mockingbirds.chanlu.org/"> This is a Link </a>
<p>

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nam vel diam. Phasellus ac sapien. Nullam rhoncus lacinia est. Proin luctus. Ut nulla elit, pellentesque eu, tincidunt at, ullamcorper in, lectus. Cras a augue. Morbi tempus viverra justo. Fusce magna metus, fringilla nec, placerat suscipit, congue vel, lacus. Morbi tortor lectus, viverraeget, pharetra nec, vulputate eu, urna. Pellentesque nec nunc. Vestibulum mattis, lacus id ullamcorper iaculis, magna pede aliquet felis, sit amet posuere felis velit nec libero. Aenean viverra. Nunc justo neque, cursus eget, ullamcorper et, consequat in, enim.

</div>

<h2>Credits</h2>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nam vel diam. 
Phasellus ac sapien. Nullam rhoncus lacinia est. Proin luctus. 
Ut nulla elit, pellentesque eu, tincidunt at, ullamcorper in, lectus.
Layout ©<a href="http://99mockingbirds.chanlu.org/index.php">99mockingbirds</a>

</div>

<h2> Links </h2>
<a href="http://99mockingbirds.chanlu.org/">Link Here</a>
<a href="http://99mockingbirds.chanlu.org/">Link Here</a>
<a href="http://99mockingbirds.chanlu.org/">Link Here</a>
<a href="http://99mockingbirds.chanlu.org/">Link Here</a>

<h2> Links </h2>
<a href="http://99mockingbirds.chanlu.org/">Link Here</a>
<a href="http://99mockingbirds.chanlu.org/">Link Here</a>
<a href="http://99mockingbirds.chanlu.org/">Link Here</a>
<a href="http://99mockingbirds.chanlu.org/">Link Here</a> 
<a href="http://99mockingbirds.chanlu.org/">Link Here</a>
<a href="http://99mockingbirds.chanlu.org/">Link Here</a>

<h2>Terms Of Use</h2>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nam vel diam. 
</div>

<h2> Links </h2>
<a href="http://99mockingbirds.chanlu.org/">Link Here</a>
<a href="http://99mockingbirds.chanlu.org/">Link Here</a>
<a href="http://99mockingbirds.chanlu.org/">Link Here</a>
<a href="http://99mockingbirds.chanlu.org/">Link Here</a> 
<a href="http://99mockingbirds.chanlu.org/">Link Here</a>
<a href="http://99mockingbirds.chanlu.org/">Link Here</a>

<h2>Credits</h2>
Contents © : YOU<br>
Layout ©<a href="http://99mockingbirds.chanlu.org/index.php">99mockingbirds</a>

</div>
</html>