Bloque de Fechas para Blogs

Miércoles 28 De Septiembre Del 2005 @ 11:21 AM | kaioken

Estaba leyendo el blog de JWynia (lo acabo de encontrar) y me he encontrado con un buen codigo de CSS, para poder hacer fechas cool para un blog.

De seguro que ya se han encontrado con blogs con este estilo de fecha.

User posted image.

Pues ahora te voy a enseñar con que facilidad se hacer. Ademas no solo para blogs lo puedes usar,sino para tu site y asi darle una apariencia diferente a los demas.

Codigo CSS
Code:

.dateblock {
 text-align: center;
 width: 50px;
 font-family: Arial;
 }
 .day {
 font-size: 26px;
 position: relative;
 top: -5px;
 }
 .month {
 font-size: 12px;
 }
 .year {
 font-size: 12px;
 position: relative;
 top: -10px;
 }


Codigo HTML
Code:
<div class="dateblock">
 <div class="month">
 SEP
 </div>
 <div class="day">
 05
 </div>
 <div class="year">
 2005
 </div>
 </div>


Para ver el articulo completo, leer mas, presionar aqui

All Sonic No Boom - Mach Plus travel is back

Barcelona acogera un nuevo congreso sobre innovacion y tecnologia en 2009

Inkscape: Open Source Drawing for SVG

La ministra dice que Spanair barajo cambiar el avion tras el intento fallido de despegue

AMD's First 45nm Desktop CPU Set to Arrive Jan 09

Book Review: Advanced Ajax by Shawn M Lauriat

kb8_phm
2005-09-28 18:59:27

Pues lo acabo de poner, yo lo que he tenido que hacer es quitar el:

top: -5px;
top: -10px;

de

.day
.year

respectivamente para poderlo ver bien.


No estas logeado para comentar

 

Parte de:
Comunidad MC
Afiliados:

GirlTekK