miércoles, 19 de marzo de 2014

Fecha en un circulo

Holaaaa, mi primer tutorial C:,  este codigo funciona en platillas clasicas
, no se si funciona en otras clases de platilla bueno ustedes vean c; Empezamos:


Primero ve a Platilla > Personalizar > añadir Css> pegan este codigo (asi es mas facil que quede como tu desees, pero si quieres puedes pegarlo adelante de ]]</skin>) 


.date-header {
cursor: default;
padding: 20px 12px;
background-image: url( AQUI EL URL DEL FONDO DEL CIRUCULO) ;
text-align: center;
float: left;
z-index: 99;
position: relative;
right: 20px; /*si lo quieren mas a la derecha suban el valor del numero, si lo quieren a la izquierda bajenlo*/
top: -20px; /*que tan arriba va a estar el circulo*/
font-size: 12px; 
Border:3px Solid #00000; /*Borde*/ 
}
.date-header
{
width:80px !important; 
max-width:100px;
padding:20px 8px /*Este es el tamaño del circulo*/
border-radius:200px;
word-wrap:break-word;
word-spacing:12px !important;
}


PERSONALIZA
20px 8px (tamaño del circulo)
right: 20px; (Posicion Derecha/izuierda)
top: -20px; (que tan arriba va a estar el circulo)
Border:3px Solid #00000; (Borde)

Esto es todo espero que les haya gustado Gracias por tu visita, en realidad me ayudas mucho ^-^

No hay comentarios :

Publicar un comentario