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 con 1 comentario.
Lee más artículos sobre CSS y Diseño Web y Herramientas Webmasters y PHP y Recursos Webmasters

Random Posts

• 
  Illustrator CS Portable

       Es un editor considerado lo mejor en diseño vectorial. Te permite convertir fotos en imágenes vectoriales, aplicar colores a...

• 
  Contraseñas Seguras

  password.es, es una aplicación web adaptada del ingles al español por ferca para generar contraseñas seguras para sitios que requieran alguna...

• 
  Nueva posibilidad de alternar los anuncios de Adsense

  Ya no es necesario ingeniartelas para alternar los distintos tipos de formatos de anuncios de Adsense sino que es posible gracias a un código que...

• 
  Localhostr ofrece 50 Mb para alojar

      Localhostr  es una web que nos ofrece 50 Mb en el cual podemos almacenar nuestros archivos. Hace tiempo está misma web nos había...

• 
  Nuevas plantillas para Blogger

  Si buscas templates para blogger en 10bloggertemplates podrás encontrar casi 1000 templates para cambiar tu diseño del blog. My Scrapblog |...