7/4/13

[Tutorial]Editar el titulo de Gadget//Post//Fecha {Actualizado New HTLM}



Holaque tal?? buff yo esta mañana todo el dia estudiando ya es domingoque rapido se me pasa el tiempo  tengo ganas de que se acabe el curso  y bueno este tuto de hoy me lo han pedido ya sabéis que me podéis pedir las entradas  y bueno como veis en el titulo es como editar el titulo de gadgets-post y fecha como tengo yo para quien no sepa que es eso os dejo una imagen guia
para agrandar click en imagen
Bien comencemos con la fecha y el titulo de los gadgets
click agrandar
  • Plantilla
  • Edicion HTLM
  • Buscar :h2 {
Y quedaria asi como pone en la imagen (lo de azulito es el código colocado)

 y pegas este lindo código después de h2 {
background: #c6c5eb;
padding: 5px;
border-radius: 10px;
border: 1px dashed #fff;
text-align: center;

EDITEMOS
Borgoña claro:Es el color del fondo del titulo del gadget y la fecha
Naranja:El radio del borde lo podéis aumentar o disminuir (si se aumenta se hará mas ovalado y si se baja mas cuadrado)
Verde:El color del borde 
Rojo:El grosor del borde
Azul:El tipo de borde (soild-dotted...)
Le das a vista previa para ver como quedo y si te gusto lo guardas y si no vas cambiando cosas
Ahora vamos a editar el titulo del post
click para agrandar
  • Plantilla
  • Edicion HTLM
  • Buscas :h3.post-title {
Quedaria asi como en la imagen lo azulito es el codigo

Y pegas debajo este código
text-align:center;
border-radius: 10px;
border: 1px dashed #fff;
color: #b6b4de;
background-color: #FCBBCD;
EDITEMOS
Azul: El radio del borde lo podéis aumentar o disminuir (si se aumenta se hará mas ovalado y si se baja mas cuadrado)
Rosa:El grosor del borde
Azul oscuro:El tipo de borde (soild-dotted...)
Verde:El color del borde
Naranja:Es el color de la letra cuando le das al titulo 
Rojo:Es el color del fondo
Le das a vista previa para ver como quedo y si te gusto lo guardas y si no vas cambiando cosas
listo espero que os haya gustado el tuto un besazo kumy-chan
creditos {x}


38 comentarios:

  1. Gracias por la aportación ^^
    Un abrazo;

    Jeanne.

    ResponderEliminar
  2. muy interesante el aporte, gracias por el ^^ por cierto me encanta tu nuevo diseño esta genial :DDD

    ResponderEliminar
  3. Gracias por el tuto! ;)

    Muchos Saludos y Besos!

    ResponderEliminar
  4. Gracias por el aporte ^^
    Tengo curiosidad. ¿Como haces para que la columna lateral este a la misma altura que la "cabecera"? ¿Y que los "widgets" este separados? Lo he estado buscando por internet, e intentándolo, pero nada. No me sale.
    Si no es mucha molestia. -^^-
    Besos!!! =^-^=

    ResponderEliminar
    Respuestas
    1. pues asta que no cambie el diseño no lo pore hacer u-u sorry

      Eliminar
  5. ahh gracias por la tutorial*O*
    saludos y gracias!!

    ResponderEliminar
  6. si esta muy lindo se podria poner con un fondo pero se me olvido comentarlo

    ResponderEliminar
  7. gracias por el tuto! ^v^
    trato de buscar buenos trucos para ver si hago una remo >u<

    besos Kumy!!! ^-^

    ResponderEliminar
  8. me encanto este tuto veremos si lo pongo en practica ahora mismo :D

    ResponderEliminar
  9. hola!! no encuntero H2 en mi plantilla de html...q puedo ahcer?_S

    ResponderEliminar
    Respuestas
    1. Eso es porque la plantilla que usas no tiene ese codigo prueba con la picture windows que es la que uso

      Eliminar
  10. Holii!!
    Yo intentado el tutorial pero no encuentro h3.post-title {

    ResponderEliminar
    Respuestas
    1. Usas una diferente plantilla, a mi me sirvió; pero con la plantilla picture windows...

      Eliminar
  11. Ey pues no me funcionó =*-*= No puedo encontrar: h2 {

    ResponderEliminar
    Respuestas
    1. Pues eso es porque tendrás una plantilla que no lo tiene yo uso la picture windows

      Eliminar
  12. Holis, me encantó el tuto!! *--* Lo entiendo todo perfectamente, pero tengo un problema: al buscar (en el buscador) la parte que hay que editar no me sale nada.. ¿Me podrías ayudar?
    Gracias ♥

    ResponderEliminar
    Respuestas
    1. Eso es porque no tienes una plantilla compatible prueba a usar Picture Windows que es la que yo uso & asi seguro que te sale :3

      Eliminar
    2. Oki, muchas gracias, me ayudaste mucho ^.^

      Eliminar
  13. Holi! Ya cambié la plantilla a Picture Window, pero tampoco me sale nada.. ¿Qué hago?

    ResponderEliminar
    Respuestas
    1. Pues revise el código y no hay fallos :( sera que colocas mal algún codigo

      Eliminar
  14. Hola Kumy♥ Muy Lindo El Tuto♥
    Pero tengo un problema.. al buscar el codigo no me aparece!
    se que es porque tengo una plantilla vieja.. me descargue una tulla.. pero nose como colocarla :3 me podrias decir?? gracias♥
    Besos *3*

    ResponderEliminar
  15. Holi!! Esto no me funciona, me sale que no está correctamente colocado, pero lo tengo bien!!! Es que hay 2 h2 { lo coloqué en los dos, pero no me sale nada, y me fijé que a ti el h2 { tee sale en la línea 320, pero a mi me sale en la 263 y en la 483.
    Espero que me puedas ayudar, Amanda.

    ResponderEliminar
    Respuestas
    1. Lo de las lineas da igual ya que puedo tener mas codigos que tu & eso aumenta las lineas & solo hay que ponerlo en un h2 { buesca el h2 { que tenga encima este codigo
      /* Headings
      ----------------------------------------------- */

      Eliminar
    2. Me sale. No se pueden analizar las variables de fondo porque no están construidas correctamente

      Eliminar
  16. Muchas gracias, era lo que andaba buscando. Saludos!

    ResponderEliminar
  17. ¿Y si solo lo quiero poner en la fecha? >.<

    ResponderEliminar

Holaa!! muy buenos días-tardes-noches espero que te haya gustado la entrada & si me dejas una huellita estaría muy agradecida.
Si tienes alguna duda no te olvides de mandarme un mail a mi correo o bien hacerlo por medio de la sección de dudas
candelaaisiska@gmai.com