Friends

Minggu, 02 Oktober 2011

Styles for text links in Dreamweaver

Now let us link the footer menu items. Once we link them we will also need to define a style for the linked text otherwise they the links will turn blue. To link the footer menu items:
  • First select ‘Home’ in the footer area
  • Click the folder icon next to the link field in the Properties panel, and select index.html.Styles for text links in Dreamweaver
  • You will notice that the Home link and turns blue
We need to create a style for the linked text in the footer div. To do this:
  • Click on the ‘New Style Rule’ icon at the bottom of the CSS Styles panel.
    Styles for text links in Dreamweaver
  • In the New CSS Rule Window select ‘Compound’ under ‘Selector Type’
  • Enter “#footer a” under Selector Name
    Styles for text links in Dreamweaver
  • Click the OK button
  • Enter the following style details:
    Styles for text links in Dreamweaver
  • You will notice that the Home link looks as it did before it was linked. Link the remaining 3 menu items to the respective html pages.
    Styles for text links in Dreamweaver
  • The footer menu is ready. Save the template and update all pages.

0 komentar:

Posting Komentar

#
### ###