MACROMEDIA FLASH MX 2004 - ACTIONSCRIPT, Reference Manual

Page: 144 / 816

144 Chapter 8: Working with Text
An example of using styles with HTML
This section presents an example of using styles with HTML tags. You’ll create a style sheet that
styles some built-in tags and defines some style classes. You’ll then apply that style sheet to a
TextField object that contains HTML-formatted text.
To format HTML with a style sheet, do the following:
1
In your preferred text editor, create a file.
2
Add the following style sheet definition to the file:
p {
color: #000000;
font-family: Arial,Helvetica,sans-serif;
font-size: 12px;
display: inline;
}
a:link {
color: #FF0000;
}
a:hover{
text-decoration: underline;
}
.headline {
color: #000000;
font-family: Arial,Helvetica,sans-serif;
font-size: 18px;
font-weight: bold;
display: block;
}
.byline {
color: #666600;
font-style: italic;
font-weight: bold;
display: inline;
}
This style sheet defines styles for two built-in HTML tags (
<p>
and
<a>
) that will be applied to
all instances of those tags. It also defines two style classes (
.headline
and
.byline
) that will
be applied to specific paragraphs and text spans.
3
Save the file as html_styles.css.
4
In Flash, create a FLA file.
5
Using the Text tool, create a text field approximately 400 pixels wide and 300 pixels high.
6
Open the Property inspector (Window > Properties) and select the text field.
7
In the Property inspector, select Dynamic Text from the Text Type menu, select Multiline from
the Line Type menu, select the Render Text as HTML option, and type
news_txt
in the
Instance Name text box.
8
Select the first frame in Layer 1 in the Timeline (Window > Timeline).