Vista navigation bar for Dreamweaver.
First impression.Web users form first impressions of web pages in as little as 50 miliseconds (1/20th of a second), according to last researches. In the blink of an eye, web surfers make nearly instantaneous judgments of a web site's "visual appeal".
You only get one chance to create a first impression, make it count. A clean, professional, and fast-loading menu bar can ensure that your visitors first impression will be a good one.
The main disadvantage of flash navigation is now eliminated!
Set up navigation as ordinary HTML links. The flash menu file reads these links and draws the visually appealing Vista menu. Everyting is easier, more convenient and compact. Any search engine can read this navigation and index all the links.
What's the difference?
The free version is a fully functional menu with the first button named "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. Your website can also be listed in the "Satisfied Menu users". And you can get additional benefits as well.
How to insert the menu bar?
If you are using Dreamweaver 8 with 8.0.2 update, disable the Active Content Convertor first.
If your "Insert bar" is not shown press Ctrl + F2. 1) Choose "Flash elements" ==> "Vista Menu", as shown at the picture below
2) Type file name in pop up dialog named "Save flash element". This file will be loaded in all your web pages containing the flash menu.
3) Now you can check the appearence of the Vista Menu in Dreamweaver by pressing the "Play" button in your " Property inspector" (Ctrl + F3). As you can see the menu already functions with default parameters.
Configuration of navigation bar.
1) The flash object In your Dreamweaver document window when you are in "Design view". Change its size according to your web site design by dragging the sizing handles.
Set parameter "autosize" to "(Yes)" so the menu width will be equal to Flash Object width. Otherwise the menu width depends on the buttons captions.
2) All parameters can be configured in the Dreamweaver "Tag Inspector" (Click on Flash Object, then F9).
- _mainButtonHeight - height of main navigation bar.
- _mainButtonTextColor - color of text of main nav bar.
- _mainButWidthExt - extended width of each main button.
- _mainFont - type of font for main buttons.
- _mainFontSize - font size of main navigation bar.
- _mainHighlightColor - main button highlight color.
- _menuColor - color of main navigation buttons.
- _subButtonHeight - height of sub buttons.
- _subButtonTextColor - text color of main buttons.
- _subFont - type of font of sub buttons.
- _subFontSize - font size of sub buttons.
- _subMenuColor - color of sub menu buttons.
- _subShowSpeed - speed of sub menu appearance.
- autosize - autosize to fit to Flash Object width.
- _bg_Pic_URL - path to the image file, if you want to place a picture under the menu.
- lightSubs - autosize to fit to Flash Object width.
Setting up the navigation.
In "Code View" after <body> tag you can find the code of your menu navigation. It consists of ordinary HTML links and they can be indexed by search engines. You can add, rename, move elements of this structure and the flash menu will follow your changes. Press F12 to test. (When you press "Play" button the menu appears with default navigation.)
- Button 1 - main button caption, type your name e.g. Home.
- http://f-source.com - link of the button, type your link e.g. http://yourdomain.com/
- Add target attribute if you want to specify new window or scecific frame name as target for link.
<div><a href='http://...' target='_blank'>Button</a></div>
- _self specifies the current frame in the current window (the menu use it by default).
- _blank specifies a new window.
- _parent specifies the parent of the current frame.
- _top specifies the top-level frame in the current window.
- If you want to make a button text bold change the bold caption tag to <b>, so the caption <b>Button1</b> should be like this: <b> Button1 <:/b>
<div><a href='http://...'><b>Button</b></a></div>
That's all. Now you can see your results.
Still have questions?
Ask your questions right now. You'll receive the answer in one business day. We are always ready to assist and help our customers.
You are trying the menu and it's not working properly? Don't waste your time! Simply insert the copy of your HTML code. You will get comprehensive advice from the creators.
