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

Escrito por AlmiuX el 18 de Mayo de 2007 con 1 comentario.
Enviar a un amigo por E-Mail
Lee más artículos sobre CSS y Diseño Web y Herramientas Webmasters y PHP y Recursos Webmasters

Artículos relacionados

Aún no hay comentarios. Sé el primero.

Deja una respuesta