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.
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.
Features
- 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.
- Menu Item
- Menu Label
- Content Page
- 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.
- 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.
- 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.
- Titles and Descriptions - Use description for your titles in order to give more information about the sub menu.
- 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.
- 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.
- 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.
- 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.
- 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.
- Full support for the DMXzone Behavior Connector - You can easily bind other DMXzone extensions such as Sliding Billboard, DMXzone Lightbox and Sliding Panels that can be controlled through the Behavior Connector.
Showcases
City Guide Demo
In this demo you can see how easy it is to create a mobile website with only 2 Dreamweaver extensions. The layout is designed with one of the predefined styles of the Sliding Menu, with custom icons, and the nearby places of interest are presented in a DMXzone Google Maps with markers.
Sliding Catalog With HTML5 Video Player Demo
For this demo we used the Behavior connector in order to bind the Sliding Menu with the HTML5 Video Player so that the menu can navigate the player. We also cataloged our videos with images and titles in different playlist for better overview.
iPlayer Demo
Represent your music with an astonishing iPod like menu! Use the built in power of touch and swipe gestures to recreate the iPod feeling in your website. Use the HTML5 Mp3 Player and transform your mp3 links to player links! You can also check out the demo on your iPhone/iPad.
Sliding Menu Designs Demo
In this demo we've packed all the designs available in the Sliding Menu extension. If you still want to change any of them you can use the Dreamweaver CSS editor to make them fit your site design.
Mobile Website Demo
A great showcase of designing a Mobile Website using only the Sliding Menu. If you view the demo from your iPad, iPhone or other touch device follow the link: http://www.dmxzone.com/demo/slideMenu/slideMenuContent.html
Simple Sliding Menu Examples Demo
In this demo we will show you how to control the iFrame, insert content, use as a native menu for your site and menu with link descriptions.
-
Mobile Golf Club Website Showcase
For this showcase we used our Sliding Menu tool in order to create a mobile versions of our page. We also added a pattern for the golf field which can be found in the Course menu. The site ...
-
Sliding Bikes Catalog
If you wish to display the showcase on your mobile device, simply scan the QRcode or use this shorten URL - http://goo.gl/WHcZg
-
Tech Store Showcase
For this showcase the navigation is created with the Universal CSS Navigation Menu, the mouse over effect on the images with Advanced CSS Animator, the menus within the images with Sliding Menu and ...
-
iPlayer Showcase
Represent your music with an astonishing iPod like menu! Use the built in power of touch and swipe gestures to recreate the iPod feeling in your website. Use the HTML5 Mp3 Player and transform ...
-
City Guide Showcase
In this showcase you can see how easy it is to create a mobile website with only 2 Dreamweaver extensions. The layout is designed with one of the predefined styles of the Sliding Menu, with custom ...
-
Sliding Cookbook Showcase
For our demo we used Sliding Menu as navigation, where you can go through the pages. The whole book is 'wrapped' in Sliding Panels and the images are greatly presented in HTML5 Slideshow. *Preview ...
-
HTML5 Video Player & Sliding Menu Showcase
For this showcase we used the Behavior connector in order to bind the Sliding Menu with the HTML5 Video Player so that the menu can navigate the player. We also cataloged our videos with images and ...
-
HTML5 Suite
In this showcase we've used seven out of nine extensions packed in the HTML5 Suite to create a Website. We've also added tips, so you can explore each detail how it's been made and which extensions ...
-
Mobile Website Showcase
A great showcase of designing a Mobile Website using only the Sliding Menu. If you view the showcase from your iPad, iPhone or other touch device follow the link: ...
-
Sliding Menu Designs
In this showcase we've packed all the designs available in the Sliding Menu extension. If you still want to change any of them you can use the Dreamweaver CSS editor to make them fit your site design.
-
Simple Sliding Menu Examples
In this showcase we will show you how to control the iFrame, insert content, use as a native menu for your site and menu with link descriptions.
Videos
Basic Usage
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.
Creating Mobile Website
With this movie we will show you how to create a mobile website filled with content, using Sliding Menu.
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
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.
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.
Controlling Sliding Panels with Sliding Menu
With this movie we will show you how to control Sliding Panels using Sliding Menu and Behavior connector.
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
Sliding Catalog with HTML5 Video Player
Creating Sliding MP3 Playlist
Requirements
History
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 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 visited daily by more than 30.000 people and is most popular for its over high-quality Dreamweaver extensions and templates.
