Sliding Menu

Create an astonishing iPhone like menu in Dreamweaver. Give your users the power of touch and swipe gestures to experience the trusted iPhone feeling no matter what browser and OS they are using! Choose from the many included CSS based designs to resemble iPhone, iPad, Android experience or create your own design to fully suite your site needs. Use the menu as a site component or as a mobile version of your site! Sliding menu is built with jQuery, is CSS based and uses HTML5 W3C standard elements like CSS3 Transitions, when available, for the highest animation quality and no Flash at all.

Overview

Features Highlights:

  • Build Mobile Web Sites - Use the menu as a site component or as a mobile version of your site!
  • Many Menu Types Supported - With Sliding Menu you can make Menu Items, Menu Labels, Content Pages, Sub Menus and Dynamic Menus.
  • Rich Type Links - Use rich type links for extra native functionality such as calling a phone number, showing a Google Map location, sending sms and playing YouTube videos.
  • Building Articles - You can use the Menu Items with Descriptions in order to build articles.
  • Back Button - Use Menu Item as title for the back button on its sub menus.
  • Amazing Scrolling Effect - You can scroll by swiping with your mouse on your browser or finger touch and swipe when using an iPad, iPhone or other touch device.
  • 13 Stylish designs included - Various styles to fit your website perfectly.
  • Add custom icon for each menu item - You can add design icons to your menus and style them top, right or left, so that you can create stunning menus on you website.
  • Pin your Menu - You can choose where to place your menu as well as to pin it to the slide: Top left, Top right, Top center, Bottom right, Bottom left or Bottom center.
Features
  • Build Mobile Web Sites - Use the menu as a site component or as a mobile version of your site!
Mobile Web Site
  • Many Menu Types Supported - With Sliding Menu you can make Menu Items, Menu Labels, Content Pages, Sub Menus and Dynamic Menus.
    • Menu Item
Menu Item
    • Menu Label
Menu Label
    • Content Page
Content Page Content Page
    • Sub Menu
Sub Menu
  • Rich Type Links - Use rich type links for extra native functionality such as calling a phone number, showing a Google Map location, sending sms and playing YouTube videos.

    • YouTube Videos - The YouTube URL scheme is used to launch the YouTube application or connect to the YouTube website to play the specified video.
youtube Integration
    • Calling Phone - Tapping a telephone link on a webpage displays an alert asking if the user really wants to dial the phone number and initiates dialing if the user accepts.
Calling Phones
  • Building Articles - You can use the Menu Items with Descriptions in order to build articles.
Building Articles
  • Back Button - Use Menu Item as title for the back button on its sub menus.
Back Buttons as Title
  • Titles and Descriptions - Use description for your titles in order to give more information about the sub menu.
Title and Description
  • Auto Shorten Back Button Titles and Menu Titles - With ellipsis both the back button and the menu titles always fit nicely
  • Amazing Scrolling Effect - You can scroll by swiping with your mouse on your browser or finger touch and swipe when using an iPad, iPhone or other touch device.
Scrolling Effect
  • 13 Stylish designs included - Various styles to fit your website perfectly.

 
 
 
 
 

  • Add custom icon for each menu item - You can add design icons to your menus and style them top, right or left, so that you can create stunning menus on you website.

  • Cool looking Striping Menu - Zebra striping - also known as candy striping or half-shadow - is the application of faint shading to alternate rows of the Sliding Menu.

  • Pin your Menu - You can choose where to place your menu as well as to pin it to the slide: Top left, Top right, Top center, Bottom right, Bottom left or Bottom center.
Pin the Menu to the Slide
  • Fully customizable - Don't like the supply styles? Well, it is all CSS based so you can easily make your adjustments in the CSS from within Dreamweaver's CSS editor.

  • Dynamic from Recordset Menu - Set the site with a server type (PHP, ASP-VB, ASP-JS etc.) and create a database that will serve as a source for your menu items.
Dynamic Menu from Recordset
  • Fully cross browser compatible - The Sliding Menu is a jQuery based, build only with HTML & CSS - No Flash what so ever! It even supports IE6 next to the other major browsers.
  • Search engine friendly - The Sliding Menu is pure HTML and CSS based and generates search engine friendly HTML code that can be nicely indexed by all search engines and web spiders.
