21/10/2008, 06:14
|
 | Colaborador | | Fecha de Ingreso: mayo-2002 Ubicación: Funkyland
Mensajes: 8.433
Antigüedad: 21 años, 11 meses Puntos: 177 | |
| Respuesta: Necesito layout liquido que me recomendais?
ok, ahi te lo paso: Cita: * {
margin:0;
padding:0;
}
body{
background:#000 url(fondo.png) no-repeat top left;
font-family:"Trebuchet MS";
}
h1{
margin-left:-1000px;
}
h2 a{
text-transform:uppercase;
font-size:18px;
color:#00baff;
margin:20px 12px 5px 20px;
letter-spacing:5px;
display:block;
background:transparent url(fondoh2.png) repeat-x;
}
h2 a:hover{
color:#fff;
border:0;
}
#total{
overflow:hidden;
margin:0px;
}
#news{
float:left;
background:#000 url(backnews.png) repeat-x;
border-top:1px solid #04255e;
border-left:1px solid #04255e;
border-right:1px solid #04255e;
width:210px;
margin:200px 0 0 26px;
text-align:center;
padding:2px;
}
#news h3{
color:#fff;
font-size:16px;
border-bottom:1px dotted #ccc;
}
#news p{
text-align:justify;
padding:4px;
color:#e9e9e9;
font-size:11px;
border-bottom:1px solid #464646;
}
#news span{
font-size:12px;
color:#00baff;
font-weight:bold;
}
#news a{
background-color:transparent;
color:#00baff;
font-size:11px;
}
#news a:hover{
background-color:#00baff;
color:#fff;
}
#contenidos{
position:absolute;
top:20px;
left:250px;
width:75%;
}
#contenidos p{
color:#fff;
margin:0 12px 0 12px;
}
#contenidos img{
float:left;
margin:4px 8px 4px 0;
border:0;
}
#contenidos h1{
font-size:36px;
color:#fff;
margin:0 0 5px 20px;
text-transform:lowercase;
font-style: italic;
}
#contenidos h1 span{
color:#00baff;
text-transform:uppercase;
font-size:48px;
}
.copete{
background:#191919;
border:1px solid #454545;
padding:8px;
font-size:14px;
font-style: italic;
}
.textos{
border:1px dotted #454545;
padding:10px;
font-size:11px;
line-height:18px;
text-align:justify;
background-color:#141414;
}
#pie{
background:#00254c;
display:block;
text-align:center;
padding:2px;
margin:20px 12px 5px 12px;
color:#fff;
font-size:10px;
}
a{
color:#00baff;
text-decoration:none;
font-weight:bold;
}
a:hover{
color:#00baff;
border-bottom:1px dotted #00baff;
}  |