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

Duplicating a style

Now you'll create a new class for the author's attribution by copying the style that you just created.

1.
In the spotlight.html:CSS Editor window, select the .pullquote class that you created earlier. It's now part of the document's internal style sheet. You'll duplicate this class and then modify its font to create a new class.

2.
With the .pullquote class selected, right-click (Windows) or Control-click (Mac OS) to display the context menu, and choose Duplicate. (You can also choose Edit > Duplicate from the GoLive command bar.) A new item called .pullquote1 appears in both the CSS Editor window under the Internal folder and in the Selector and Properties panel () of the CSS Editor.

Now you'll edit the properties of this duplicate class.

3.
In the Selector and Properties panel of the CSS Editor, rename the class .author, and press Enter or Return. (Don't forget the leading period in the class name.)

4.
Click the Font Properties button () in the CSS Editor. Notice that the attributes for the .pullquote class already appear. Change the font color to Black and the font style to Normal.

5.
Click the Block Properties button of the CSS Editor, and enter a top margin of –1% to close up the space between it and the pullquote. Then press Enter or Return.

Now you'll apply this new class style to your page.

6.
In your document window, select the text “Benjamin Lucas” immediately below the pullquote (poem).

7.
In the CSS palette, next to author, click the Paragraph column. This updates your text with this new format.

8.
Make the spotlight.html document window active, and choose File > Save to save your changes.


PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


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