Ver Mensaje Individual
  #1 (permalink)  
Antiguo 15/12/2011, 10:43
manalbarez
 
Fecha de Ingreso: diciembre-2011
Mensajes: 1
Antigüedad: 12 años, 4 meses
Puntos: 1
Necesito el HTML DE ESTE CSS

Hola tengo un fichero style.css y deseo realizar el html, ¿podreis ayudarme aunque sea sin imagenes?

Muchas gracias y un saludo¡¡¡

html, body {height:100%;}

body {background: url(bg.gif) repeat-x; margin:0; padding:0;}

#contenedor {margin:0 auto; background:#FFF url(bg2.gif) repeat-y; width:900px; min-height:100%; height:auto; padding: 10px 13px;}

#izquierda {width:500px; padding-right:10px; border-right:1px solid #EAEAEA; margin-right:10px; float:left; font: 12px 'arial',helvetica,sans-serif; color:#333;}

#izquierda img{padding:5px; border:none; margin:5px;}

#nav {padding-top:10px; width:500px; height:140px; background:#000 url(nav.jpg) no-repeat; margin-bottom:10px; font: 11px 'arial',helvetica,sans-serif; color:#333;}

#navBar {padding:0 0 0 370px!important; padding:10px 0 0 330px;list-style:none; width:130px;}

#navBar li {margin-bottom:4px;}

#navBar a {height:14px; color:#333; background-color:#fc3; text-decoration:none; display:block; filter:alpha(opacity=80); opacity: 0.8; -moz-opacity:0.8; padding:0 4px;}

#navBar a:hover {background-color:#fff; display:block;}

#lright {width:175px; padding: 0 5px 0 5px; float:left; font: 12px 'arial',helvetica,sans-serif; color:#333;}

#rright {width:175px; padding: 0 0 0 10px; float:left; font: 12px 'arial',helvetica,sans-serif; color:#333; border-left:1px solid #EAEAEA;}

.mright {width:360px; padding: 0 5px 0 5px; float:left; font: 12px 'arial',helvetica,sans-serif; color:#333;}


#sidebar {font: 12px 'arial',helvetica,sans-serif; color:#333;}

#footer {font: 11px 'arial',helvetica,sans-serif; color:#333;}

a, a:visited {color:#6D8433; text-decoration:none;}

a:hover {color:#6D8433; text-decoration:underline;}

p {line-height:1.5em; margin:8px 0;}

#content ul.heatmap {MARGIN:0; }

#content ul.heatmap li {MARGIN:0; display:inline;}

#sidebar ul {padding:0px; margin:0px; display:inline;}

#sidebar ul li{padding:0px; list-style: none; list-style-type:none;}

h1 {color:#fc3; font-size:22px; margin:0;}

h2 {font-size:15px; color:#b8d650; margin:5px 0;}

h3 {color:#999; font-size:10px; margin:0; font-weight:normal;}

h6 {font-size:13px; color:#fc3; margin:5px 0;}

.divider {margin:10px 0; border-bottom:1px solid #EAEAEA; padding:0; display:block;}

#clear {clear:both; height:10px; margin-top:10px; padding-top:10px; background:#FFF url(images/bg3.gif) no-repeat; text-align:center; color:#999;}

#clear a {text-decoration:none; color:#999;}

#clear a:hover {color:#FC3;}

.links {list-style:none; margin:10px 0 0 0; padding:0;}

.links a {color:#333; text-decoration:none;}

.links li {margin-bottom:2px;}

.links a:hover {color:#FC3;}

a img {border:none;}

#commentform textarea {width:350px;}

blockquote{margin-left:1em; padding-left:1em; border-left:3px solid #91AE90; color:#000;}

#flickr img {display: block; float: left; padding: 0px; position: relative; height: 65px; width: 65px; border-width:0; margin:2px;}

.note {padding-right: 25px; border-top: #ffd324 2px solid; padding-left: 20px; background: #fff6bf 0% 50%; padding-bottom: 5px; margin: 10px auto; padding-top: 5px; border-bottom: #ffd324 2px solid; text-align: left;}

.navigation{ margin-bottom:10px; padding:5px; text-align:center;}