You are on page 1of 3

CSSLab

Un laboratorio de ideas para la web en español
?

 

☙ Inicio ❧ ☙ Envía tu Sitio ❧

Publicado: ategorías
 

CSS Misc

Tags

CSS en Flash: sólida pareja
Desde Flash MX 2004 que se permite importar información de hojas de estilo CSS para los campos de texto dinámicos de una película Flash. Lo interesante de esto es la capacidad de manejar externamente el estilo del texto que contiene la película, sin tener que publicarla nuevamente con una nueva, por ejemplo tipografía, o color de texto. Otra ventaja es tener en una misma caja de texto diferentes estilos (recordemos que estamos trabajando con textos dinámicos, y éstos deben tener el mismo tipo de texto para cada campo) sin tener que fraccionar ese bloque en diferentes partes. A continuación veremos cómo cargar una hoja de estilos CSS, manipularla ya lo sabemos pero la implementaremos dentro de una película Flash 7+. Necesitas primero un campo de texto dinámico. Esto es lo más fácil, hazla del tamaño que quieras . Luego, un importante ítem a ser seleccionado: en Properties, asegúrate de seleccionar Multiline no wrap y Render text as HTML, como en la imagen siguiente: Ahora, dale un nombre a esa instancia (campo de texto dinámico), en este caso usaré output. Por último, hora de agregar algo de acción. En el primer frame, copia el siguiente código Actionscript: var format = new TextField.StyleSheet(); var path = "http://www.csslab.cl/ejemplos/flash/flash.css"; var quick = "<br><p class=’uno’>Lorem ipsum dolor sit amet.</p><br><p class=’dos’>Lorem ipsum dolor sit amet.</p><br><p class=’tres’>Lorem ipsum dolor sit amet.</p><br><p class=’cuatro’>Lorem ipsum dolor sit amet.</p>";

Helvetica. color: #333333. el archivo CSS: . sans-serif. Son soportados gran parte de las propiedades de CSS1.text = quick. font-weight: bolder. color. letter-spacing. sans-serif.text = "Error cargando archivo CSS". font-size: 10px. con sus respectivas clases. Lo que hace el anterior código. font-weight: normal. llamado output. format. sans-serif. } . color: #FF9900. Ahora. font-size: 24px. font-family. fontsize.format. } }. margin-left.onLoad = function(loaded) { if (loaded) { output. font-weight: normal. en HTML. color: #FF0099. } else { output. font-weight: bolder. } . } Aún la implementación de CSS en Flash es limitado. sans-serif. text-decoration.dos { font-family: Arial. en este caso desde el mismo servidor en que está alojado CSSLab. Helvetica. Por último. carga el CSS (onLoad) y lo aplica al campo de texto dinámico que creamos. mejor si es absoluto.load(path). font-size: 18px. textindent.tres { font-family: Arial. color: #000000. y en Flash 8 aseguran que este número aumentó: text-align. font-size: 14px. Luego el texto a ser desplegado. Ver resultado final . output. y decir dónde está el archivo CSS. font-style. es primero que nada crear un objeto que controle el flujo del CSS.styleSheet = format. margin-right. font-weight. } .cuatro { font-family: Arial. Helvetica.uno { font-family: Arial. Helvetica.

Links:   Macromedia Adobe LiveDocs Kirupa .