~D13 - CSS-iWeb

CSS-iWeb

Vista Previa:Link

Texto por encima de la pagina

<div id="wrapper">
<div id="header"><img style="width: 103px; height: 120px;" alt="" src="https://img.webme.com/pic/d/darknet13/iweb-applelogo.png"><img style="width: 297px; height: 90px;" alt="" src="https://img.webme.com/pic/d/darknet13/iweb-2ndlogo.png"></div>
<div id="main">
<div id="maintop">CSS-iWeb</div>

Texto por debajo de la pagina

<div id="mainend"></div>
</div>
<div id="sidebar1">
<div id="sidemain1">menu</div>
<div id="sidemenu">
<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><li><a href="#">menu6</a></li><li><a href="#">menu7</a>
  </li></ul>
</div>
<div id="sideend"></div>
<div id="separator"></div>
<div id="sidemain1">menu2</div>
<div id="sidemenu">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad
minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip
ex ea commodo consequat.</div>
<div id="sideend"></div>
<div id="separator"></div>
<div id="sidemain1">menu3</div>
<div id="sidemenu">contenido del box 3</div>
<div id="sideend"></div>
<div id="separator"></div>
</div>
<div id="sidebar2">
<div id="sidemain2">menu4</div><div id="sidemenu"><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><li><a href="#">menu6</a></li><li><a href="#">menu7</a></li></ul></div><div id="sideend"></div>
<div id="separator"></div>
<div id="sidemain2">menu5</div>
<div id="sidemenu">contenido del box 5</div>
<div id="sideend"></div>
<div id="separator"></div>
<div id="sidemain2">menu6</div>
<div id="sidemenu">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad
minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip
ex ea commodo consequat.</div>
<div id="sideend"></div>
<div id="separator"></div>
</div>
</div>
<div id="legal">Diseño por <a href="http://darknet13.es.tl"
target="_blank">~D13</a></div>

CSS Code sin Style tags

table[height ="102"] {margin-left:auto;margin-right:auto;}
#header_container {display: none;}
#nav_container {display: none;}
h2#title {display: none}
#sidebar_container{display: none;}
* {
  margin: 0px;
}
body {
  background-image: url(https://img.webme.com/pic/d/darknet13/iweb-bg1.png);
}
#wrapper {
  width: 990px;
  margin-right: auto;
  margin-left: auto;
}
#header {
  height: 125px;
}
#sidebar1 {
  width: 210px;
  float: left;
  margin-left: 10px;
}
#main {
  width: 550px;
  float: left;
}
#maintop {
  background-image: url(https://img.webme.com/pic/d/darknet13/iweb-maintop.png);
  background-repeat: no-repeat;
  height: 27px;
  padding-top: 9px;
  text-align: center;
  color: white;
  font-weight: bold;
  text-transform: capitalize;
}
#content {
  min-height: 500px;
  background-image: url(https://img.webme.com/pic/d/darknet13/iweb-maincont.png);
  background-repeat: repeat-y;
  padding-right: 5px;
  padding-left: 5px;
}
#sidebar2 {
  float: left;
  width: 210px;
  margin-left: 10px;
}
#mainend {
  background-image: url(https://img.webme.com/pic/d/darknet13/iweb-mainend.PNG);
  background-repeat: no-repeat;
  height: 3px;
}
#sidemain1 {
  color: white;
  background-image: url(https://img.webme.com/pic/d/darknet13/iweb-side1top.png);
  text-align: center;
  background-repeat: no-repeat;
  font-weight: bold;
  height: 29px;
  padding-top: 9px;
}
#sidemain2 {
  background-repeat: no-repeat;
  background-image: url(https://img.webme.com/pic/d/darknet13/iweb-side2top.png);
  height: 29px;
  padding-top: 9px;
  color: white;
  font-weight: bold;
  text-align: center;
}
#sidemenu {
  min-height: 150px;
  background-image: url(https://img.webme.com/pic/d/darknet13/iweb-side1cont.png);
  background-repeat: repeat-y;
  padding-right: 4px;
  padding-left: 4px;
}
#sideend {
  background-image: url(https://img.webme.com/pic/d/darknet13/iweb-side1end.png);
  background-repeat: no-repeat;
  height: 3px;
}
#separator {
  height: 13px;
}
.menu {
  list-style-type: circle;
}
.menu a {
  display: block;
  color: #999999;
}
.menu li:hover {
  list-style-type: none;
}
#legal {
width: 990px;
margin-right: auto;
margin-left: auto;
font-size: 10px;
text-align: right;
}
#legal a {
font-size: 10px;
text-decoration: none;
color: black;
}