~D13 - css-blackshimmer

css-blackshimmer

Vista Previa:Link

Texto por encima de la pagina

<div id="contenedor">
<div id="header">Black Shimmer<br>
<h1>css-blackshimmer</h1>
</div>
<div id="sidebar1">
<div id="menuup">menu<br>
</div>
<div id="menumid"><ul class="menu">
	<li><a href="#">Link</a></li>
	<li><a href="#">Link</a></li>
	<li><a href="#">Link</a></li>
	<li><a href="#">Link</a></li>
	<li><a href="#">Link</a></li>
</ul>
</div>
<div id="menuend"><br>
</div>
<div id="menuup">menu<br>
</div>
<div id="menumid"><ul class="menu">
	<li><a href="#">Link</a></li>
	<li><a href="#">Link</a></li>
	<li><a href="#">Link</a></li>
	<li><a href="#">Link</a></li>
	<li><a href="#">Link</a></li>
</ul>
</div>
<div id="menuend"><br>
</div>
<div id="menuup">menu<br>
</div>
<div id="menumid"><ul class="menu">
	<li><a href="#">Link</a></li>
	<li><a href="#">Link</a></li>
	<li><a href="#">Link</a></li>
	<li><a href="#">Link</a></li>
	<li><a href="#">Link</a></li>
</ul>
</div>
<div id="menuend"><br>
</div>
</div>
<div id="contmid">
<div id="contup">Titulo<br>
</div>

Texto por debajo de la pagina

<div id="contend"><br>
</div>
</div>
<div id="sidebar2">
<div id="menuup">menu<br>
</div>
<div id="menumid">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede.
</div>
<div id="menuend"><br>
</div>
<div id="menuup">menu<br>
</div>
<div id="menumid"><ul class="menu">
	<li><a href="#">Link</a></li>
	<li><a href="#">Link</a></li>
	<li><a href="#">Link</a></li>
	<li><a href="#">Link</a></li>
	<li><a href="#">Link</a></li>
</ul>
</div>
<div id="menuend"><br>
</div>
<div id="menuup">menu<br>
</div>
<div id="menumid"><ul class="menu">
	<li><a href="#">Link</a></li>
	<li><a href="#">Link</a></li>
	<li><a href="#">Link</a></li>
	<li><a href="#">Link</a></li>
	<li><a href="#">Link</a></li>
</ul>
</div>
<div id="menuend"><br>
</div>
</div>
<div id="pie">pie<br>
</div>
<div id="legal">Por <a href="https://darknet13.es.tl" target="_blank">D13</a><br>
</div>
</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;
}
body {
  margin:0px;
  color: white;
  background-color: #333333;
}
#contenedor {
  width: 990px;
  margin-right: auto;
  margin-left: auto;
}
#header {
  height: 110px;
  margin-bottom: 20px;
  background-image: url(https://img.webme.com/pic/p/pruebas-d13/bshimmer-header.png);
  background-position: center top;
  font-size: xx-large;
  text-align: center;
  font-weight: inherit;
  padding-top: 40px;
  text-transform: capitalize;
}
#sidebar1 {
  width: 200px;
  float: left;
  max-width: 200px;
  min-height: 300px;
}
#contmid {
  width: 570px;
  float: left;
  height: 500px;
  margin-right: 10px;
  margin-left: 10px;
  max-width: 570px;
}
#sidebar2 {
  width: 200px;
  float: left;
  min-height: 300px;
}
h1 {
  text-transform: capitalize;
  font-weight: bold;
  font-size: large;
}
#menuup {
  text-align: center;
  font-weight: bold;
  height: 40px;
  background-image: url(https://img.webme.com/pic/p/pruebas-d13/bshimmer-menuup.png);
  background-position: center bottom;
  background-repeat: no-repeat;
  max-height: 25px;
  padding-top: 15px;
  text-transform: uppercase;
}
#menumid {
  background-image: url(https://img.webme.com/pic/p/pruebas-d13/bshimmermenumid.png);
  background-position:  center center;
  background-repeat: repeat-y;
  min-height: 150px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 1px;
}
#menuend {
  background-image: url(https://img.webme.com/pic/p/pruebas-d13/bshimmer-menuend.png);
  background-position: center top;
  background-repeat: no-repeat;
  max-height: 23px;
  margin-bottom: 20px;
  height: 23px;
}
#contup {
  background-image: url(https://img.webme.com/pic/p/pruebas-d13/bshimmer-contup.png);
  background-repeat: no-repeat;
  background-position: center bottom;
  text-align: center;
  font-weight: bold;
  padding-top: 25px;
  height: 38px;
}
#content {
  background-image: url(https://img.webme.com/pic/p/pruebas-d13/bshimmercontmid.png);
  background-position:  center center;
  background-repeat: repeat-y;
  padding-left: 10px;
  padding-right: 10px;
  min-height: 150px;
}
#contend {
  background-image: url(https://img.webme.com/pic/p/pruebas-d13/bshimmer-contend.png);
  background-position: center top;
  background-repeat: no-repeat;
  height: 70px;
}
#pie {
  clear: left;
  text-align: center;
  font-weight: bold;
  background-color: black;
}
#legal {
  text-align: right;
  font-size: 10px;
}
.menu {
list-style-type: none;
color:white;
font-size:16px;
font-family: Arial,Helvetica,sans-serif;
color: white;
display:inline;
}
.menu a {
color:white;
font-size:16px;
color: white;
display:inline;
display:block;
height:20px;
text-decoration: none;
}
.menu a:hover {
text-decoration: line-through;
}
a {
color:red;
}