Graphics Programs Reference
In-Depth Information
To create an alternate style that displays all print in black for the
print media:
1. Open the nbf_styles.css style sheet in the Document window and switch to
Code View.
2. Place the insertion point after the second closing bracket at the bottom of the
page, and then press the Enter key to create a new line.
3. Type @media print { on the new line, and then press the Enter key to cre-
ate a new line. Any styles you add after this designation affect only the print
media type.
Create the alternate media
style sheet at the bottom of
the main style sheet so that
it overrides the default style
only for the designated
alternate media types.
4. Place the insertion point at the left of the new line, if necessary, type body, td, th,
a:link, #footer a:link, h1, h2, .sub2, .quote { on the line. These are the names of
all the styles in the main style sheet that you want to change to a black font color
for printing.
5. Press the Enter key to create a new line. The new line is indented and a list of
potential attributes opens. You'll enter the attribute manually.
6. Type color: #000; as the attribute, and then press the Enter key to create a
new line.
7. Type } to close the style, press the Enter key to create a new line, and then type }
to close the media type tag. See Figure 8-43.
Figure 8-43
Code for the alternate print style
changes all text to
a black font when
printed
8. Save the style sheet, and then return to the index.html page.
9. On the Style Rendering toolbar, click the Render Print Media Type button
.
The page is displayed with the alternate print style. See Figure 8-44.
Search WWH ::




Custom Search