Comicpress Dropdown Menu Tutorial by Deluxe-Menu.com
Comicpress Dropdown Menu Tutorial

Menu Screenshots

Comicpress Dropdown Menu Tutorial Drag Drop Table Javascript

Features

High Performance
  • AJAX menu loading - loads web menu data from the server "on-the-fly".
  • Commonly loads quicker than other html page elements
  • UL/LI items structure
  • Runs well with an unlimited number of submenus and items
Cost Effective
Javascript Create Menu From Array Comicpress Dropdown Menu Tutorial
Seamless Integration
  • Cross-frame support - menus work on frameset-based pages
  • 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
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed comicpress dropdown menu tutorial samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Compatibility              
  • Full cross-browser compatibility including IE, Netscape, Mozilla, Opera, Firefox, Konqueror and Safari on Windows, Mac OS and Linux
  • Menu can be populated from a database using ASP, PHP, etc.
  • Search engine friendly
  • Support for any doctypes
  • Fits for secure sites
  • Section 508 compliant



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • 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.
  • Set the size of the menu in percent, pixels, or other units. This menu may have a relative (it can be inserted into the table, for example) or absolute position .
  • Specify various values for spacing and padding for the whole menu and for each separate submenu.
  • You can specify a time for delays in showing or hiding of a submenu. Use special prefixes for image paths and links to make paths absolute.
  • Create separators using your own pictures, size and alignment.

Recent Questions

Q: Thanks for getting back with me but how do you build the menu?

I opened Deluxe Tuner program to build a menu and there are categories titled common, dimensions, font, appearance etc. and I have NO IDEA what to do?

Can you walk me through the development of a menu?


A: First of all you should add items.
Please, click "Add item" and "Add subitem".
In the "Item parameters" window you can set text, link, target, iconsfor the menu items. You can also assign different style for each menuitem (item style and submenu style).
But at first you should create this style. Click "Edit IndividualStyle/Add Style" and set different parameters for the style.

Try to set different parameters of the menu.
In the "Preview window" you can see all your changes.

First of all you should choose menu orientation:
  var isHorizontal = 1; Menu orientation: 0 - vertical, 1 - horizontal.

You can set exact width and height of the menu in the "Dimension"category.

You should set
  var absolutePos=1;
if you want to have absolute positioning menu.

Font style you can set in the "Font" category.

To set color of the menu you should set the following parameters:
  var menuBackColor="#FCEEB0";
  var menuBorderColor="#C0AF62";
  var itemBackColor=["#FCEEB0","#65BDDC"];
  var itemBorderColor=["#FCEEB0","#4C99AB"];

Try also to change these parameters:
  var itemSpacing=3;
  var itemPadding="3px";

Arrows for main items and subitems you can set here:
  var arrowImageMain=["default.files/arrowmain.gif","default.files/arrowmaino.gif"];
  var arrowImageSub=["default.files/arrowsub.gif","default.files/arrowsubo.gif"];

If want to have floatable or movable menu you should set the followingparameters:
  var floatable=0;

  var movable=0;

You can also try to change any template.


Q: Is this transparent feature there for individual submenu styles or for individual menu items in scrolling menu? I want that.

A: See, you can use "transparent" value instead of any color in the mainmenu parameters and in Individual styles.

  var menuBackColor="transparent";
  var menuBorderColor="transparent";
  var itemBackColor=["transparent","transparent"];
  var itemBorderColor=["transparent","transparent"];
  var moveColor="transparent";
  var shadowColor="transparent";

  var itemStyles = [
["itemBackColor=transparent,transparent","itemBorderColor=transparent,transparent"],
];

  var menuStyles = [
["menuBackColor=transparent","menuBorderColor=transparent"],
];


Q: Things are mostly working great. I want my menu to appear centered at the top the page. Here's the code:

<table style="text-align: left; width: 100%;" border="0" cellpadding="2"cellspacing="2">
<tbody>
<tr>
<td style="width: 100%; text-align: center;"><script type="text/javascript" src="navbar.js"></script>
</td>
</tr>
</tbody>
</table>

The table appears at the far left edge of the window. I tried with both absolute (x=20, y=10) and relative (both x and y unset) coordinates. Help!


A: If you want to center the menu paste itwithin the <div > or <table> with a static position and specify a center alignment for it, for example:

<DIV align=center>
<SCRIPT src="data/data.js" type=text/javascript>
</SCRIPT>
</DIV>

<table width=800>
<tr>
<td align=center width=600>

More Q&A

General Questions

Comicpress install/ Filezilla access to database/where to put comicpress files ... I am trying to figure out how to put the files for Comicpress into our

Joomla! • View topic - iStrip Component - Webcomic display

There has to be another comic/blog/tutorial/columnist supporting site out ..... be some sort of extension or functionality like Comic Press

Forum | Webcomic

Tutorial for setting up Webcomic in your own theme 2. Started by JGSTYLE on July 24, 2010 @ 9:43 pm Last post ... Upgrading from Comicpress to Webcomic 3 3

IndiBlogger.in | Will do back-flips for a review

The categories are used by the ComicPress theme to render blog posts and comics post differently. I do use tags on the site if you want to filter through

Google Analytics vs. Project Wonderful numbers? - Public Forum

@Erich: You use Wordpress/ComicPress. You can put the GA code in the footer so that it appears on every page automatically

How to Get Ahead in Character Animation... - Page 2 - Blender

Totaltutorial : Online directory of the best free tutorials from around the web! ... ComicPress Theme : wordpress theme for comic

ComicPress :: View topic - Menu with Rollover Images (Tutorial)

This tutorial was made for 2.5, which has some differences. I don't what to tell you though as to how to do this custom menu in 2.7

FWC Forums | Thread - What comic navigation system are you using?

Though I like it a lot more than the comicPress navigation that I've seen on other ... However, I am going to give Comicpress a whirl on another project,

AddThis User Community • View topic - Two problems - Pop in new

I've made my webcomic with comicpress for wordpress. .... 1) This is unfortunately not possible with our javascript menu

System Utility Comic Zeal Comic Reader 4.0.26 iPhone and iPod

Aug 12, 2010 ... You can group comics by pressing 'Edit', select more than one comic, press 'Move ', then select the 'New Series ...' option

ComicCMS Forums

A lot of people will no doubt continue to use ComicPress Legacy, ... Is there a migration tool available to move ComicPress archives over to

ComicPress Theme looking for another dev

Jun 22, 2010 ... Thread: ComicPress Theme looking for another dev. ... Drop down for which language uploading with to determine the comic meta_name

milkinthepantry.com :: View topic - ComicPress Alternative

Post Posted: Fri Dec 05, 2008 12:40 pm Post subject: ComicPress Alternative : Webcomic & Inkblot, Reply with quote

NPC Comic - Poll: What do you think of the Blizzard Real ID Forum

Jul 8, 2010 ... ©2009-2010 | NPC Comic is powered by WordPress with ComicPress | Subscribe: RSS Feed | Back to Top ↑| Privacy Policy

Comic Reef CMS Preview

Once I'd gone through that my site would only look like generic bland comicpress comic #9027864172 and making adjustments would 9 times out

Joomla! • View topic - iStrip Component - Webcomic display

There has to be another comic/blog/tutorial/columnist supporting site out there! ..... to do it and create a Joomla-based counterbalance to Comic Press

Transmission-X Comics • View topic - WordPress and ComicPress

Anyone know of any other nice ComicPress tutorials? I found a video on Youtube, but it looks like they only made one before they decided to