Tutorial:Personalizar fecha 2+¿DIbujo o Firma? ♥



Hola hoy les traigo otro tutorial de como personalizar la fecha en otro modelo o efecto  esta ves la fecha estara en forma de circulo,con un borde . Es como lo tengo yo aorita ,aqui una imagen:




Si les gusta sigue los pasitos siguientes :
 Paso 1: Plantilla Basica: Ir a Plantilla/Edicion Html/Buscar con Ctrl +F  ]]></b:skin>
Pegar el siguiente codigo antes de ]]></b:skin>
(para copiar el codigo ,selecciona todo el codigo y Presionas Ctrl+C y ya lo tienes copiado y lo pegas donde te indique )

.main-inner h2.date-header {
float: left;
width:55px;
height:55px;
overflow:hidden;
font-size:11px;
color: #DD9BFF;
text-align:center;
margin-bottom: -65px;
margin-left: -80px;
padding: 8px 2px 0px 2px;
-webkit-border-radius: 5em; -moz-border-radius: 5em;
background: #fff;
border: 5px solid #FFCDD0;
}
.main-inner h2.date-header:hover {
background: #FFF;
border: 4px solid #EAC2FF;
}
Paso 2 :
 left:La fecha estara en la izquierda, si le pones right estara en el lado derecho
#DD9BFF
margin-left:estara en la fecha en el lado izquierdo acomodado,si lo quieres en el lado derecho tienes que replazar por margin-right asi estara acomodado
#fff:Color del fondo de la fecha
#FFCDD0:Color del borde
#FFF:color del fondo al pasar el cursor
#EAC2FF:color del borde

Y listo ,pones vista previa de la plantilla primero si te salio bien  si es asi lo guardas

Notita :en caso que no te salga bien la fecha de esta forma as de la siguiente forma,ve a edicion Html presiona Ctrl+F y busca /* Headings
----------------------------------------------- */
y debajo borra todo asta } como la siguiente imagen :
y remplazas por el codigo que di en el paso 1 y listo pones vista previa primero si te salio bien
image
Aora mas antes pedi que me dijieran de que quieren que sea el concurso ,pues llegamos alos 200 seguidores y a subido esta semana a 210 seguidores  graciasss
Diganme de que quieren que sea el concurso :
¿De hacer una Firma o  un Dibujo ?
mas antes me respondieron 2 ,kumy y Kei Ming   una quiere dibujo y la otra firma   por eso quiero que me digan mas personas,por que ta empate jaja  
Vamos comenten ,los premios los dire despues image¡



25 comentarios :

  1. waaa este tuto era el que necesitaba *0* te adoro

    ResponderEliminar
  2. awww yo ansiaba ver este tuto~
    no sabía como lo hacían T.T , pero con el aporte que nos das, ya sabemos como hacerlo >w<
    Oh un concurso~ haber ... si participo sería de firmas!
    Saludos

    ResponderEliminar
    Respuestas
    1. *-*¡ Me alegro que te haya servido ,ok ya lo anote :3

      Eliminar
  3. nya me encanta esta forma!! creo que sera la que usare *-*

    ResponderEliminar
  4. Me encanto el tuto!!! Sobre el concurso creo que cualquiera de los dos esta bien, saludos!! :D

    ResponderEliminar
  5. Genial tuto, lo necesitaba ñ.ñ Sobre el concurso, prefiero de dibujo :)

    ResponderEliminar
  6. me a gustado el tutorial =) queda muy mono
    y lo del concurso... yo preferiría que fuera un dibujo xD
    besos~~

    ResponderEliminar
  7. De dibujo ;3 y me encanto el tutorial espero usarlo pronto

    ResponderEliminar
  8. Gracias por el tuto *O* y me gustaria que fuera de firmas!! :3

    Saludos y se cuidan!

    ResponderEliminar
  9. hola lunys waa siempre me encanto ese efecto de la fecha muchisisisisisimas
    gracias sin ti (y muchas ) no tendriamos un blog tan encantador *o* te lo agresco mucho
    cualquier duda te lo hago saber
    Amo tu blog <3
    saludos
    psd: ahora no tengo tiempo para participar en concursors pero si fuera elegir seria de dibujo jajaja
    saludos !!
    sayonara > v <

    ResponderEliminar
    Respuestas
    1. Ola *o* ¡ de nada,me alegro que te haya gustado *¬*¡ yo tambien amo tu blog,perdon por no pasarme seguido,pero acabo de ver que estaras ausente por algunos dias,espero que vuelvas pronto *w*,y gracias por dercirme cual escogerias :3 ya lo anote *-*

      Eliminar
    2. OwO¡ tonces debe tar fallando aqui este codigo
      margin-left: -80px;

      -80 aumenta el numero es para que se baya un poco mas lejitos de la entrada,me avisas s aun siges con el problema :3

      Eliminar
  10. se agradece muchisimo realmente me gusta esto de la fecha personalizada!

    ResponderEliminar
  11. este otro tuto de fechas también me gusta >u<
    gracias por compartirlo! ^v^

    besos!!! ^-^

    ResponderEliminar
  12. ¡Muchas gracias!

    ¡Este código sí me funcionó!~

    ResponderEliminar
  13. Holiii!!! a mi me pasa = que a auralovely e aumentado el numero pero no ocurre nada :S

    ResponderEliminar
    Respuestas
    1. o.o¡ que raro, por que al aumentarle el numero -80 se va nmas lejos u.u¡

      Eliminar

Hola :3 Bienvenidos a Lunany-kawaii
Debera seguir las siguientes reglas:
-No insultos
-No spam
-Ni peleas
gracias ♥