Ponle Estilo a tus Listas Ordenadas con CSS
Por defecto las listas ordenas muestran el número listado con el mismo estilo de fuente usado para el cuerpo del texto. Para diferenciarlo vamos a darle estilo mediante CSS y para eso haremos uso de otro elemento, como puede ser span o p en este caso p.
Practicamente lo que hacemos es aplicar un estilo a ol y resetear p (anidado en ol).
Darkenized theme para FlatPress
Y como dije en el post del theme anterior, estaba trabajando en algunos themes, y ¡por fin! un theme nuevo para FlatPress. Es de una sola columna, y viene en 3 estilos diferentes, darkenized (default), darkenized green y darkenized wind; creo que no es dificil saber cual es cada cual.
Español: los widgets se colocan en la barra inferior. Para editar el avatar simplemente reemplaza o edita la imagen avatar.png. Para editar los datos (Name, Age, Country) abre tu header.tpl.
English: widgets are placed in the bottom bar. To edit your avatar simply replace or edit the image avatar.png. To edit the information (Name, Age, Country) opens your header.tpl.
Deckay 4.0 para FlatPress
El blog estaba teniendo buena actividad últimamente en cuestión de post; pero de repente se me vió ausente por unos días. Pues esta es la razón por la cual no me había pasado por aquí, estaba trabajando en algunos temas para FlatPress y actualizando otros.
Y como primera entrega de este arduo trabajo les traigo una actualización, la versión 4 del theme Deckay. Ahora tiene más estilos para elegir. Abajo listo los cambios.
Cambios importantes:
- Agregados más estilos.
- Cambios en el código.
- CSS más ligero.
- Imagenes más ligeras.
- Gravatares listos.
Editado el 10 de abril de 2010.
Reparado CSS del calendario.
Pseudo-clases en Internet Explorer
Las pseudo-clases y pseudo-elementos son usados para crear efectos que no son accesibles por otros métodos. Como crear un efecto al pasar el cursor sobre un elemento (:hover) o cambiar la primera letra de un párrafo (:first-letter).
En esta entrada puse un ejemplo de una tabla estilizada con CSS por medio de pseudo-clases. Y como mencioné en Internet Explorer no funcionan los pseudo-clases.
Internet Explorer 6 solo soporta :hover y :active y sólo funcionan en los vínculos. Deja deshabilitadas muchas pseudo-clases y pseudo-elementos importantes:
[attr], [attr="value"], [attr~="value"] etc :hover, :active, :focus (para todos los elementos) :first-child, :last-child, only-child, nth-child, nth-last-child :checked, :disabled, :enabled :empty, :contains(), :not() :before/:after/content: :lang()
Para reparar esto podemos usar el script IE7. El proyecto se encuentra alojado en google code por lo que podemos ponerlo directamente en el html sin descargar nada, sólo colocamos el siguiente código dentro de <head>
<!--[if lt IE 7]> <script src="http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE7.js" type="text/javascript"></script> <![endif]-->
