worldofwarcraft : Technology « Templates « HTML / CSS






worldofwarcraft

   

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Warcraft</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type='text/css'>
body {
  background: #000000;
  color: #534834;
  font-family: tahoma, arial;
  font-size: 11px;
  line-height: 15px;
  margin: 0;
  padding: 0;
  text-align: center;
}

* html body {
  line-height: 13px;
}

a:link { 
  color: #B00000;
  font-weight: bold;
  text-decoration: none;
}
  
a:visited { 
  color: #B00000;
  font-weight: bold;
  text-decoration: none;  
}
  
a:hover, a:active { 
  color: #000000;
  font-weight: bold;
  text-decoration: underline;
}

#footer a:link { 
  color: #F1D6AC;
  font-weight: bold;
  text-decoration: none;
}
  
#footer a:visited { 
  color: #F1D6AC;
  font-weight: bold;
  text-decoration: none;  
}
  
#footer a:hover, #footer a:active { 
  color: #FFFFFF;
  font-weight: bold;
  text-decoration: underline;
}

#nav a:link { 
  color: #F1D6AC;
  font-weight: bold;
  text-decoration: none;
}
  
#nav a:visited { 
  color: #F1D6AC;
  font-weight: bold;
  text-decoration: none;  
}
  
#nav a:hover, #nav a:active { 
  color: #FFFFFF;
  font-weight: bold;
  text-decoration: underline;
}

#right a:link { 
  color: #73613B;
  font-weight: bold;
  text-decoration: underline;
}
  
#right a:visited { 
  color: #73613B;
  font-weight: bold;
  text-decoration: underline;  
}
  
#right a:hover, #right a:active { 
  color: #000000;
  font-weight: bold;
  text-decoration: none;
}

/* ------------------------------------------------------------------  DIV ID's ------- */

#container {
  margin: 0 auto;
  margin-top: 20px;
  text-align: left;
  width: 900px;
}

#content1 {
  background: url(worldofwarcraft-images/elf-bg.jpg) no-repeat 2px;
  clear: both;
  display: block;
  height: 450px;
  padding-left: 130px;
  padding-top: 38px;
  width: 770px;
}

#footer {
  background: url(worldofwarcraft-images/footer-bg.jpg) no-repeat;
  clear: both;
  color: #F1D6AC;
  display: block;
  height: 99px;
  padding-top: 20px;
  text-align: center;
  width: 900px;
}

#header {
  background: url(worldofwarcraft-images/header-bg.jpg) no-repeat;
  display: block;
  height: 197px;
  width: 900px;
}

#left {
  background: url(worldofwarcraft-images/btm-left-bg.gif) no-repeat;
  display: block;
  float: left;
  height: 494px;
  width: 558px;
}

#pagebottom {
  clear: both;
  width: 900px;
}

#nav {
  padding-left: 175px;
  padding-top: 68px;
}

#nav ul {
  float: left;
  list-style: none;
  margin: 0;
  margin-right: 70px;
  padding: 0;
}

* html #nav ul {
  margin-right: 40px;
}

#nav li {
  float: left;
  list-style: none;
  margin: 0;
  margin-right: 30px;
  padding: 0;
}

#right {
  background: url(worldofwarcraft-images/btm-right-bg.gif) no-repeat;
  display: block;
  float: left;
  height: 464px;
  padding-left: 25px;
  padding-top: 30px;
  width: 314px;
}

#text1 {
  width: 430px;
}

#text2 {
  margin-left: 110px;
  margin-top: 28px;
  width: 410px;
}

#quicklinks {
  background: url(worldofwarcraft-images/quicklinks-bg.gif) no-repeat;
  display: block;
  height: 165px;
  margin-bottom: 10px;
  padding-top: 5px;
  width: 210px;
}

#quicklinks ul {
  list-style: none;
  margin: 0;
  margin-left: 40px;
  padding: 0;
}

* html #quicklinks ul {
  margin-top: 22px;
}

#quicklinks li {
  list-style: none;
  margin: 0;
  margin-top: 15px;
  padding: 0;
}

* html #quicklinks li {
  margin-top: 16px;
}

/* ------------------------------------------------------------------  CLASSE'S ------- */

.flt-lft {
  float: left;
  margin-right: 10px;
}

.flt-rgt {
  float: right;
}

.heading {
  color: #413727;
  font-family: arial;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: -10px;
}

* html .heading {
  margin-bottom: -16px;
}

.heading2 {
  color: #413727;
  font-family: arial;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 10px;
}

.small {
  font-size: 10px;
}

</style>


