
Si algo me ha gustado de algunos themes, son esos iconos con la fecha de publicación del artículo al lado del titulo. Seguramente a ti te suceda lo mismo, pero justo haz dado con un theme que te ha agradado mucho, pero no cuenta con este icono que muestre la fecha de tus post como a ti te gustaría.
Entonces, como logramos insertar este icono en nuestro theme?
Primero subimos la imagen que utilizaremos de fondo en al mostrar la fecha. Esta imagen la deberás subir al theme que utilizas actualmente dentro de la carpeta “Images”.
Luego pegamos el siguiente código en nuestra hoja de estilo (style.css)
-
.the_date {
-
display:block;
-
text-align: center;
-
float:left;
-
font-family: Arial, Helvetica, sans-serif;
-
background: url(images/pink.png) no-repeat;
-
width:60px;
-
}
-
-
.date_m {
-
display:block;
-
font-size: .9em;
-
margin:0;
-
padding:0;
-
font-weight: bold;
-
text-align:center;
-
}
-
-
.date_d {
-
display:block;
-
font-size:1.4em;
-
margin:0;
-
padding:0.7em 0 1.3em 0;
-
text-align: center;
-
}
Si observas el código en esta parte “images/pink.png” aquí deberás modificarlo y poner el nombre que lleve tu imagen, en mi caso, guarde la imagen en la carpeta “images” de mi theme, y la imagen se llama “pink.png”.
Una vez pegado el código anterior en nuestra hoja de estilo, nos dirigimos a nuestra Plantilla de la página principal (index.php), y pegamos este siguiente codigo:
-
<div class="the_date"><span class="date_m"></span> <span class="date_d"></span></div>
Si quieres que el icono de fecha aparezca al lado izquierdo del titulo de tus post debes buscar la propiedad
-
<?php the_permalink(); ?>
y pegarlo precisamente antes de todo ello. Para que quede claro, les dejo esta imagen, lo resaltado en AZUL es el código que yo pegue.

Como ven lo pegamos antes de todo lo subrayado en color rojo, que es el Link permanente que mostrara el titulo del post.
PACK DE IMAGENES PARA LAS FECHAS

Ahora creo que lo único que te falta es bajar iconos para utilizarlos en tus diferentes diseños, Entonces les dejo este PACK de 26 iconos para las fechas de tus post, todos de diferente color y en formato PNG. Puede que sean más grandes de lo normal, pero eso no es una complicación, le reduces el tamaño con cualquier editor de imágenes.
Descargar Pack de Imagenes
Iconos y articulo original realizados por la gente de euphorish



www.elserver.com
Hosting Web 2.0 - La Empresa que sobrepasa todas las expectativas...
www.slicercss.com
Tus diseños en PSD a archivos XHTML y CSS validos
www.Tilidom.com
Almacenar toda tu informacion, incluyendo fotos, videos y musica.









Agregar icono de fecha en el titulo de tus post - ZonaMasters - Recursos para webmasters
17 - 05 - 2007
Permalink
[...] Visto en: Zonamasters [...]
Minikotry
17 - 05 - 2007
Permalink
Hola! Me cantan esos iconos al lado del título que muestran la fecha de la entrada, el problema es que utilizo Blogger y a pesar de haberlo intentado varias veces, nunca he consido añadirlo. ¿Alguna idea? Muchas gracias. Saludos
Aikora
17 - 05 - 2007
Permalink
Espero poder hacerlo esta vez no como el menu horizontal que por más que le hice y movi, nada mas no. Esos iconos con la fecha en verdad son muy "monos".
Saludos.
Nikko
17 - 05 - 2007
Permalink
Minikotry : deberia ver como son las plantillas de blogger la verdad que ni las recuerdo...cuando tenga tiempo las chusmeo..saludos
Nikko
17 - 05 - 2007
Permalink
Aikora: Un dato q tener en cuenta. A veces me sucede que realizo cambios en mi css y no los veo al instante en el sitio. Es por ello que antes de ponerlos y chequear que los códigos estén bien, antes de ponerlos en los post. Lo chequeo en mi localhost en mi pc.
A lo que me refiero es que quizás hayas echo todo bien, pero no haz visto los cambios en tu blog automáticamente después de que se produjeron. Por ahi puede ser la cache de firefox
Te dejo una extensión para de mantenerla lo mas limpia posible, yo lo uso mucho y cada tanto la voy limpiando
https://addons.mozilla.org/addon.php?id=1881
cuando tengas dudas...pregunta...cuando el tiempo vaya dando, no hay problema en ayudarte. Saludos
Aikora
17 - 05 - 2007
Permalink
No no no, claro! Algo tan básico y se me paso por completo (que buen admin sere jeje) de por si el CMS que uso guarda un cache propio y se tiene que vaciar desde ftp o con un plug in y se me fue... creo que le volvere a intentar y gracias por el soporte de antemano. Saludos.
Nikko
17 - 05 - 2007
Permalink
je saludos Aikora
WordPress al día (21/05/07) » blogpocket 6.0
17 - 05 - 2007
Permalink
[...] Por otra parte en Xybernéticos encontrábamos un tip muy bueno para añadir iconos con la fecha para los títulos de los posts: Agregar icono de fecha en el titulo de tus post. [...]
gonzalo
17 - 05 - 2007
Permalink
Hola, saludos desde Uruguay.
Soy nuevo en esto del Wordpress, y estoy intentando armar un sitio.
He intentado colocar el ícono con la fecha del post, pero no he logrado los resultados buscados.
Alguien podría darme una mano?
Los saludo nuevamente.
Gonzalo
berachi@adinet.com.uy
Carlos
17 - 05 - 2007
Permalink
Hola nikko, mira ya pude poner la imagen a un lado del titulo del post, pero la fechar no aparece ahi, sigue apareciendo debajo del titulo, como siempre.
que mas necesito modificar???
salu2