• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint
Share this Page URL
Help

Chapter 10. Creating HTML Styles > Creating New Styles

Creating New Styles

There are several ways to create your own HTML style. One way is to format text as you like, and then save that formatting in a style. Another way is to make a copy of an existing style in the HTML Styles panel, and then edit that style. A third way is to create a style from scratch.

To save formatting as a style:

1.
In the Document window, make some changes to a paragraph or a selected piece of text using the Property inspector. For example, in Figure 10.12, I made the first paragraph into Heading 2 format, centered it, used the Arial font face, and changed the color to Corporate Blue.

Figure 10.12. This paragraph was in the pre-set Heading style in Figure 10.2, and then I modified it. Now I want to save the attributes as a style so I can apply them again and again.


2.
With the text or paragraph selected, click on the New Style button on the bottom of the HTML Styles panel (Figure 10.13).

Figure 10.13. Click on the New Style button on the bottom of the HTML Styles panel.


The Define HTML Style dialog box will appear (Figure 10.14).

Figure 10.14. All my formatting appears in the Define HTML Style dialog box.


3.
In the Define HTML Style dialog box, the formatting you applied to the text will be indicated. For example, if you made the text blue, the Color button will be blue.

Type a name for your style in the Name text box.

4.
Click the radio button for Selection or Paragraph, depending whether you want to create a character or a paragraph style.

5.
Examine the other attributes, and make any changes that you like. For details, see the sidebar Font and Paragraph Attributes, later in this chapter. When you're satisfied, click on OK to close the Define HTML Styles dialog box and return to the Document window.

The name of your style will appear in the HTML Styles panel (Figure 10.15). Now you can apply it to other pieces of text.

Figure 10.15. Now my new style, which I named A-Head, appears in the HTML Styles panel.



PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


  
  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint