Adobe Dreamweaver Sub Template Screenshots

Video Tutorial

The Vista Buttons Menu Extension for Dreamweaver allows you to create powerful dropdown menus, directly in Dreamweaver 3.0, Dreamweaver UltraDev 1.0, Dreamweaver 4, Dreamweaver UltraDev 4.0, Dreamweaver MX, Dreamweaver MX 2004, Dreamweaver 8, Dreamweaver CS3 or CS4. Create, insert, modify a css menu without leaving your favorite web design framework! Fully customizable appearance! Use one of the 500+ web buttons, 100 submenu designs, 6600+ icons, 50 ready-made samples, or create your own using the theme editor. With support for custom images, icons, colors, font styles, the possibilities are limitless. You'll create really nice looking web menus and web buttons with little or no design skills at all!

Menu, Button, and Icon Collection

Dreamweaver Menu Extension provides huge collection of 1400 web buttons, 6600 icons, 300 ready-made samples, so you'll create really nice looking menus and buttons with little or nodesign skills at all! Web 2.0, Mac, iPhone, Aqua buttons, Vista, XP, transparent, round, glossy, metallic, 3d, tab menus, drop down menus will be a breeze!

Button and Icon Samples


Create your own button themes
Theme editor helps you create your own themes or modify existing ones.

Drop Menu Bar Html Save project. Save your image buttons as html
You can save current project in the project file (*.xwb) or into the HTML file (*.html).

Tabbed Pages In Dreamweaver Css Drop Down Menus
Create drop down menus based on css using Dreamweaver Menu Extension. Make various styles for each submenu item adjusting css styles.

Free 2 Fold Menu Template Adobe Dreamweaver Sub Template Padding and Spacing
Specify various values for padding and spacing for the whole menu and for each separate submenu.

Text-based menu
You can create a menu with text-based top items. Such menu will be loaded more quickly on your website (in comparison with image-based navigation).
Menu structure is comprised of HTML nested UL and LI tags. Standards compliant menu structure is simple to customize and update.

Fonts, Borders and Background Colors
Use any necessary font of any color, size and font decoration for normal and mouseover state. Create any available type, thickness and color of a menu's frame. Choose any color for backgrounds of submenus and items.

2.0 Buttons by v3.0.0

How to use Dreamweaver Menu extension

    To install the menu into your html page you should do the following things:

    Create and save your buttons in any temp folder using Vista Buttons application. It will be better to export all menu code to external .js file. Go to "Tools/Export options...". Check "Save all menu params to js file" option.

    Export options

    You can use "Save as HTML" function.

    Save Dreamweaver drop down menu

    You can enter any name you like, for example enter "menu":

    Save Dreamweaver menu name

    So you'll have menu.html file and "menu-files" folder with all menu files.

    Generated files

    Insert dreamweaver drop down menu to a single page

    - Start Dreamweaver and open the web page that you will be inserting the script into. When the page opens, it should look like this:

    Open website in Dreamweaver

    - Open the generated in Vista Buttons menu.htmlpage in any text editor. Copy all code within the following tags:
          <!-- Begin -->
          <!-- End -->

    - Go back to Dreamweaver. In the Design mode decide where you would like the drop down menu to appear in your page. It helps you add the menu code in the correct place. Click in the spot you want the code to appear in and type the phrase: your code here

    Insert menu in Dreamweaver

    - We will now be inserting the JavaScript code into the body section right where we typed the phrase in the previous step. To do this, switch to HTML View.

    Insert drop down menu in Dreamweaver

    - Go to the "Edit Menu" with Dreamweaver and select the "Paste" option to paste the menu code that we copied to the clipboard earlier. Since the phrase we typed was highlighted, it will be replaced when we paste the code in.

    Insert menu in Dreamweaver

    - Now you should copy the "menu-files" folder into the same folder with your index.html page.

    Copy menu files in Dreamweaver

    - Notice that in the Design mode your drop down menu won't display. It is normal. You should view your page in browser.

    Design mode in Dreamweaver

    - That's all. You've added all necessary code to your page, so let's test it. Select "File/Preview in browser/IExplore" to display the page live (in Internet Explorer).


    - If everything goes well, save your document and upload it and the "menu-files" folder to your web site. If something seems wrong, double-check that you followed all the steps correctly.

    - If you still run into trouble, we'd be happy to assist you further. You can post your problem to us at , and meanwhile describe your files in details.


Please contact Customer Support at (please include template name in the message title)


See also

Best Free Dreamweaver Templates for Artists This article compiles some great free Dreamweaver templates for artists. Template 30 comes complete with a few sample sub-pages, the home page, Adobe Photoshop

How to Use Dreamweaver Templates | How to Use Dreamweaver Templates. The template feature in Macromedia Dreamweaver is a you've decided to add a new sub Resources. Adobe Dreamweaver Support Center

Dreamweaver | Creating sub-menus using Library items. Posted in Adobe, Adding the banner to your template. Posted in Adobe, Dreamweaver, Fireworks, Tim No Comments

YouTube - Part 1.08 Applying the template(HD): Adobe Applying the template(HD): Adobe Dreamweaver CS4 Part 8 20:11 + Added to queue Part 1.16 Adobe Dreamweaver CS4: Building sub m 6,467 views

Re: some SEO Help : Adobe Dreamweaver ADOBE DREAMWEAVER: Home: Dreamweaver Forum: Dreamweaver Tutorials I tried using this but when I changed the template file Re: Position of sub menu's sub menus :) by Richard

A free video tutorial on Dreamweaver 8 Dreamweaver Templates Dreamweaver Templates. Create a new template page; Assign template elements Getting Started with Adobe Dreamweaver 8 =

Template 91 [Flash/Business] - Corporate Flash Template Dual dynamic text display (Title Text with and without Sub Text variety of website designs to find the perfect ready-to-use Adobe Dreamweaver & Fireworks Template for

Safari Books Online: Adobe Dreamweaver CS4 on Demand 9780768687941 - Adobe Dreamweaver CS4 on Demand - Adobe Dreamweaver CS4 for sites Create and use web page templates to Sub-Categories: Internet/Online > Dreamweaver

Adobe Dreamweaver CS4 * Create an InContext Editing repeating Adobe Dreamweaver CS4 | Not your sub, sup, table, tbody, tr, tt, u, ul Dreamweaver wraps the template repeating region with a div tag that

Adobe Dreamweaver CS3 Full Version - 288.99 : Brand Name Adobe Product Name Dreamweaver Multimedia Software Sub Type Graphics/Designing Software Name Adobe Dreamweaver CS3 and instructional templates that

template pop up menu homesick blues - HighDots Forums HighDots Forums Adobe / Macromedia Macromedia Dreamweaver template pop up menu Discussions (macromedia.dreamweaver) Discuss template pop up images and just add the sub

Prebuilt CSS templates in Fireworks CS4 | Developer Center Use this sample template to make the most of the CSS Flash Professional; Flex; Adobe AIR; Dreamweaver; Flash Player 960-wide-3-col-with-top-nav-side-nav-and-sub-col

A free video tutorial on Dreamweaver 8 Dreamweaver Templates Dreamweaver Templates. Create a new template page; Assign template elements Getting Started with Adobe Dreamweaver 8 =

Website Templates for Dreamweaver, Photoshop, FrontPage is for people looking for website templates, flash templates, dreamweaver, adobe of Bandwith, CPanel, Unlimited Email, Unlimited Sub

Dreamweaver Training and accessible web sites using Dreamweaver Templates Leveraging Sub-dimensions in Google Analytics As you may already know, Adobe Dreamweaver provides some very

Base Templates | Stephen Rushing Adobe Dreamweaver will be used as the primary HTML production/site management tool. Each section/sub section directory should have /images/ and /documents/ folders.