Friends

Website Templates / 2 Columns

Designer's Comments

Look carefully for specific instructions

An old work.

- 99mockingbirds

Layout Code

Copy and paste to Template HTML

Help

<html>
<head><title>Friends :: </title>
</head>

#Layer1 {
position: absolute; top: -30px; left: 130px;}

#panel {position: absolute; top: 570px; left: 310px; width:488px;}
#panel2 {position: absolute; top: 540px; left: 50px; width: 200px; text-align: center;}

#PANEL2 A:link, #panel2 A:visited, #panel2 A:active {
color:#fff; 
font-size: 9px; 
font-family: Tahoma;
letter-spacing: 1px; 
line-height:10px;
text-decoration: none;
font-weight: none;
background: #b7b7b7;
BORDER-right: #fff 7px solid;
BORDER-left: #fff 7px solid;
display: block;}

#PANEL2  a:hover
{ color:#fff; 
font-size: 9px; 
font-family: Tahoma;
letter-spacing: 1px; 
line-height: 10px;
font-style: none;
text-decoration: blink;
font-weight: none;
background: #b7b7b7;
BORDER-right: #000 7px solid;
BORDER-left: #000 7px solid;
display: block;}

#PANEL A:link, #panel A:visited, #panel A:active {
color:#f6f2e9; 
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; 
font-family: Tahoma;
letter-spacing: 1px; 
line-height: 10px;
font-style: Italics;
text-decoration: line-through;}

h1 {
background-repeat:no-repeat;
font-family: Courier New; 
color: #fff;
letter-spacing: -1px;
font-size: 30px; 
border-bottom: none;
text-align: left;
font-weight: bold;
text-transform : normal;
margin-bottom: -24px;}

h2 {
background-color: none;
color: #FFF;
font-family: Impact; 
text-transform : normal;
font-weight: normal;
font-size: 15px; 
line-height: 15px;
letter-spacing: 4px;
border-bottom: 1px #000 dashed;}

h3{ 
text-align: right;
font-size: 10px;
color: #fff;
font-family: Vrinda;
font-weight: normal; 
font-style: italic;
text-transform : capitalize;
background-color: #666666;
border-bottom: 3px #fff solid;}

h4 {
font-family: Georgia; 
color: #e27794;
font-size: 24px; 
letter-spacing: 2px;
text-align: center;
font-weight: normal;
text-transform : normal;
}

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

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

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

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

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

/****** Brush && Texture && image credits can be found on the web.
              Do NOT Steal Coding && Graphics 
             OR claim that you made it.
                         Thank you for choosing this layout, enjoy!*******/

</style>

<h1>Friends</H1> <h3>May 31, 2008</h3>

<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>

<br><br>
This layout was made in May 7, 08, and finished coding on the 31st.

<h1>Friendship Is wonderful...</H1> <h3>Date Here</h3>

<img src="http://cbimg6.com/layouts/08/08/30848ab.png" align="left">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.
<br><br>
Sed condimentum, eros ut blandit laoreet, neque ligula gravida purus, a dapibus nisl est non nunc. Integer ipsum tellus, tristique ut, vulputate congue, placerat eu, arcu. Sed in wisi. Nam vestibulum dictum eros. Proin a quam. Nulla facilisi. Donec quis sapien sed tellus tincidunt aliquam. Vestibulum sed quam. Sed convallis cursus nisl. Aliquam erat volutpat. Nam ut purus vitae sapien rutrum vestibulum. Maecenas feugiat eleifend nibh. Sed ac magna. Phasellus dui risus, tempus vitae, tempus id, interdum ornare, sapien. Mauris faucibus ultricies orci.
<br><br>

</div>

<h2>About Me</h2>

Sroin a quam. Nulla facilisi. Donec quis sapien sed tellus tincidunt aliquam. Vestibulum sed quam. Sed convallis cursus nisl. Aliquam erat volutpat. Nam ut purus vitae sapien rutrum vestibulum. Maecenas feugiat eleifend nibh. Sed ac magna.

<h2>Links</h2>

<h2>Cbox</h2>
Cbox Here.

<h2>Credits</h2>

<b>x</b> Content: Your name here<br>
<b>x</b> Layout: <a href="http://99mockingbirds.chanlu.org/">99MockingBirds</a><br>

</div>
</html>