How Build Collapsible Navigation Html Tut ScreenShot

BUY NOW!     FREE TRIAL DOWNLOAD     MORE INFO

QUICK HELP

Save your menu.

  • Save your project file. To save project just click "Save" button on the Toolbar or select "Save" or "Save As…" in the Main menu.
  • Export your menu into HTML page. To do it click "Export HTML" button on the Toolbar or select "File/Export to HTML..." in the Main menu.
  • You can also generate Sitemap, Google XML Sitemap, Search Engine Friendly code. To do it go to the main menu of the program "Tools/".

    • HOW BUILD COLLAPSIBLE NAVIGATION HTML TUT

  • Let's assign text to the dhtml menu items. Select first item by clicking it and then enter text in the "Text" field on the Item Parameters window. You will see that, as you enter the text, the selected item's text in the Preview window will change too.


    Then select next item with click. Enter its text and so on.


  • To select a group of items you can use Shift and Ctrl keys. To rename an item click on it and hold a mouse cursor for a second. To move items select items you want and use a mouse drag'n'drop method. To copy items select those you want and use a mouse drag'n'drop method holding a Ctrl key.


    Also you can use a contextual menu - a right mouse click on the list of items.
  • After finishing, the menu will look like this:

  • Let's apply ready to use templates for the menu. To do it just select template you like in the Templates window.


    When you find a template you like, click it to apply. For example, after choosing one of the "Vista Style 2-17" template, you'll get following result:


  • Now let's add some icons. Select item and then click the "Click to select image" button on the Item Parameters window to assign icons for normal and mouseover states.


    "Open" dialog will appear, where you can choose an icon. Other way to assign an icon is to type its full path and name in the "Icon" field ("c:/myicons/stylish_3/pretty.ico", for example).

    To change icon sizes you should set the following parameters in the Icons section of parameters list:

    Repeat this for each menu item. You should get something like this in result:

    • DESCRIPTION

  • Apply any font of any color, size and font decoration you need. Use any available type, color and thickness of a menu's frame. Choose any color for submenus and items backgrounds.
  • Specify various values for spacing and padding for the whole menu and for each separate submenu.
  • Create separators using your own pictures, size and alignment.

    BUY NOW!     FREE TRIAL DOWNLOAD     MORE INFO

    Day Drop JavascriptCool Horizontal Menus Css
    Seamless Integration
    • Cross frame dropdown menus
    • Visible over flash, select boxes, iframes, java applets
    • Multiple menus on the same page
    • Amicable to other scripts and css styles
    • Any HTML code can be used inside menu items
    Unrivalled Features
    • Scrollable, dragable, floating, right-click menus
    • Keyboard navigation
    • Unique Java Script API for altering menu "on-the-fly", without page reloading
    • AJAX technology - loads menu data from the server "on-fly and on-demand".
    Css For Expandable Menu How Build Collapsible Navigation Html Tut
    Cost Effective

    BUY NOW!     FREE TRIAL DOWNLOAD     MORE INFO