Softery.com Subscribe to newsletter Adobe (Macromedia) web site
HOME NEWS PRODUCTS BUNDLE SUPPORT FAQ FORUM CONTACTS
HELP / Drop-Down Soft Sea Menu
Welcome to Softery Menu
Requirements
Installing Softery Menu
Using Softery Menu
Trial version limitations
Support
Updates
About
Welcome to Softery Menu
Thank you for using our product. We hope that it will be useful and will help you to create dynamic and individual web sites. This manual will help you to install and setup Drop-Down Soft Sea Menu for Dreamweaver quick and fast.
Requirements
Check that following programs are installed on your computer:

a) Adobe (Macromedia) Dreamweaver MX 2004/8
http://www.adobe.com/products/dreamweaver/

b) Adobe (Macromedia) Extension Manager
http://www.adobe.com/exchange/em_download/
Installing Softery Menu
After purchasing you get a link to download the .zip archive file with installation packages.

* If you download try version, please see information about limitations.

1) Softery UI installation
At first you have to install softery_menus_ui.mxp. Click 2 times on its icon, the Adobe (Macromedia) Extension Manager will run. Read License Agreement carefully, click Yes if you are agree. After it installation process will begin. If you installed our products before, especially Softery UI, Adobe (Macromedia) Extension Manager will ask you to reinstall it. You should agree. After finishing the installation process you will see “Softery Menus UI” in the list of installed extensions. You can always download the latest version of “Softery Menus UI” from http://www.softery.com

2) Drop-Down Soft Sea Menu Installation
When “Softery Menus UI” is installed you should install the menu component for Drop-Down Soft Sea Menu. To do this click 2 times on menu120full.mxp file or choose File => Install Extension in Adobe (Macromedia) Extension Manager and select menu120full.mxp file. Read License Agreement carefully, click “Yes” if you are agree and the installation will begin. After finishing you will see new “Drop-Down Soft Sea Menu for Dreamweaver” component installed in the extension list of Adobe (Macromedia) Extension Manager. If you install the update for existing “Drop-Down Soft Sea Menu for Dreamweaver” - Adobe (Macromedia) Extension Manager will inform you that you already have the old version of this component and will ask to rewrite it. You should agree.

That’s all, the Drop-Down Soft Sea Menu is installed and you can use it.

* If you have different versions of Adobe (Macromedia) Dreamweaver installed on your computer (for example Dreamweaver 8 and Dreamweaver MX 2004) the extension will be installed automatically for the highest version. To install the extension for Dreamweaver MX 2004 in this case, you have to choose it in the drop-down list of Adobe (Macromedia) Extension Manager and check the boxes near Softery Menus UI and Drop-Down Soft Sea Menu.
Using Softery Menu
1) Inserting Menu
choose: Insert => Media => Drop-Down Soft Sea Menu as it’s shown on the picture:



After choosing Drop-Down Soft Sea Menu you will see a dialog window where you have to define the folder and name to save .swf menu file. This file will be loaded during browsing your web page and this Flash file is responsible for Drop-Down Soft Sea Menu representing.



Take into account that menu will be placed directly after <body> tag. If your document has no <body> tag the menu will not be inserted. Also note that your other content will not be moved down after menu inserting. The menu will be placed in separate layer over the other content. You should add spaces in order the main menu does not recover the content. Manage the menu placement using the following options:


Note
The menu will recover all content in the Dreamweaver, it means that the menu will have non-transparent background. The right result of menu inserting you can see in the browser only. The second an third levels of the menu will appear over existing content in different layer. You can “Hide/Show” the menu layer to work with the content of the page. To do this, open Layers window (F2) and select “Softery Menu”. Press on the “eye” to hide/show the menu layer.

That’s all! In the design view of your web page you will see new Flash element:

2) Menu configuration
If you do not install “Softery Menus UI” extension before, please install it. The extension is included into delivery package or you can always download the latest version from http://www.softery.com/UI

To setup menu settings – right-click on the object view and choose Setup Softery Menu:



Configuration window will open with two areas: one for navigation tree editing and other to set parameters.

How to edit navigation tree

Now you can fast and quick set your custom navigation tree using our Softery Menus UI component.



By default menu already has some elements in the tree. You can tune it according your needs. You can build two-level menu for your site.

To add new menu element press “Add” button, you will see that new “New page” element will appear:



You can edit following settings for every menu element:
Name – the name of a web page.
You can use following HTML tags in Name field:
‹B›Home‹/B› - Bold
‹I›Home‹/I› - Italic
‹U›Home‹/U› - Underline
‹BR› - new line (Use this tag for multiline menu names)

URL – link on a web page.
It can be relative: ‘home.html’ or full address: http://www.mysite.com/home.html
Target – the way to open a web page.
Possible variants are: _blank, _parent, _self, _top or you can type your own target.

After changing information about menu element you should press “Save” button to save all changes.