</head>
<body>
<div id="container">
  <div id="header">
    <div id="nav">
      <ul>
        <li><a href="http://www.free-css.com/">Home</a></li>
        <li><a href="http://www.free-css.com/">Game Guide</a></li>
        <li><a href="http://www.free-css.com/">Interactive</a></li>
      </ul>
      <ul>
        <li><a href="http://www.free-css.com/">Account</a></li>
        <li><a href="http://www.free-css.com/">Support</a></li>
        <li><a href="http://www.free-css.com/">Media</a></li>
      </ul>
    </div>
  </div>
  <div id="content1">
    <div id="text1"> <img src="worldofwarcraft-images/cap-night-elf.gif" alt="Caption" />
      <div class="heading">BEST RELEASE OF THIS MONTH</div>
      <br />
      <p>Don't forgot to check free website templates every day, because we add at least one free website template daily.</p>
      <p>This is a template designed by free website templates for you for free you can replace all the text by your own text. This is just a place holder so you can see how the site would look like.</p>
      <p>You can remove any link to our websites from this template you're  free to use the template without linking back to us. Don't want your boss to know you used a free website template ;).</p>
      <p>If you're looking for beautiful and professionally made templates you can find them at Template Beauty.</p>
      <p>
      <div class="heading">MORE GAMES</div>
      </p>
      <p> <span class="flt-lft"><img src="worldofwarcraft-images/image-1.gif" alt="More Games" /></span> <span class="flt-lft"><img src="worldofwarcraft-images/image-2.gif" alt="More Games" /></span> <strong>Gnome mage by Someone</strong><br />
        <br />
        Etiam ullamcorper mi eu libero bibendum consequat. Cras volutpat .<br />
        <span class="flt-rgt"><a href="http://www.free-css.com/">...more</a></span> </p>
    </div>
  </div>
  <div id="pagebottom">
    <div id="left">
      <div id="text2"> <img src="worldofwarcraft-images/cap-community-news.gif" alt="Community News" />
        <p>
        <div class="heading2">THUNDGOT, AEUS, &amp; VANERUS, 19/10/2006</div>
        </p>
        <p>Don't forgot to check free website templates every day, because we add at least one free website template daily.</p>
        <p>This is a template designed by free website templates for you for free you can replace all the text by your own text. This is just a place holder so you can see how the site would look like.</p>
        <p>You can remove any link to our websites from this template you're  free to use the template without linking back to us. Don't want your boss to know you used a free website template ;).</p>
        <p>If you're having problems editing the template please don't hesitate to ask for help on the forum.</p>
        <p>If you're looking for beautiful and professionally made templates you can find them at Template Beauty.</p>
        <p>To find great hosting providers visit Web Hosting Zoom</p>
      </div>
    </div>
    <div id="right">
      <div class="heading2">QUICK LINKS</div>
      <div id="quicklinks">
        <ul>
          <li><a href="http://www.free-css.com/">Home</a></li>
          <li><a href="http://www.free-css.com/">Realms Status</a></li>
          <li><a href="http://www.free-css.com/">Account Creation</a></li>
          <li><a href="http://www.free-css.com/">Account Management</a></li>
          <li><a href="http://www.free-css.com/">Cetrieve Passward</a></li>
        </ul>
      </div>
      <div class="heading2">SCREENSHOT OF THE DAY</div>
      <img src="worldofwarcraft-images/screenshot.jpg" alt="Screenshot" /> <br />
      <a href="http://www.free-css.com/">Cross Realm Battlegrounds</a><br />
      <a href="http://www.free-css.com/">World PvP </a><br />
      <a href="http://www.free-css.com/">Rogue Talents revamped </a> </div>
  </div>
  <div id="footer"> <a href="http://www.free-css.com/">Home</a> | <a href="http://www.free-css.com/">Game Guide </a> | <a href="http://www.free-css.com/">Interactive</a> | <a href="http://www.free-css.com/">Community</a> | <a href="http://www.free-css.com/">Account</a> | <a href="http://www.free-css.com/">Support</a> | <a href="http://www.free-css.com/">Media</a>
    <p><a href="http://www.free-css.com/">Legal Documents</a> | <a href="http://www.free-css.com/">Game Policies</a> <br />
      2006 <a href="http://www.free-css.com/">WorldofWarcraft.com</a>. All rights reserved. | designed by <a href="http://www.freewebsitetemplates.com">free website templates</a></p>
  </div>
</div>
</body>
</html>

   
    
    
  








Related examples in the same category

1.brain_tech
2.metamorph_tech
3.freecss_electronics
4.smartphone
5.spacetravel
6.spacetravelisboring
7.RobotCC
8.science
9.software
10.Sphere
11.spiderdarker
12.techjunkie1-0
13.technicalsupport
14.techno
15.technological
16.web-tech
17.webtechnologies
18.iPhoneSite
19.iphone
20.linuxblog
21.infotech_growth
22.innovation