First impression. Web users form first impressions of web pages in as little as 50 milliseconds (1/20th of a second), according to the latest research. In the blink of an eye, web surfers make nearly instantaneous judgments of a web site's "visual appeal".
You get only one chance to create the first impression, so make it count. A clean, professional, and fast-loading drop down menu can ensure that your visitor's first impression will be a good one. This Dreamweaver extension provides you with a horizontally-oriented, professionally designed flash drop down menu bar.
The free version is a fully functional web menu with the first button label "f-source.com". You can download the extension and test all menu features in action. However, you can change the first button only when you buy the menu.
If you buy the menu, you get full version along with our support and assistance. You can get all updates and future versions of the menu extension for free. We can even make a personal upgrade at your request (if you buy multidomain version). Your website can be listed in the "Adobe Style Menu users".
Don't forget to disable the Active Content Converter first.
1) Top menu "Insert" ==> "Media" ==> "Adobe Style Menu"
3) Now you can check the appearance of the Adobe Style Menu by pressing the "Play" button in your " Property inspector" (Ctrl + F3). The menu will work with default navigation settings. Test in browser,press F12(Opt+F12 on Mac OSX) to check your navigation settins. To avoid mistakes test your page in browser each time you make changes in the menu code.
Important! For local testing you need to set "Always allow" in the online 'Adobe Flash Player Security Setting Manager'
(No changes needed if you test on a web server.)
1) The flash object appears in your document window in "Design view". There is no need to change the height of the flash object according to submenu height. You need only to set the flash object width according to the real menu width (which appears in browser) by dragging the sizing handles.
2) All parameters of the menu appearance can be configured in "Tag Inspector" (Click on Flash Object, then F9).
- _dividerColor - color of dividers between main buttons.
- _mainButtonText - main button text color.
- _mainButWidthExt - extension of the width of each main button.
- _mainFont - font type for main buttons.
- _mainFontSize - font size for main buttons.
- _mainHeight - height of main navigation bar.
- _menuColor - color of main navigation bar.
- _searchField - search input field color.
- _searchFieldText - default text in the search field
- _searchFieldWidth - the width of the search field
- _searchHighlightColor - the color of the halo around the search input field.
- _searchInputTextColor - search input text color.
- _showSearchField - set (Yes) if you want to use the search.
- _subBorderColor - sub menus border color.
- _subButtonText - sub button text color.
- _subFont - font type for sub buttons.
- _subFontSize - font size for sub buttons.
- _subHeight - height of sub buttons.
- _subHighlightColor - color of subbuttons highlighting.
- _subMenuColor - color of sub menu.
- _textHighlight - color of highlighted text .
- _TransparencyMain - regulate the transparency of the main menu bar (0 - 100)
- _TransparencyShadow - regulate the transparency of the main drop shadow (0 - 100)
- _TransparencySub - regulate the transparency of the submenus (0 - 100)
- bg_Pic_URL - url of picture (jpeg only) to place under the menu.
- clickSoundURL - path to the mp3 file, if you want to make some sound when mouse clicks on menu .
- mainSoundURL - path to the mp3 file, if you want to make some sound when mouse gets over main buttons .
- stretch_width_to - stretch the menu bar to particular width (in pixels, for example 850px).
- subSoundURL - path to the mp3 file, if you want to make some sound when mouse gets over sub buttons .
- xml_Path - the path to XML, to make XML driven menu
Switch to the "Code View" and find the DIV id="menu". Each line of the DIV code represent a button. Edit links and button labels right here. The menu combine cool Flash navigation with standard HTML links, so your page always remains accessible to search engines - while your site visitors see nothing but Flash brilliance. For you convenience each menu provided with the Navigation Guide. Press Ctrl+Shift+F to open it.
Add, rename and move the code lines. To check yourself press F12(Opt+F12 on Mac OSX).
(When you press "Play" button the menu appears with default navigation settings.)
Add the target attribute if you need to set new window or specific frame name as a target for a link.
< div><a href='http://...' target='_blank'>Button</a>< /div>
< div><a href='http://...'><b>Button</b></a>< /div>
< div id='submenu' style='color:#555555;background:#A9EBEB;border:#006600'>
Cut the DIV id='menu' from the page and paste it in XML file. This file is an ordinary text file with .xml extension. It must contain nothing but the DIV id='menu'.
Set a path to your XML in the Tag Inspector.
The parameter xml_Path can be relative (navigation.xml) or absolute
(http://www.yourDomain.com/navigation.xml).
Read detailed instructions here
But remember: XML file is not SEO friendly. It's just one of the ways to keep all navigation settings in one file. As SEO friendly alternative we recommend to use "Library Item" or "Dreamweaver templates".
Learn how to make a Library item
Use parameter _showSearchField (Yes/No) to show/hide the search field.
You can use any search script with GET parameters, any public search engine for example,
Google:
"http://www.google.com/search?q=" - google search in Web
"http://www.google.com/search?sitesearch=yourDomainName%26q=" - search on your web site
or Yahoo:
"http://search.yahoo.com/search?p=" - Yahoo search in Web.
There is only one rule for any search engine: put the search query parameter to the end of the link ("http://www.someSearchScript?query=") the search request will be added to the end of the link, for example: searching of "flash menu" ("http://www.someSearchScript?query=flash menu")
Example of the button code:
<div><a href='http://www.someSearchScript?query='>SEARCH</a></div>
To insert an image in a button use a syntax like this:
<div><a href='http://f-source.com' imgurl='home-icon.jpg'It works only with JPG image or SWF file. As you may understand to achieve best results you need to use picture with transparent background. Make it by means of flash or use PNG image inside of flash. We can help you with it, contact us using the form below.
imgwidth='15' imgheight='11'>Home</a></div>
A menu button can call any javascript function from a page. Use the link target 'callJSF'
<div><a href='http://...' target='callJSF'>Button3</a></div>
<div><a href='firstURL' target='callJSF'>Button1</a></div>it will call the function JSF from the page: (located in the DIV id="f-source-menu")
function JSF(url){ if(url=="firstURL") alert("First button is pressed"); if(url=="secondURL")alert("Second button is pressed"); }the function will get in a pressed button link, so it can be used to identify which button is pressed. Here you can insert any code you need, for example the Google Analytics Tracking Code - urchinTracker('url') or AJAX functions.
Ask your questions right now. We're ready to assist and help our customers.
Click here to contact us