Search engine friendly Menu
  • Great Dreamweaver integration - Interactive dialog in Dreamweaver with all the options you'll need.

  • An inline property inspector so that you can easily change visual options later on.

Behavior Connector
Showcases


Videos

Basic Usage

Sliding Menu Video

Sliding Menu Features Overview

With this movie we will show you how to create a dynamic menu using a standard Dreamweaver Recordset and Sliding Menu.

Sliding Menu Video

Creating Mobile Website

With this movie we will show you how to create a mobile website filled with content, using Sliding Menu.

Sliding Menu Video

Creating Dynamic Menu from Recordset

With this movie we will show you how to create a dynamic menu using a standard Dreamweaver Recordset and Sliding Menu.

Bundle Usage

Sliding Menu Video

City Guide Website with DMXzone Google Maps and Sliding Menu

With this movie we will show you how to use Sliding Menu and DMXzone Google Maps in order to create a mobile city guide website.

Creating Sliding MP3 Playlist

With this movie we will show you how to use HTML5 MP3 Player in order to transform the MP3 links within the Sliding Menu and create an amazing playlist.

HTML5 Video Player

Sliding Catalog with HTML5 Video Player

With this movie we will show you how to create an amazing YouTube powered Sliding Video Catalog using HTML5 Video Player and Sliding Menu.

HTML5 Slideshow Video

Controlling Sliding Panels with Sliding Menu

With this movie we will show you how to control Sliding Panels using Sliding Menu and Behavior connector.

HTML5 Slideshow Video

Inserting Sliding Menu within Standard Dreamweaver Framesets

With this movie we will show you how to use Sliding Menu with standard Dreamweaver Framesets in order to build a website.
  • City Guide Website with DMXzone Google Maps and Sliding Menu
    – Building a mobile website
  • Sliding Catalog with HTML5 Video Player
    – Combining HTML5 Video Player and Sliding Menu
  • Creating Sliding MP3 Playlist
    – Transform the MP3 links and create an amazing playlist
Requirements
Type: Command
License: External link
Product: Dreamweaver 8, Dreamweaver CS3, Dreamweaver CS4, Dreamweaver CS5/CS5.5 and CS6, Dreamweaver CC
Server Model: ASP JavaScript, ASP VBScript, PHP MySQL
Platform: Win XP/2000/2003/2008/7, Mac OS X
Browser: Opera 9, IE 7, Firefox 3.6+, Opera 9.5, Safari 3, Chrome 9+, IE 8, Safari 4+, Opera 10+, iPad
Used Technologies: jQuery, CSS
Screen Shot: Details...
Tags: css, html, sliding menu, dreamweaver, jQuery


History

Version 1.0.5

  • Full Dreamweaver CC and Extension Manager CC support
  • Included new Behavior Connector with restyled UI and better Mac OSX Support
  • Updated the automatic file copy and update component for better Dreamweaver CC support
  • Improved compatibility with the latest jQuery
  • Included latest jQuery 1.10.1
  • Improved Windows 8 compatibility

Version 1.0.4

  • Improved Dreamweaver CS6 compatibility
  • Improved installer for Dreamweaver CS 6.1 (Adobe Creative Cloud) compatibility
  • Improved javascript file compression for smaller and faster file loading

Version 1.0.3

  • Improved support for form elements on content panels
  • Improved integration with dynamic data
  • Improved DW integration
  • Included the latest mouse wheel plug-in
  • Latest jQuery 1.7.2 included
  • Improved installer for DW CS 5.5+

Version 1.0.2

  • Included new jQuery 1.6.2

Version 1.0.1

  • Included new jQuery 1.4.4
  • Improved depended file includes
  • Improved includes and cleanup of styles
  • Fixed menu reset and back button after orientation change on iOS

 

George Petrov

George PetrovGeorge Petrov is a renowned software writer and developer whose extensive skills brought numerous extensions, articles and knowledge to the DMXzone- the online community for professional Adobe Dreamweaver users. His expertise in countless languages and technologies gives inspiration and teach valuable lessons on his website – DMXzone.com which is most popular for its over high-quality Dreamweaver extensions and templates.

See All Postings From George Petrov >>

Place your review about Sliding Menu




You must me logged in to write a review
Reviews

Be the first to place a review