style_settings.html

Visual QuickMenu 6.5汉化版---JS导航栏特效生成器

</div>

<div class="ctitle" id=hoverfill_sub_type>hoverfill_sub_type <span class="rname">[Sub Animation type]</span></div>
<div class="icontent" style="margin-bottom:10px;">
Set to none, grow, fade. Grow will cause the fill box to expand from a custom direction and may combine a fade effect if specified.
</div>

<div class="ctitle" id=hoverfill_sub_direction>hoverfill_sub_direction <span class="rname">[Sub Grow Direction]</span></div>
<div class="icontent" style="margin-bottom:10px;">
Set to center, up, down, left, right. The direction is only valid when the animation type is set to grow.
</div>

<div class="ctitle" id=hoverfill_sub_step_size>hoverfill_sub_step_size <span class="rname">[Sub Grow Step Size]</span></div>
<div class="icontent" style="margin-bottom:10px;">
Set to an integer value greater than 0. The step size determines how many pixels to grow the fill between each animation frame.  The higher the value the faster the animation will run, values between 1 and 5 work well.
</div>

<div class="ctitle" id=hoverfill_sub_fade_in>hoverfill_sub_fade_in <span class="rname">[Sub Grow Fade In]</span></div>
<div class="icontent" style="margin-bottom:10px;">
Set to true or false. When true, grow animations will also fade from transparent to opaque as they fill the item area.
</div>

<div class="ctitle" id=hoverfill_sub_fade_type_steps>hoverfill_sub_fade_type_steps <span class="rname">[Sub Fade In Steps]</span></div>
<div class="icontent" style="margin-bottom:10px;">
Set to an integer value greater than 0. The setting works with the fade animation type and has no bearing on the 'grow fade in' option.  The setting determines the number of frames to use with a fade animation, the higher the value the slower the animation effect will be.
</div>

<div class="ctitle" id=hoverfill_sub_offset_width>hoverfill_sub_offset_width <span class="rname">[Sub Offset Width]</span></div>
<div class="icontent" style="margin-bottom:10px;">
Set to any positive or negative integer value. This will offset the width of the hoverfill area in pixels by the specified amount.  This is typically usefull for adjusting the width when using bordered edges, as a bordered edge will add extra size.  To offset this extra size of a border use a negative value.
</div>

<div class="ctitle" id=hoverfill_sub_offset_height>hoverfill_sub_offset_height <span class="rname">[Sub Offset Height]</span></div>
<div class="icontent" style="margin-bottom:10px;">
Set to any positive or negative integer value. This will offset the height of the hoverfill area in pixels by the specified amount.  This is typically usefull for adjusting the width when using bordered edges, as a bordered edge will add extra size.  To offset this extra size of a border use a negative value.
</div>

</div>




<!--***********************************Item Bullets CSS-->

<div class="ctitle" style="color:#111111;margin-top:20px;">Add-On: Item Bullets (CSS Based / Imageless)</div>
<div class="icontent" style="">
These item bullets are styled completely with CSS and are drawn by the QuickMenu software on the fly when your menu loads without the need for images.  A host of shapes, styling options, and hover plus active features are combined into this relatively lightweight add-on.
</div>
<div style="padding:10px;">

<div class="ctitle" id=ibcss_apply_to>ibcss_apply_to <span class="rname">[Apply To]</span></div>
<div class="icontent" style="margin-bottom:10px;">
Set to parent, non-parent, all.  The default value is all.
<br>
<br>
Parents are items with child sub menus, use this setting to tell your users that certain items will display a sub menu with additional links.
</div>

<div class="ctitle" id=ibcss_main_type>ibcss_main_type <span class="rname">[Main Type]</span></div>
<div class="icontent" style="margin-bottom:10px;">
Click the build button to the right of this field to select the type of arrow to display for the main items.
</div>

<div class="ctitle" id=ibcss_main_direction>ibcss_main_direction <span class="rname">[Main Direction]</span></div>
<div class="icontent" style="margin-bottom:10px;">
Set to down, right, up, left. These options apply to arrow type bullets only and determine the direction in which the main arrow will point.
</div>

<div class="ctitle" id=ibcss_main_size>ibcss_main_size <span class="rname">[Main Size]</span></div>
<div class="icontent" style="margin-bottom:10px;">
Set to any integer value greater than 0.  This determines the size of the bullet for the main menu items.
</div>

<div class="ctitle" id=ibcss_main_bg_color>ibcss_main_bg_color <span class="rname">[Main Static Background Color]</span></div>
<div class="icontent" style="margin-bottom:10px;">
Use any valid CSS color setting or pick your color using the build button / color swatch to the right of the field.  This value sets the background color for the bullet.
</div>

<div class="ctitle" id=ibcss_main_bg_color_hover>ibcss_main_bg_color_hover <span class="rname">[Main Static Background Hover color]</span></div>
<div class="icontent" style="margin-bottom:10px;">
Use any valid CSS color setting or pick your color using the build button / color swatch to the right of the field.  This value sets the background color for the bullet when the mouse is over the menu item.
</div>

<div class="ctitle" id=ibcss_main_bg_color_active>ibcss_main_bg_color_active <span class="rname">[Main Static Background Active color]</span></div>
<div class="icontent" style="margin-bottom:10px;">
Use any valid CSS color setting or pick your color using the build button / color swatch to the right of the field.  This value sets the background color for the bullet while the menu items child sub menu is visible.  If the item does not contain a sub menu then only the hover color will be visible while the mouse is over the menu item.
</div>

<div class="ctitle" id=ibcss_main_border_color>ibcss_main_border_color <span class="rname">[Main Static Border Color]</span></div>
<div class="icontent" style="margin-bottom:10px;">
Use any valid CSS color setting or pick your color using the build button / color swatch to the right of the field.  This value sets the border or outline color for the bullet.
</div>

<div class="ctitle" id=ibcss_main_border_color_hover>ibcss_main_border_color_hover <span class="rname">[Main Static Border Hover color]</span></div>
<div class="icontent" style="margin-bottom:10px;">
Use any valid CSS color setting or pick your color using the build button / color swatch to the right of the field.  This value sets the border or outline color for the bullet when the mouse is over the menu item.
</div>

<div class="ctitle" id=ibcss_main_border_color_active>ibcss_main_border_color_active <span class="rname">[Main Static Border Active color]</span></div>
<div class="icontent" style="margin-bottom:10px;">
Use any valid CSS color setting or pick your color using the build button / color swatch to the right of the field.  This value sets the border or outline color for the bullet while the menu items child sub menu is visible.  If the item does not contain a sub menu then only the hover color will be visible while the mouse is over the menu item.
</div>

<div class="ctitle" id=ibcss_main_position_x>ibcss_main_position_x <span class="rname">[Main Offset X]</span></div>
<div class="icontent" style="margin-bottom:10px;">
Set to any negative or positive integer value.  The bullet will be horizontally offset from its default positioning.
</div>

<div class="ctitle" id=ibcss_main_position_y>ibcss_main_position_y <span class="rname">[Main Offset Y]</span></div>
<div class="icontent" style="margin-bottom:10px;">
Set to any negative or positive integer value.  The bullet will be vertically offset from its default positioning.
</div>

<div class="ctitle" id=ibcss_main_align_x>ibcss_main_align_x <span class="rname">[Main align X]</span></div>
<div class="icontent" style="margin-bottom:10px;">
Set to left, center, right.  The bullet will be positioned left, center, or right, within each menu item.
</div>

<div class="ctitle" id=ibcss_main_align_x>ibcss_main_align_x <span class="rname">[Main align X]</span></div>
<div class="icontent" style="margin-bottom:10px;">
Set to left, middle, right.  The bullet will be positioned left, middle, or right, within each menu item.
</div>

<div class="ctitle" id=ibcss_sub_type>ibcss_sub_type <span class="rname">[Sub Type]</span></div>
<div class="icontent" style="margin-bottom:10px;">
Click the build button to the right of this field to select the type of arrow to display for the sub items.
</div>

<div class="ctitle" id=ibcss_sub_direction>ibcss_sub_direction <span class="rname">[Sub Direction]</span></div>
<div class="icontent" style="margin-bottom:10px;">
Set to down, right, up, left. These options apply to arrow type bullets only and determine the direction in which the sub arrow will point.
</div>

<div class="ctitle" id=ibcss_sub_size>ibcss_sub_size <span class="rname">[Sub Size]</span></div>
<div class="icontent" style="margin-bottom:10px;">
Set to any integer value greater than 0.  This determines the size of the bullet for the sub menu items.
</div>

<div class="ctitle" id=ibcss_sub_bg_color>ibcss_sub_bg_color <span class="rname">[Sub Static Background Color]</span></div>
<div class="icontent" style="margin-bottom:10px;">
Use any valid CSS color setting or pick your color using the build button / color swatch to the right of the field.  This value sets the background color for the bullet.
</div>

<div class="ctitle" id=ibcss_sub_bg_color_hover>ibcss_sub_bg_color_hover <span class="rname">[Sub Static Background Hover color]</span></div>
<div class="icontent" style="margin-bottom:10px;">
Use any valid CSS color setting or pick your color using the build button / color swatch to the right of the field.  This value sets the background color for the bullet when the mouse is over the menu item.
</div>

<div class="ctitle" id=ibcss_sub_bg_color_active>ibcss_sub_bg_color_active <span class="rname">[Sub Static Background Active color]</span></div>
<div class="icontent" style="margin-bottom:10px;">
Use any valid CSS color setting or pick your color using the build button / color swatch to the right of the field.  This value sets the background color for the bullet while the menu items child sub menu is visible.  If the item does not contain a sub menu then only the hover color will be visible while the mouse is over the menu item.
</div>

<div class="ctitle" id=ibcss_sub_border_color>ibcss_sub_border_color <span class="rname">[Sub Static Border Color]</span></div>
<div class="icontent" style="margin-bottom:10px;">
Use any valid CSS color setting or pick your color using the build button / color swatch to the right of the field.  This value sets the border or outline color for the bullet.
</div>

<div class="ctitle" id=ibcss_sub_border_color_hover>ibcss_sub_border_color_hover <span class="rname">[Sub Static Border Hover color]</span></div>
<div class="icontent" style="margin-bottom:10px;">
Use any valid CSS color setting or pick your color using the build button / color swatch to the right of the field.  This value sets the border or outline color for the bullet when the mouse is over the menu item.
</div>

<div class="ctitle" id=ibcss_sub_border_color_active>ibcss_sub_border_color_active <span class="rname">[Sub Static Border Active color]</span></div>
<div class="icontent" style="margin-bottom:10px;">
Use any valid CSS color setting or pick your color using the build button / color swatch to the right of the field.  This value sets the border or outline color for the bullet while the menu items child sub menu is visible.  If the item does not contain a sub menu then only the hover color will be visible while the mouse is over the menu item.
</div>

<div class="ctitle" id=ibcss_sub_position_x>ibcss_sub_position_x <span class="rname">[Sub Offset X]</span></div>
<div class="icontent" style="margin-bottom:10px;">
Set to any negative or positive integer value.  The bullet will be horizontally offset from its default positioning.
</div>

<div class="ctitle" id=ibcss_sub_position_y>ibcss_sub_position_y <span class="rname">[Sub Offset Y]</span></div>
<div class="icontent" style="margin-bottom:10px;">
Set to any negative or positive integer value.  The bullet will be vertically offset from its default positioning.
</div>

<div class="ctitle" id=ibcss_sub_align_x>ibcss_sub_align_x <span class="rname">[Sub align X]</span></div>
<div class="icontent" style="margin-bottom:10px;">
Set to left, center, right.  The bullet will be positioned left, center, or right, within each menu item.
</div>

<div class="ctitle" id=ibcss_sub_align_x>ibcss_sub_align_x <span class="rname">[Sub align X]</span></div>
<div class="icontent" style="margin-bottom:10px;">
Set to left, middle, right.  The bullet will be positioned left, middle, or right, within each menu item.
</div>

</div>


<!--***********************************Tabs (css)-->

<div class="ctitle" style="color:#111111;margin-top:20px;">Add-On: Tabs (CSS Imageless)</div>
<div class="icontent" style="">
The tab effect applies to the main menu items.  The effect works by inserting a CSS imageless shape between the menu items.  By blending the background colors and edge colors of the shapes with the colors of your main items a tab effect is created.  Like all QuickMenu add-on's, tabs scale to the size of your menu items and are applied to all menu items, even when dynamically generating your structure from a database.
<br>
<br>
Tabs are designed to work with horizontally oriented main menus only.
</div>
<div style="padding:10px;">

<div class="ctitle" id=tabscss_type>tabscss_type <span class="rname">[Type]</span></div>
<div class="icontent" style="margin-bottom:10px;">
Set to angled or rounded.  Angled tabs cut diagonally across and create a v effect.  Rounded tabs arch download create an arch effect between items.
</div>


<div class="ctitle" id=tabscss_size>tabscss_size <span class="rname">[Size]</span></div>
<div class="icontent" style="margin-bottom:10px;">
Set to any integer value greater than 0.  This determines the size of each tabs rounded or angled corners.
</div>

<div class="ctitle" id=tabscss_left_offset>tabscss_left_offset <span class="rname">[Offset X]</span></div>
<div class="icontent" style="margin-bottom:10px;">
Set to any integer value.  The x offset will adjust the tab shape which appears between your standard menu items horizontally from its default position.
</div>

<div class="ctitle" id=tabscss_top_offset>tabscss_top_offset <span class="rname">[Top X]</span></div>