style_settings.html

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

<div class="ctitle" id=ibullets_main_image_active>ibullets_main_image_active <span class="rname">[Main Active Image]</span></div>
<div class="icontent" style="margin-bottom:10px;">
Specify the location and file name of the image to display.  Use relative or fully qualified (http://) paths.  The active image is displayed when the items sub menu is visible, if the item does not have a sub menu then only the hover image will be shown.
</div>

<div class="ctitle" id=ibullets_main_image_width>ibullets_main_image_width <span class="rname">[Main Image Width]</span></div>
<div class="icontent" style="margin-bottom:10px;">
Set to any integer greater than 0.  This defines the width of the images... static, hover, and active. Images should all be the same dimensions or they will be scaled and my not appear as intended.
</div>

<div class="ctitle" id=ibullets_main_image_height>ibullets_main_image_height <span class="rname">[Main Image Height]</span></div>
<div class="icontent" style="margin-bottom:10px;">
Set to any integer greater than 0.  This defines the height of the images... static, hover, and active. Images should all be the same dimensions or they will be scaled and my not appear as intended.
</div>

<div class="ctitle" id=ibullets_main_position_x>ibullets_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=ibullets_main_position_y>ibullets_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=ibullets_main_align_x>ibullets_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=ibullets_main_align_x>ibullets_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=ibullets_sub_image>ibullets_sub_image <span class="rname">[Sub Static Image]</span></div>
<div class="icontent" style="margin-bottom:10px;">
Specify the location and file name of the image to display.  Use relative or fully qualified (http://) paths.  The static image is the default visible image.
</div>

<div class="ctitle" id=ibullets_sub_image_hover>ibullets_sub_image_hover <span class="rname">[Sub Hover Image]</span></div>
<div class="icontent" style="margin-bottom:10px;">
Specify the location and file name of the image to display.  Use relative or fully qualified (http://) paths.  The hover image is visible while the mouse is over the menu item to which it belongs.
</div>

<div class="ctitle" id=ibullets_sub_image_active>ibullets_sub_image_active <span class="rname">[Sub Active Image]</span></div>
<div class="icontent" style="margin-bottom:10px;">
Specify the location and file name of the image to display.  Use relative or fully qualified (http://) paths.  The active image is displayed when the items sub menu is visible, if the item does not have a sub menu then only the hover image will be shown.
</div>

<div class="ctitle" id=ibullets_sub_image_width>ibullets_sub_image_width <span class="rname">[Sub Image Width]</span></div>
<div class="icontent" style="margin-bottom:10px;">
Set to any integer greater than 0.  This defines the width of the images... static, hover, and active. Images should all be the same dimensions or they will be scaled and my not appear as intended.
</div>

<div class="ctitle" id=ibullets_sub_image_height>ibullets_sub_image_height <span class="rname">[Sub Image Height]</span></div>
<div class="icontent" style="margin-bottom:10px;">
Set to any integer greater than 0.  This defines the height of the images... static, hover, and active. Images should all be the same dimensions or they will be scaled and my not appear as intended.
</div>

<div class="ctitle" id=ibullets_sub_position_x>ibullets_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=ibullets_sub_position_y>ibullets_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=ibullets_sub_align_x>ibullets_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=ibullets_sub_align_x>ibullets_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 (image based)-->

<div class="ctitle" style="color:#111111;margin-top:20px;">Add-On: Tabs (Image Based)</div>
<div class="icontent" style="">
The tab effect applies to the main menu items.  The effect works by inserting an image directly between the menu items, the image then overlaps both the item to the left and right.  Create an image which includes both the top right and top left corners of your tabbed items.  The add-on will apply these image between the menu items, if the image is designed to blend with the look of the main items a 
seamless tabbed effect will result.
<br>
<br>
The optional far left and far right tabbed corners use the left half and right half of the single image used to create the effect.
</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 create a v effect.  Rounded tabs arch download create an arch effect between items.
</div>


<div class="ctitle" id=tabs_image>tabs_image <span class="rname">[Image]</span></div>
<div class="icontent" style="margin-bottom:10px;">
Specify the location and file name of the image to display.  Use relative or fully qualified (http://) paths.
<br>
<br>
The tab image sits to the top and between the main menu items.  The image will overlap the items to the left and right.  Create an image which includes the top right and top left of your tabs, then blend the colors of the main menu item borders and backgrounds for a 
seamless tab effect.
<br>
<br>
The portion of the image which sits inside the borderer of the items is best when left transparent.  This way if your item background colors change you will not have to recreate the image.
</div>

<div class="ctitle" id=tabs_width>tabs_width <span class="rname">[Width]</span></div>
<div class="icontent" style="margin-bottom:10px;">
Set to any ineger value greater than 0.  This defines the width of the tab image.
</div>

<div class="ctitle" id=tabs_height>tabs_height <span class="rname">[Height]</span></div>
<div class="icontent" style="margin-bottom:10px;">
Set to any ineger value greater than 0.  This defines the height of the tab image.
</div>

<div class="ctitle" id=tabs_top_offset>tabs_top_offset <span class="rname">[Offset Y]</span></div>
<div class="icontent" style="margin-bottom:10px;">
Set to any ineger value.  This will vertically offset the tab image from its default 
position.  The default position for the image is to the top and between all menu items.
</div>

<div class="ctitle" id=tabs_apply_far_left>tabs_apply_far_left <span class="rname">[Apply Left]</span></div>
<div class="icontent" style="margin-bottom:10px;">
Set to true or false.  When true the tab image will be added before the first main menu item.  Only the right half of the image will be visible.
</div>

<div class="ctitle" id=tabs_apply_far_right>tabs_apply_far_right <span class="rname">[Apply Right]</span></div>
<div class="icontent" style="margin-bottom:10px;">
Set to true or false.  When true the tab image will be added after the last main menu item.  Only the left half of the image will be visible.
</div>

<div class="ctitle" id=tabs_apply_middles>tabs_apply_middles <span class="rname">[Apply Between]</span></div>
<div class="icontent" style="margin-bottom:10px;">
Set to true or false.  When true the tab image will be added between each main menu item.  
</div>

</div>


<!--***********************************Follow Pointer (image based)-->

<div class="ctitle" style="color:#111111;margin-top:20px;">Add-On: Follow Pointer (Image Based)</div>
<div class="icontent" style="">
Follow pointer are custom images which follow the mouse as it moves over the main or sub menu containers.  The pointer adds 
additional interactivity and helps users pinpoint there location within the menu structure.
</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 create a v effect.  Rounded tabs arch download create an arch effect between items.
</div>


<div class="ctitle" id=pointer_main_image>pointer_main_image <span class="rname">[Main Image]</span></div>
<div class="icontent" style="margin-bottom:10px;">
Specify the location and file name of the image to display.  Use relative or fully qualified (http://) paths.
<br>
<br>
The follow pointer image will appear when the mouse is over the main menu container.
</div>

<div class="ctitle" id=pointer_main_image_width>pointer_main_image_width <span class="rname">[Main Width]</span></div>
<div class="icontent" style="margin-bottom:10px;">
Set to any ineger value greater than 0.  This defines the width of the pointer image.
</div>

<div class="ctitle" id=pointer_main_image_height>pointer_main_image_height <span class="rname">[Main Height]</span></div>
<div class="icontent" style="margin-bottom:10px;">
Set to any ineger value greater than 0.  This defines the height of the pointer image.
</div>

<div class="ctitle" id=pointer_main_align>pointer_main_align <span class="rname">[Main Align]</span></div>
<div class="icontent" style="margin-bottom:10px;">
set to top-or-left, bottom-or-right.  Vertically oriented menus will use left or right placement, horizontally oriented menus will use top or bottom placement.
</div>

<div class="ctitle" id=pointer_main_off_x>pointer_main_off_x <span class="rname">[Main Offset X]</span></div>
<div class="icontent" style="margin-bottom:10px;">
Set to any integer value.  This will horizontally offset the pointer from its default position.
</div>

<div class="ctitle" id=pointer_main_off_y>pointer_main_off_y <span class="rname">[Main Offset X]</span></div>
<div class="icontent" style="margin-bottom:10px;">
Set to any integer value.  This will vertically offset the pointer from its default position.
</div>

<div class="ctitle" id=pointer_sub_image>pointer_sub_image <span class="rname">[Sub Image]</span></div>
<div class="icontent" style="margin-bottom:10px;">
Specify the location and file name of the image to display.  Use relative or fully qualified (http://) paths.
<br>
<br>
The follow pointer image will appear when the mouse is over the sub menu containers.
</div>

<div class="ctitle" id=pointer_sub_image_width>pointer_sub_image_width <span class="rname">[Sub Width]</span></div>
<div class="icontent" style="margin-bottom:10px;">
Set to any ineger value greater than 0.  This defines the width of the pointer image.
</div>

<div class="ctitle" id=pointer_sub_image_height>pointer_sub_image_height <span class="rname">[Sub Height]</span></div>
<div class="icontent" style="margin-bottom:10px;">
Set to any ineger value greater than 0.  This defines the height of the pointer image.
</div>

<div class="ctitle" id=pointer_sub_align>pointer_sub_align <span class="rname">[Sub Align]</span></div>
<div class="icontent" style="margin-bottom:10px