IT tutorials
 
Graphics
 

Dreamweaver CS5 : Edit a Drop-Down Menu

10/18/2011 6:20:52 PM
- Windows 10 Product Activation Keys Free 2019 (All Versions)
- How To Bypass Torrent Connection Blocking By Your ISP
- How To Install Actual Facebook App On Kindle Fire
After you have added a drop-down menu to your site, you will want to change the appearance to better match the design on your Web pages. You can edit the colors, fonts, and other features of a drop-down menu by editing the corresponding CSS rules.


Edit a Drop-Down Menu

Note: Add a drop-down menu, as shown in the previous section, "Create a Drop-Down Menu," and then follow these steps.

Click Window.

Click CSS Styles.

  • The CSS Styles panel opens.

Click + to open the style sheet that corresponds to the Spry menu.



  • The Spry menu opens, and all the styles that control the appearance of the menu are listed in the CSS Styles panel.

  • You can click once on any style name to view and edit the definition in the CSS Styles panel's Properties pane.

  • Click here and drag to expand the Properties pane.

Double-click the name of the style that you want to edit.



The selected style opens in the CSS Rule Definition dialog box.

Click to select a category.

Make your changes to the style.

Note: In this example, the background color is changed.

  • You can click Apply to preview the changes.

Click OK.



The style change is reflected in the workspace.

  • In this example, the background color of the drop-down menu was changed to blue, and the text color was changed to white.

  • Click any other style to edit it in the Properties pane or double-click to open it in the CSS Rule Definition dialog box.




How do I know which style corresponds to the menu items?

When you click the name of a style in the CSS Styles panel, the rule is displayed in the Properties pane. By studying the style definition rules, you can deduce which style controls which formatting element. For example, click the style named ul.MenuBarHorizontal a, and you can see that the style controls the background color, text color, cursor display, and padding for the active link style, which controls how any linked text appears when the page is first loaded into a Web browser.


 
Others
 
- Getting Started with Photoshop CS5 : Checking for Updates and Patches
- Getting Started with Photoshop CS5 : Changing Image Size and Resolution
- QuarkXPress 8 : Typography - Working with tabs
- QuarkXPress 8 : Typography - Formatting characters and paragraphs
- Corel Painter X : Graphic Techniques - Vector Values
- Corel Painter X : Graphic Techniques - Fine Art Printmaking
- Adobe InDesign CS5 : Customizing - Modifying Keyboard Shortcuts (part 2)
- Adobe InDesign CS5 : Customizing - Modifying Keyboard Shortcuts (part 1)
- CorelDRAW X5 : Setting Up Your Document Page (part 2) - Controlling Page Background Color & Using Layouts and Labels
- CorelDRAW X5 : Setting Up Your Document Page (part 1)
 
 
Top 10
 
- Microsoft Visio 2013 : Adding Structure to Your Diagrams - Finding containers and lists in Visio (part 2) - Wireframes,Legends
- Microsoft Visio 2013 : Adding Structure to Your Diagrams - Finding containers and lists in Visio (part 1) - Swimlanes
- Microsoft Visio 2013 : Adding Structure to Your Diagrams - Formatting and sizing lists
- Microsoft Visio 2013 : Adding Structure to Your Diagrams - Adding shapes to lists
- Microsoft Visio 2013 : Adding Structure to Your Diagrams - Sizing containers
- Microsoft Access 2010 : Control Properties and Why to Use Them (part 3) - The Other Properties of a Control
- Microsoft Access 2010 : Control Properties and Why to Use Them (part 2) - The Data Properties of a Control
- Microsoft Access 2010 : Control Properties and Why to Use Them (part 1) - The Format Properties of a Control
- Microsoft Access 2010 : Form Properties and Why Should You Use Them - Working with the Properties Window
- Microsoft Visio 2013 : Using the Organization Chart Wizard with new data
programming4us programming4us
 
Popular tags
 
Video Tutorail Microsoft Access Microsoft Excel Microsoft OneNote Microsoft PowerPoint Microsoft Project Microsoft Visio Microsoft Word Active Directory Biztalk Exchange Server Microsoft LynC Server Microsoft Dynamic Sharepoint Sql Server Windows Server 2008 Windows Server 2012 Windows 7 Windows 8 Adobe Indesign Adobe Flash Professional Dreamweaver Adobe Illustrator Adobe After Effects Adobe Photoshop Adobe Fireworks Adobe Flash Catalyst Corel Painter X CorelDRAW X5 CorelDraw 10 QuarkXPress 8 windows Phone 7 windows Phone 8 BlackBerry Android Ipad Iphone iOS