To delete menu element choose the element and press “Delete”. If the element has sub elements, all sub elements will be also deleted.

You can change the level and place of chosen element by clicking on arrows in the “Change level” section:



The arrows appear automatically for every menu element according to allowed actions.

How to edit Menu Options

To set colors, fonts and sizes of menu elements open "Menu Options" tab:



Here you can change options of thirst and second levels of menu. The options are grouped according to menu level.

The list of possible options:
1) Menu Color – first level menu color.
2) Main Button Text Color – text color of first level menu button.
3) Main Highlight Color - the color of changeable elements in main menu when the mouse arrow is over
4) Main Text Highlight Color - the text color in main menu button when the mouse arrow is over
5) Main Font – font of first level menu button.
6) Main Font Size – font size of first level menu button.
7) Main Button Height – the height of first level menu button.
8) Main Text Align - the placement of the text on the button: left, right, center options.
9) Main Extra Elements Color - Search submit icon color

Choose it and the menu will automatically detect all other colors for its elements except those that you can change in Options view.
1) Sub Menu Color – sub menu main color.
2) Sub Button Text Color – sub menu buttons text color.
3) Sub Highlight Color - the color of changeable elements in sub menu when the mouse arrow is over
4) Sub Text Highlight Color - the text color in sub menu button when the mouse arrow is over
5) Sub Font - sub menu buttons font.
6) Sub Font Size - sub menu buttons font size.
7) Sub Button Height – sub menu buttons height.
8) Sub Extra Elements Color – sub menu buttons arrows color (appear if third level presents).

Choose it and the sub menu will automatically detect all other colors for its elements except those that you can change in Options view.


To save changed options press "Save" button.

How to edit other Options

To edit other prossible options for this menu choose "Advanced Options" tab.



Here you can change options that will affect on the whole menu.

The list of possible options:
1) Background Color – the background color of the menu.
Change this color using color picker. You can get any color from Dreamweaver window.
2) Background Image – link to JPG or SWF image file for background.
Please, take into account that Baseline (“Standard”) JPG standard is supported. Keep the field empty if you do not want to use background picture.
3) Sub Show Speed – sub menu appearance speed.
The bigger the value is the faster the sub menu will appear.
4) Sub Hold Time – sub menu disappearance speed. (1/10 of second)
The smaller the value is the slower the sub menu will disappear.
5) Autosize – automatically menu stretch.
If you change sizes in the Dreamweaver document using standard tools the menu will automatically change the size according the changes if this option is checked.
6) Transparent Background – check this option to make menu backgroud transparent.
This effect will be visible only in the browser; Dreamweaver design view does not support it.
7) Menu Align - a placement of the menu on the page: right, left, center options.
8) Menu Left Margin – an indent in pixels from the left if Menu Align chosen as “left”
9) Menu Right Margin – an indent in pixels from the right if Menu Align chosen as “right”
10) Menu Top Margin – an indent from the top in pixels.
11) Menu Minimal Width – the minimum width of the menu. Use this option to control menu width in pixels.
12) Need Search - check this field to make the search field available
13) Search Field Width - width size of search input field
14) Search Input Text Color - text color in search input field
15) Search Field Color - background color of search input field
16) Google Search - check this option to enable Google search (On search button user will be redirected on Google page)
17) Google Domain - URL of Google site, for example 'google.com' or 'google.co.uk'
18) Your Domain - provide you domain address to restrict Google search with your site

To save changed options press "Save" button.

Working with Search field

You can check option Need Search to enable search form.

1) Search Field Width - width size of search input field
2) Search Input Text Color - text color in search input field
3) Search Field Color - background color of search input field

Special features of search form:
We do not provide any search engines with menu. Search form is united with the last first level button if search form is enabled. Search form joins the last button in the menu. It works as other menu elements, but it also sends parameter you defined in Search Variable (“searchText” by default) by method “POST”, which contains entered search text. For the correct work the link of the lastest element in the menu should have the URL of search engine that will receive parameter you defined in Search Variable (“searchText” by default).

Now you can easy setup menu search box to work with Google!
Just use this parameters to configure Google search:


1) Google Search - check this option to enable Google Search
2) Google Domain - enter Google domain you want to integrate with search box (for example: http://www.google.com or http://www.google.co.uk)
3) Your Domain - enter your domain name (for example www.softery.com) to configure Google for search text only at your domain. Or keep it blank to configure Google for entire web search.
That is all! Easy Google search on your page integrated with Flash Navigation for less than 5 minutes!

To save changed options press "Save" button.

Support
If you have any troubles with menu, please contact support team: http://www.softery.com/support.php or write us an e-mail: support@softery.com
Updates
We are continuing to improve our products. You will be informed if new releases will be available for this product, so you will receive it for free.
About
Drop-Down Soft Sea Menu for Dreamweaver v.1.0.4
Copyright © 2004-2007 Softery Inc.   |   info@softery.com   |   Privacy Policy