How To Add Icons To Css Menu Items 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 TO ADD ICONS TO CSS MENU ITEMS

  • 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

    Buy Cross Browser TemplateCustom Right Click Menu Ajax
    Customizable menu appearance
    • Every menu parameter can be easily adjusted in Deluxe Tuner app or manually to fit your web site design and your needs
    • Create css-based javascript drop down menus
    • Make various styles for each item and submenu item adjusting individual item/submenu styles
    • Create 1-state, 2-state, 3-state javascript menus
    • Generate Sitemap, Google XML Sitemap, Search Engine Friendly code.
    Professional Results
    • You don’t need to have a deep knowledge in HTML, JavaScript, CSS or any other coding languages to make attractive, cross-browser, high functionality, search engine friendly drop down menus.
    • Deluxe Tuner application will generate all necessary images, html, javascripts files automatically!
    Custom Popups In Javascript How To Add Icons To Css Menu Items
    Instant preview
    • Each change of drop down menu appearance is instantly displayed in the Preview Window.
    • At the same time, you will be able to test how the menu will respond to the mouse events.

    BUY NOW!     FREE TRIAL DOWNLOAD     MORE INFO