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:

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

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 | 18 de Mayo de 2007 | 1 comentario
CSS y Diseño Web y Herramientas Webmasters y PHP y Recursos Webmasters.