~D13 - css-Metalloid

css-Metalloid

Vista Previa:Link

Texto por encima de la pagina

<div id="wrapper">
<div id="header">
</div>
<div id="sidebar1">
<div id="menutop">Menu1
</div>
<div id="menumid">
<ul class="menu">
  <li><a href="#">menu1</a></li>
  <li><a href="#">menu2</a></li>
  <li><a href="#">menu3</a></li>
  <li><a href="#">menu4</a></li>
  <li><a href="#">menu5</a></li>
</ul>
</div>
<div id="menuend">
</div>
<div id="separator">
</div>
<div id="menutop">menu2
</div>
<div id="menumid">
<ul class="menu">
  <li><a href="#">menua</a></li>
  <li><a href="#">menub</a></li>
  <li><a href="#">menuc</a></li>
  <li><a href="#">menud</a></li>
  <li><a href="#">menue</a></li>
</ul>
</div>
<div id="menuend">
</div>
</div>
<div id="main">
<div id="maintop">
</div>

Texto por debajo de la pagina

<div id="mainend">
</div>
</div>
<div id="sidebar2">
<div id="menutop">menu3
</div>
<div id="menumid">
<ul class="menu">
  <li><a href="#">menu1</a></li>
  <li><a href="#">menu2</a></li>
  <li><a href="#">menu3</a></li>
  <li><a href="#">menu4</a></li>
  <li><a href="#">menu5</a></li>
</ul>
</div>
<div id="menuend">

</div>
<div id="separator">
</div>
<div id="menutop">menu4
</div>
<div id="menumid">
<ul class="menu">
  <li><a href="#">menua</a></li>
  <li><a href="#">menub</a></li>
  <li><a href="#">menuc</a></li>
  <li><a href="#">menud</a></li>
  <li><a href="#">menue</a></li>
</ul>
</div>
<div id="menuend">
</div>
</div>
<d>Design by <a href="darknet13.es.tl">D13</a></d>
</div>

CSS Code sin Style tags

#header_container {display: none;}
#nav_container {display: none;}
h2#title {display: none}
#sidebar_container{display: none;}
table[height="102"] {
margin-left : auto;
margin-right : auto;
} 
* {
  margin: 0px;
}
body {
  margin: 0px;
  padding: 0px;
  background-color: #999999;
  font-family: "Courier New",Courier,monospace;
}
#wrapper {
  margin-right: auto;
  width: 990px;
  margin-left: auto;
}
#header {
  background-image: url(https://img.webme.com/pic/d/darknet13/metalloidheader.jpg);
  height: 157px;
  margin-bottom: 15px;
}
#sidebar1 {
  width: 200px;
  float: left;
}
#main {
  width: 560px;
  float: left;
  margin-right: 15px;
  margin-left: 15px;
}
#sidebar2 {
  width: 200px;
  float: left;
}
#menutop {
  background-image: url(https://img.webme.com/pic/d/darknet13/metalloidmenutop.png);
  height: 27px;
  background-repeat: no-repeat;
  padding-top: 10px;
  text-align: center;
}
#menumid {
  background-image: url(https://img.webme.com/pic/d/darknet13/metalloidmenumid.jpg);
  background-position: center top;
  background-repeat: repeat-y;
  min-height: 150px;
}
#menuend {
  background-image: url(https://img.webme.com/pic/d/darknet13/metalloidmenuend.jpg);
  background-repeat: no-repeat;
  height: 21px;
}
#separator {
  height: 30px;
}
#maintop {
  background-image: url(https://img.webme.com/pic/d/darknet13/metalloidcontup.jpg);
  background-repeat: no-repeat;
  height: 51px;
}
#content {
  background-image: url(https://img.webme.com/pic/d/darknet13/metalloidcontmid.jpg);
  background-repeat: repeat-y;
  background-position: center top;
  min-height: 400px;
  padding-right: 10px;
  padding-left: 10px;
}
#mainend {
  background-image: url(https://img.webme.com/pic/d/darknet13/metalloidcontend.jpg);
  background-repeat: no-repeat;
  background-position: left top;
  height: 51px;
}
d {
  font-size: 10px;
  font-family: "Courier New",Courier,monospace;
}
d a {
  color: black;
  text-decoration: none;
}
.menu {
  list-style-type: none;
}
.menu li a {
  text-decoration: none;
  color: #333333;
}
.menu li:hover {
  list-style-type: square;
}