Tecnología

Inicio

Cómo Hacer texto al revés

Cómo Hacer texto al revés


Usted puede hacer casi cualquier cosa que puedas imagen en texto con sólo un poco de CSS: texto del arco iris, hacia atrás de texto, e incluso hacer que el texto al revés. Este pequeño truco funciona para los sitios web, blogs, revistas, perfiles de MySpace, y en cualquier lugar se permite otra cosa CSS. Aquí es cómo hacer que el texto al revés:

IMPORTANTE: Los códigos que se muestran en este artículo todo puede ser distribuido, copiado y pegado en sitios web, perfiles de MySpace, y en cualquier lugar se encuentra habilitado el CSS. Sin embargo, los códigos incluyen un asterick

() al principio para que pueda ver el código en texto sin formato. Debe quitar el antes de usar el código con el fin de que funcione.

Instrucciones

1 Acerca de filtros CSS

Los filtros fueron introducidos junto con la llegada de Internet Explorer 4, que nos dio una cuantas nuevas formas de jugar con texto e imágenes. Y con IE 5.5, se añadieron aún más creativas filtros para la mezcla, lo que nos permite hacer casi cualquier cosa imaginable con la ayuda de CSS. Hay literalmente docenas de diferentes filtros que se pueden utilizar solos para personalizar su sitio web o perfil de MySpace, y combinaciones ilimitadas que se pueden crear para un estilo verdaderamente único docenas.

2 El filtro al revés

Para hacer que el texto al revés con CSS, es necesario utilizar el filtro "flip":

<Font style = "filtro: flipv; altura: 1;"> Este es el texto al revés </ font>.

Puede copiar y pegar el código anterior, y cambiar "Este es el texto al revés" para el texto que desea mostrar al revés. No es necesario hacer ningún otro cambio.

El atributo para el filtro de la moneda es "filtro: flipv;" que especifica que el texto entre las etiquetas de estilo debe ser volteada verticalmente, por lo que es al revés. Para los filtros para trabajar, también debe establecer una dimensión para el elemento que va a ser, en este caso, volteado. Debido a que estamos usando el filtro de texto, sólo tiene que establecer una altura para que pueda dar la vuelta.

3 Mezclando el filtro del tirón con otros atributos

También puede realizar cambios en el color, el tamaño, la fuente, y del mismo modo con las mismas etiquetas de estilo. Si no está utilizando una hoja de estilo para cambiar su color y tamaño del texto, o si desea hacer su revés texto diferente del resto de su texto, a continuación, se puede hacer algo similar a esto:

<Font style = "filtro: flipv; altura: 1; color: # 8808FF; font-size: 12px; font-family: Tahoma; border: 2px de puntos;">. Esto es al revés texto </ font>

En este ejemplo se va a hacer el texto al revés, púrpura, tamaño 12 puntos, en la fuente Tahoma, con un borde de puntos de tamaño de 2 puntos en todo el texto.

Se puede quitar o añadir cualquier atributo con el estilo que desee, o copiar y pegar el ejemplo anterior y cambiar los atributos ya existe.

4 Hacer todo el texto al revés

También puede hacer que todo el texto en su perfil de MySpace, un sitio web, o blog revés añadiendo este código en su hoja de estilo en la sección "cuerpo":

cuerpo {
Filtro: flipv;
altura: 1;
}

Esto a su vez su página entera o perfil al revés, por lo que el texto que estaba inicialmente en la parte superior de la página ahora será al revés y en la parte inferior.

5 Filtros de CSS del W3C y Compatibilidad

Los filtros no están exentas de problemas: para empezar, filtros sólo funcionan en Internet Explorer 5.5 o superior - que no son compatibles entre sí, y así Firefox, Safari y Opera no los reconocen. En segundo lugar, debido a la primera, los filtros no se ajustan a los estándares del W3C. Esto significa que el uso de filtros haría que su código no válido. (Para aquellos que utilizan filtros para perfiles de MySpace u otros sitios de redes sociales, esto no es de interés para usted, como usted puede hacerlo al revés texto con filtros sin ningún problema.)