[Código] Cuadros salientes

por darkknight el 7/5/2010, 2:59 pm

Cuadros salientes

:hola:

Les traigo este código para que hagan que los cuadros de su blog tengan un efecto de que se ponen salientes .

Dirijanse a: administración >> multi blog>> revestimiento personalizado>> edición experta.

Ahi pegan este código:

/* Overview-------------------------------------------------*/
.overview {
border: 2px solid black;
z-index: 1;
}
.title-overview {
margin: 0px;
padding: 5px 10px;
text-align: center;
}
.center-overview {
padding: 5px 20px 0px 20px;
text-align: center;
}
.left-overview {
text-align: left;
padding: 5px 10px 0px 10px;
}

Si quieres modificar, puedes hacer lo siguiente:

Para modificar el borde del cuadro saliente:

.overview {
border: 2px solid black;
}

Xpx Tipo de borde Color del borde

margin:
0px; Es el margen dependiendo para donde este alineado el texto se ira
mas a su lado contrario cuando aumentemos el X(numero de px), ej: 1px:.
padding: 5px 10px;

Es para donde estará alineado el texto (izquierda, centro o derecha):
text-align: center;
left center right

.title-overview {
ESTO ES EL CÓDIGO DEL TITULO DEL CUADRO
}
.center-overview {
ESTO ES EL CÓDIGO DEL CENTRO DEL CUADRO
}
.left-overview {
ESTO ES EL CÓDIGO DE LA IZQUIERDA DEL CUADRO
}

Saludos y espero que los sirva!

Atte,
Staff ~FDB~

Tutorial Creado por : darkknight - 07.05.10
Copyrigth © HAZBLOG.COM