Dreevoo.com | Online Learning and Knowledge Sharing
 
Home | Programs | Adobe Dreamweaver | Navigation | A simple dropdown menu with Dreamweaver
Guest
Click to view your profile
Topics
Programs
Languages
Recipes
Home
Shortcuts
 
 

A simple dropdown menu with Dreamweaver

In this tutorial we create a simple dropdown menu, using Adobe Dreamweaver's builtin features.

 
  Author: mat | Version: CS5 | 1st November 2011 |  
 
 
1.
 

Create a new HTML document and save it.

 
 
2.
 

In the menu click Insert, Spry and choose Spry Menu Bar.

Select the type of menu you would like to create and click OK.


 
 
3.
 

A fully functional menu has been created.

Let's customize it a little.

Click Spry Menu Bar (see picture) ...

 
 
4.
 

... to open the properties bellow.

Here you have can modify all the menu items. You can add and delete items and sub items, rename them, move them and so on.

Let's rename them first.

Select Item 1 ...


 
 
5.
 

... and enter a new name for the item.

I entered Home, being the first item in the menu.

Rename the other menu buttons as well.

 
 
6.
 

Now select the Home then sub item Item 1.1 and click Remove menu Item button (see picture).

Remove the rest of the Home's sub items.

 
 
7.
 

Now select the second item and click Add menu item button to add a new sub item and rename it as you wish.

Now add a couple of more sub items and rename them as well.

 
 
8.
 

This is how it's suppose to look like.

 
 
9.
 

Now go to CSS Styles, click All and click SpryMenuBarHorizontal.css (see picture).

 
 
10.
 

Double click the ul.MenuBarHorizontal a

 
 
11.
 

And change the menu settings like fonts, background, colors and so on. If you want to change the color of the menu, go to Backround, change the settings and click Apply.

You can also change the settings in following CSS styles:

ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible

Click OK when finished.

 
 
12.
 

Now click the Preview/Debug in Browser button or press F12 to admire your menu in an actual Web browser.

 
 
13.
 

Click Yes when asked to save ...

 
 
14.
 

... and here's my new  Dropdown Menu.


Need some help or just want to drop a line or two, click the Comment.

 
 
 
   
  Please login to post a comment
  Click to open user profile  
LizErd, 16th Apr 2023, 1:01 PM
Buy, sell, trade cryptocurrency from a trusted crypto exchange with incredibly low trading fees and requires no ID checks on withdrawals https://www.bitrue.com/activity/kol/land....
 
 
  Click to open user profile  
LizErd, 17th Apr 2023, 11:28 AM
I just couldn't leave your website before telling you that I truly enjoyed the top quality info you present to your visitors? Will be back again frequently to check up on new posts. обменник криптовалютhttps://cross-market.net/
 
 
  Click to open user profile  
Kadimi1988, 24th Apr 2023, 12:28 PM
Through this website, we talk about, examine, describe, and write about many items, services, technologies, and more, but exclusively for educational and learning purposes. Having said that, even though we make every effort to keep the information on https://networkslog.com/ networkslog.com current, there may occasionally or more frequently be information that is out-of-date. As a result, any issues or problems resulting from the use of the information on our website are entirely the responsibility of the users, as we make every effort to provide this website for free and in good faith only.
 
 
  Click to open user profile  
LizErd, 25th Apr 2023, 3:50 PM
Looking for custom shirts, hoodies, and other apparel that truly reflect your personality and style? Look no further than SESEABLE, your one-stop shop for all things personalized. With our online store, we make it easy for you to find and shop for beautifully designed items that speak to your hobbies and passions, from Christmas gifts to Mother's Day gifts and more. Explore our diverse categories, including Funny T-shirts, Dog Lover Gifts, Quote Shirts, and more, and experience the convenience of shopping for your best items with us. Funny Giftshttps://seseable.wordpress.com/2022/12/1....
 
 
  Click to open user profile  
LizErd, 9th May 2023, 3:15 PM
Impressive web site, Distinguished feedback that I can tackle. Im moving forward and may apply to my current job as a pet sitter, which is very enjoyable, but I need to additional expand. Regards. เว็บพนันบอล ดีที่สุดhttps://www.effepiedizioni.com/เว็....
 
 
  Click to open user profile  
mehmoodalam, 10th May 2023, 1:48 PM
Very good points you wrote here..Great stuff...I think you've made some truly interesting points.Keep up the good work.แทงบอล https://www.ufa88s.co
 
 
  Click to open user profile  
mehmoodalam, 10th May 2023, 1:50 PM
Thank you for taking the time to publish this information very useful!.ufabetเว็บแทงบอล https://www.faithucc.info/ufabetเว....
 
 
  Click to open user profile  
mehmoodalam, 20th May 2023, 11:51 AM
The realm of Toto sites presents a captivating fusion of excitement, choice, and customization. From government-operated platforms to licensed private sites and overseas options, the world of sports gaming has never been more accessible and thrilling. Embark on your Toto site journey today, and let the games begin! Experience the joy of a truly unique gaming adventure, tailored to your taste and preferences. With Toto sites, the possibilities are endless, and the excitement knows no bounds.메이저사이트 https://thehaasteam.com/
 
 
  Click to open user profile  
LizErd, 23rd May 2023, 1:53 PM
Thanks for the blog loaded with so many information. Stopping by your blog helped me to get what I was looking for. посетете следната уеб страницаhttps://themanagetorial.com/bed-bug-hand....
 
 
  Click to open user profile  
pomo, 7th Jun 2023, 11:03 AM
I was reading your article and wondered if you had considered creating an ebook on this subject. Your writing would sell it fast. You have a lot of writing talent. arcana, dota 2 arcana listhttps://hawk.live/posts/dota-2-arcana
 
   
 
 
online learning made for people
Dreevoo.com | CONTRIBUTE | FORUM | INFO