Mostrar bloques de código HTML dentro de una página web

Navegando de nuevo por la web que os comentaba el otro día he encontrado esta otra aportación interesante para nuestra causa. Puede que muchos de vosotros lo sepáis pero yo no tenía ni idea de esto, así que os dejo en enlace como siempre para que juzguéis vosotros mismos: http://www.locualo.net

En este interesante artículo nos dan las instrucciones para insertar etiquetas en una página web y que se vean realmente las etiquetas al visualizar la página en el navegador. Si hacéis la prueba, al introducir etiquetas en una de vuestras páginas (a modo de ejemplo de algo que explicáis en ella), os llevaréis un chasco tremendo al comprobar que en el navegador no se ven. Esto se debe a que el navegador las interpreta como si de cualquier otra etiqueta HTML de las de vuestra página se tratara.

Saludos y hasta la próxima.

Capa con transparencia usando CSS y funcionando en IE, Opera y Firefox

Navegando por internet me he encontrado con este truco para aplicar fácilmente a nuestras páginas y que consiste en una capa con transparencia que podemos colocar en cualquier parte de nuestra web. El efecto sólo utiliza hojas de estilo CSS y HTML.

Todavía no me he puesto con ello pero combinándo lo que vemos en esa página con un poco de JavaScript podríamos conseguir efectos muy chulos para nuestras páginas. Por ejemplo, yo creo haber visto algo así en algún servicio de Google (no recuerdo si Gmail, o Google Calendar, o cuál de ellos), en el que pinchando sobre algo se bloqueaba la pantalla mediante una capa puesta encima de la página, dejándonos únicamente pulsar un botón pero a la vez dejándonos ver algo difuminado todo lo que hay debajo de esta capa gracias a la transparencia.

Esta es la dirección del sitio para que le echéis un vistazo: http://www.locualo.net dentro podéis encontrar más artículos.