Agregar icono de fecha en el título de tus post

Muchos blogs usan un icono para mostrar la fecha de publicación del post. Aqui te menciono como poder lograr esto:

  • Subiremos la imagen que queremos que sea nuestro fondo para la fecha, la deberás subir al theme dentro de la carpeta images, ahora copiamos el siguiente código:

CSS:

  1. .the_date {
  2. display:block;
  3. text-align: center;
  4. float:left;
  5. font-family: Arial, Helvetica, sans-serif;
  6. background: url(images/green.jpg) no-repeat;
  7. width:60px;
  8. }
  9. .date_m {
  10. display:block;
  11. font-size: .9em;
  12. margin:0;
  13. padding:0;
  14. font-weight: bold;
  15. text-align:center;
  16. }
  17. .date_d {
  18. display:block;
  19. font-size:1.4em;
  20. margin:0;
  21. padding:0.7em 0 1.3em 0;
  22. text-align: center;
  23. }

 Como puedes ver la parte donde se encuentra images/green.jpg  es donde cambiaremos el nombre de nuestra imagen, en este ejemplo se llama green.jpg ahi es donde lleva el nombre de nuestra imagen.

En la página principal index.php colocaremos este código:

PHP:

codigo php index

Si quieres que se encuentre de lado izquierdo del título pondríamos:

perman.JPG

y pegarlo antes de todo ello.

Ahora si requieres de estas imagenes aquí dejo un link para descargar algunas.

Descargar Pack de Imagenes

Visto en: Xyberneticos

You may also like...

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos necesarios están marcados *

Puedes usar las siguientes etiquetas y atributos HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>