Archivo de la categoría 'CSS'

Inocentada

Ayer se celebró el día de los Inocentes en España y en varios países hispanohablantes. Es el equivalente al “Fool’s Day” anglosajón y en ese día se gastan bromas, llamadas en este caso “inocentadas”.

Aquí en (: HEC :) también gastamos una inocentada. Si alguien visitó el sitio durante el día 28 de diciembre lo vería todo al revés, “en espejo” concretamente. Así:

La verdad es que es un truco que puede conseguirse muy fácilmente con los comandos que se utilizan en CSS para dar estilo a textos de idiomas que se leen de derecha a izquierda, como el árabe, por ejemplo. Si colocáis lo siguiente en vuestra hoja de estilo, toda vuestra página aparecerá “al revés”.

* {
direction:rtl; unicode-bidi:bidi-override;
}

Por supuesto, también puede usarse style=”direction:rtl; unicode-bidi:bidi-override;” aplicado al elemento concreto que queramos modificar en la página. Así:

<p style="direction:rtl; unicode-bidi:bidi-override;">Ejemplo</p>

Producirá:

Ejemplo

Espero que os haya hecho al menos un poco de gracia. o:)

Felices Fiestas.