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. Prácticamente lo que hacemos es aplicar un estilo a ol y resetear p (anidado en ol).

Primero creamos la lista

Aplicamos el estilo que llevarán los números a ol

Y por último reseteamos p

Espero que os haya gustado mucho!

Estilos visuales para Windows XP

Los mejores estilos visuales son aquellos que además de tener un gran aspecto usan el sistema nativo de Windows para cambiar la apariencia, es decir no necesitan hacer uso de programas externos como Style XP o Windows Blinds. Basta ya de esa aburrida barra de tareas azul, renueva tu escritorio.

Los mejores estilos visuales

  • Royale Noir
  • Baltimore VS
  • Clearlooks Gummy
  • HmmXP
  • Lakrits
  • Human for Windows
  • Incolore Composizione XP
  • Luna Element Black
  • Luna Element Blue
  • Luna Inspirat
  • OB Windows Media Player 11
  • Revo Blue
  • SlanXP 3

Conversor de entidades HTML

¿Qué hacer cuando no aparece el código HTML?

Algo que me pasa cuando quiero enviar un post que incluye código html es que no aparece el código. Esto pasa porque los caracteres <> son interpretados literalmente. Osea si escribo algo como esto que os muestro en la imagen inferior, será interpretado tal cual, por lo que sólo se mostrará un hola.

Sabiendo esto es fácil saber que la solución es cambiar dichos caracteres por su código html correspondiente, es decir se reemplazan las etiquetas < y > por &lt; y &gt;. Pero si el código a convertir es muy grande, puede resultar un fastidio hacer esto manualmente, para ello recurro a este conversor de entidades HTML, tan solo he de poner código en la zona de texto a convertir y presionar el botón convertir.

Con esto ya es posible insertar el código y que se muestre como debe de ser.

Cómo anotación esto pasa incluso en WordPress, aunque en FlatPress utilizando la etiqueta [code] de BBCode esto no sucede. Pero yo tengo que utilizar el conversor porque uso la etiqueta <pre> para poder estilizar el código.

Windows Live Writer con FlatPress

Los productos de Microsoft suelen recibir muy mala critica. Sin embargo Windows Live Writer ha sido bien recibido por los bloggers siendo una de las herramientas de edición de blogs por excelencia.

Y bien, como prometí en la anterior entrada pondré todo sobre como usar WLW con WordPress, la cosa es muy sencilla.

  1. Primero que nada descarga Windows Live Writer y instálalo.
  2. Descarga el plugin Remote Posting.
  3. Descomprime y sube el plugin via FTP a la carpeta fp-plugins.
  4. Habilitalo desde el panel.
  5. Abre Windows Live Writer y selecciona el tipo de blog que usas, en este caso tienes que elegir la opción “otro servicio de blog”.
  6. Rellena con la información de tu blog.
  7. Espere a que se configure tu cuenta.
  8. Te preguntará que si quieres que se descargue el theme de tu blog, dale que «Si», esto te permitirá ver el post en tiempo real mientras la estás editando.

Cuando terminas de escribir el post y estas contento con todo, presiona el boton finalizar.