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 )
Paso 2 :
.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;
}
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
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 ¡
De Firmas
ResponderEliminarwaaa este tuto era el que necesitaba *0* te adoro
ResponderEliminarFirma *-*
ResponderEliminarawww yo ansiaba ver este tuto~
ResponderEliminarno 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
*-*¡ Me alegro que te haya servido ,ok ya lo anote :3
Eliminarvoy a usar el tuto ^-^
ResponderEliminarDe firmas
ResponderEliminarnya me encanta esta forma!! creo que sera la que usare *-*
ResponderEliminarDe firmita!!! Kyaaa!!
ResponderEliminaru.u yo queria dibujo u_u
ResponderEliminarYo también quiero de dibujo u.u
ResponderEliminarMe encanto el tuto!!! Sobre el concurso creo que cualquiera de los dos esta bien, saludos!! :D
ResponderEliminarGenial tuto, lo necesitaba ñ.ñ Sobre el concurso, prefiero de dibujo :)
ResponderEliminarme a gustado el tutorial =) queda muy mono
ResponderEliminary lo del concurso... yo preferiría que fuera un dibujo xD
besos~~
De dibujo ;3 y me encanto el tutorial espero usarlo pronto
ResponderEliminarGracias por el tuto *O* y me gustaria que fuera de firmas!! :3
ResponderEliminarSaludos y se cuidan!
hola lunys waa siempre me encanto ese efecto de la fecha muchisisisisisimas
ResponderEliminargracias 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 <
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 *-*
EliminarOwO¡ tonces debe tar fallando aqui este codigo
Eliminarmargin-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
gracias por el tutorial ^^
ResponderEliminarse agradece muchisimo realmente me gusta esto de la fecha personalizada!
ResponderEliminareste otro tuto de fechas también me gusta >u<
ResponderEliminargracias por compartirlo! ^v^
besos!!! ^-^
¡Muchas gracias!
ResponderEliminar¡Este código sí me funcionó!~
Holiii!!! a mi me pasa = que a auralovely e aumentado el numero pero no ocurre nada :S
ResponderEliminaro.o¡ que raro, por que al aumentarle el numero -80 se va nmas lejos u.u¡
Eliminar