Credit
Welcome
Update 1
Update 2
Update 3
Update 4
Update 5
Update 6
♥
♥
♥
♥
♥
♥
Link
Link
Link
Link
Link
Link
Header
Link
Link
Link
Link
Link
Link
Link
Link
Header
Link
Link
Link
Link
Link
Link
Link
Link
Header
Link
Link
Link
Link
Link
Link
Link
Link
Header
Link
Link
Link
Link
Link
Link
Link
Link
Header 2
Normal Text,
Bold
,
Italic
,
Underline
,
Strike
,
Big
and
Small
Blockquote
Text Area
The Code
Copy the coding below and paste onto your
header.php
page.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> <head> <title>Title Here ♥</title> <meta name="description" content="Site Description Here"/> <meta name="keywords" content="Keywords Here"/> </head> <style type="text/css"/> body { background-image: url("BACK.png"); background-repeat: repeat-x; background-color: #3b4141; font-size: 12px; font-family: Verdana; color: #c8c8c8; letter-spacing: 0px; } #navigation { position: absolute; top: 300px; left: 0px; padding: 2px; } #header { position: absolute; top: 0px; left: 170px; } #sidebar { position: absolute; top: 350px; left: 50px; width: 210px; background-color: #454848; border-radius: 10px; } #sidebar2 { position: absolute; top: 350px; left: 880px; width: 210px; background-color: #454848; border-radius: 10px; } #content { position: absolute; top: 350px; left: 270px; width: 600px; background-color: #454848; border-radius: 10px; } #updates{ position: absolute; top: 130px; left: 250px; width: 300px; height: 100px; overflow: auto; padding: 3px; background-color: #373a3a; border-radius: 10px; } #elites { position: absolute; top: 240px; left: 280px; width: 300px; padding: 3px; } #sitename { position: absolute; top: 90px; left: 250px; font-family: georgia; font-size: 30px; font-style: italic; color: #1f9f98; padding: 3px; } b {color: #7ddcb1;} i {color: #1f9f98;} u {color: #36a0c3;} s {color: #1f9f98;} big { font-family: georgia; font-size: 19px; color: #7ddcb1; letter-spacing: -1px; text-style: normal; text-transform: uppercase; } small { font-family: arial; font-size: 11.4px; color: #c1f4a2; } h1 { margin: 2px; font-family: times; font-size: 20px; color: #c8c8c8; letter-spacing: 0px; font-weight: normal; text-align: left; text-transform: lowercase; font-style: italic; padding: 3px; margin-bottom: 2px; background-color: #545959; border-bottom: 1px solid #1f9f98; border-radius: 10px; } h2 { margin: 2px; font-family: times; font-size: 20px; color: #c8c8c8; letter-spacing: 0px; font-weight: normal; text-align: center; text-transform: lowercase; font-style: italic; padding: 3px; margin-bottom: 2px; background-color: #545959; border-bottom: 1px solid #1f9f98; border-radius: 10px; } blockquote { background-color: #565c5c; border: 3px double #59c494; border-radius: 10px; color: #989898; width: 470px; padding: 3px; } textarea { background-color: #565c5c; border-top: 2px solid #59c494; border-bottom: 2px solid #59c494; border-left: 2px solid #1f9f98; border-right: 2px solid #1f9f98; color: #989898; text-align: center; padding: 3px; border-radius: 10px; } a:active, a:visited, a:link { color: #c2c2c2; font-style: normal; text-decoration: none; font-weight: normal; letter-spacing: 0px; } a:hover {color: #989898; } a.s1 { font-family: arial; font-size: 11.4px; color: #6ed7a8; font-style: normal; display: block; background-color: #4e5252; margin: 0px; padding: 3px; text-align: center; letter-spacing: 0px; } a.s1:hover { color: #c1f4a2; border-radius: 15px; transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; } a.s2 { font-family: arial; font-size: 11.4px; color: #36a0c3; font-style: normal; display: block; background-color: #4e5252; margin: 0px; padding: 3px; text-align: center; letter-spacing: 0px; } a.s2:hover { color: #c1f4a2; border-radius: 15px; transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; } a.navi { margin: 2px; font-family: times; font-size: 18px; color: #59c494; letter-spacing: 0px; font-weight: normal; text-align: center; text-transform: lowercase; font-style: italic; padding: 3px; width: 90px; display: inline-block; background-color: #404343; border: 1px solid #404343; } a.navi:hover { color: #36a0c3; border-radius: 10px; border: 1px solid #36a0c3; transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; } a.updates { font-family: verdana; font-size: 12px; color: #59c494; font-style: normal; display: block; margin: 2px; padding-left: 5px; text-align: left; letter-spacing: 0px; border-left: 3px solid #1f9f98; border-radius: 10px; } a.updates:hover { color: #d7d6d5; letter-spacing: 2px; border-left: 8px solid #59c494; transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; } a.elites { font-family: verdana; font-size: 12px; color: #59c494; font-style: normal; display: inline-block; margin: 0px; width: 30px; height: 30px; line-height: 30px; padding: 2px; text-align: center; letter-spacing: 0px; border-radius: 20px; background-color: #4e5252; } a.elites:hover { color: #c1f4a2; transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; -ms-transform: rotate(360deg); /* IE 9 */ -webkit-transform: rotate(360deg); /* Chrome, Safari, Opera */ transform: rotate(360deg); } a.c1{ font-family: arial; font-size: 9px; color: #6a7171; font-style: normal; display: inline-block; margin: 0px; width: 30px; height: 20px; line-height: 20px; padding: 2px; text-align: center; letter-spacing: 0px; border-radius: 20px; background-color: #292d2d; } a.c1:hover { color: #c1f4a2; transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; -ms-transform: rotate(360deg); /* IE 9 */ -webkit-transform: rotate(360deg); /* Chrome, Safari, Opera */ transform: rotate(360deg); } </style> <body> <div id="header"> <img src="header.png"> </div> <!-- DO NOT REMOVE CREDIT --> <div id="credit"> <a class="c1" href="http://adammcquaid.ca">Credit</a> </div> <!-- DO NOT REMOVE CREDIT --> <div id="sitename"> Welcome </div> <div id="updates"> <a class="updates" href="">Update 1</a> <a class="updates" href="">Update 2</a> <a class="updates" href="">Update 3</a> <a class="updates" href="">Update 4</a> <a class="updates" href="">Update 5</a> <a class="updates" href="">Update 6</a> </div> <div id="elites"> <a class="elites" href=""> ♥ </a> <a class="elites" href=""> ♥ </a> <a class="elites" href=""> ♥ </a> <a class="elites" href=""> ♥ </a> <a class="elites" href=""> ♥ </a> <a class="elites" href=""> ♥ </a> </div> <div id="navigation"> <a class="navi" href="../../../index.htm">Link</a> <a class="navi" href="../../../index.htm">Link</a> <a class="navi" href="../../../index.htm">Link</a> <a class="navi" href="../../../index.htm">Link</a> <a class="navi" href="../../../index.htm">Link</a> <a class="navi" href="../../../index.htm">Link</a> </div> <div id="sidebar"> <h1>Header</h1> <table width="210"> <tr><td align="left"> <a class="s1" href="../../../index.htm">Link</a> <a class="s2" href="../../../index.htm">Link</a> <a class="s1" href="../../../index.htm">Link</a> <a class="s2" href="../../../index.htm">Link</a> <td align="left"> <a class="s1" href="../../../index.htm">Link</a> <a class="s2" href="../../../index.htm">Link</a> <a class="s1" href="../../../index.htm">Link</a> <a class="s2" href="../../../index.htm">Link</a> </tr></table> <h1>Header</h1> <table width="210"> <tr><td align="left"> <a class="s1" href="../../../index.htm">Link</a> <a class="s2" href="../../../index.htm">Link</a> <a class="s1" href="../../../index.htm">Link</a> <a class="s2" href="../../../index.htm">Link</a> <td align="left"> <a class="s1" href="../../../index.htm">Link</a> <a class="s2" href="../../../index.htm">Link</a> <a class="s1" href="../../../index.htm">Link</a> <a class="s2" href="../../../index.htm">Link</a> </tr></table> </div> <div id="sidebar2"> <h1>Header</h1> <table width="210"> <tr><td align="left"> <a class="s1" href="../../../index.htm">Link</a> <a class="s2" href="../../../index.htm">Link</a> <a class="s1" href="../../../index.htm">Link</a> <a class="s2" href="../../../index.htm">Link</a> <td align="left"> <a class="s1" href="../../../index.htm">Link</a> <a class="s2" href="../../../index.htm">Link</a> <a class="s1" href="../../../index.htm">Link</a> <a class="s2" href="../../../index.htm">Link</a> </tr></table> <h1>Header</h1> <table width="210"> <tr><td align="left"> <a class="s1" href="../../../index.htm">Link</a> <a class="s2" href="../../../index.htm">Link</a> <a class="s1" href="../../../index.htm">Link</a> <a class="s2" href="../../../index.htm">Link</a> <td align="left"> <a class="s1" href="../../../index.htm">Link</a> <a class="s2" href="../../../index.htm">Link</a> <a class="s1" href="../../../index.htm">Link</a> <a class="s2" href="../../../index.htm">Link</a> </tr></table> </div> <div id="content"> </div> </body> </center>