swMenu

CSS3 Menu Editor

Export Settings Top Menu Box Top Menu Items Sub Menu Box Sub Menu Items Edit Menu Items
(HTML Export)
Expand All Collaspe All Change Style: export preview
Item - Images & Colors
Normal - Preview
Repeat:
Position:
Background Image:
Get Gradient Get Image Clear
Background Color: Get Color Clear
Font Color: Get Color
Opacity:
%
Hover - Images & Colors
Hover - Preview
Repeat:
Position:
Background Image:
Get Gradient Get Image Clear
Background Color: Get Color Clear
Font Color: Get Color
Active - Images & Colors
Active - Preview
Repeat:
Position:
Background Image:
Get Gradient Get Image Clear
Background Color: Get Color Clear
Font Color: Get Color
Fonts & Text
Font Family:
Google Font: Get Font
Font Size:
px
Weight:
Align:
Word Wrap:
Extra:
Text Shadow
Shadow: Top:
px
Blur:
px
Left:
px
Color: Get Color Clear
Item Shadow
Type: Top:
px
Blur:
px
Left:
px
Color: Get Color Clear
Dimensions
Width: px Auto
Height: px Auto
Margin
Top Right Bottom left
px px px px
Padding
Top Right Bottom left
px px px px
Border
Style: Width: px
Top Right Bottom Left Auto
Color: Get Color
Corner
Style: Size: px
Top Left Top Right Bottom Left Bottom Right
Sub Menu Indicator
Normal Image: Get Image Clear
Hover Image: Get Image Clear
Indicator Alignment:
Top Offset:
px
Left Offset:
px
Orientation
Width & Alignment
Width:
px % Auto
Alignment:
Image & Color
Preview
Repeat:
Position:
Background Image:
Get Gradient Get Image Clear
Background Color: Get Color Clear
Opacity:
%
Shadow
Type: Top:
px
Blur:
px
Left:
px
Color: Get Color Clear Color
Offsets
Top:
px
Left:
px
Padding
Top Right Bottom left
px px px px
Border
Style: Width: px
Top Right Bottom left
Color: Get Color
Corner
Style: Size: px
Top Left Top Right Bottom Left Bottom Right
Item - Images & Colors
Normal - Preview
Repeat:
Position:
Background Image:
Get Gradient Get Image Clear
Background Color: Get Color Clear
Font Color: Get Color
Opacity:
%
Hover - Images & Colors
Hover - Preview
Repeat:
Position:
Background Image:
Get Gradient Get Image Clear
Background Color: Get Color Clear
Font Color: Get Color
Active - Images & Colors
Active - Preview
Repeat:
Position:
Background Image:
Get Gradient Get Image Clear
Background Color: Get Color Clear
Font Color: Get Color
Fonts & Text
Font Family:
Google Font: Get Font
Font Size:
px
Weight:
Align:
Word Wrap:
Extra:
Text Shadow
Shadow: Top:
px
Blur:
px
Left:
px
Color: Get Color Clear
Item Shadow
Type: Top:
px
Blur:
px
Left:
px
Color: Get Color Clear
Dimensions
Width: px Auto
Height: px Auto
Margin
Top Right Bottom left
px px px px
Padding
Top Right Bottom left
px px px px
Border
Style: Width: px
Top Right Bottom left Auto
Color: Get Color
Corner
Style: Size: px
Top Left Top Right Bottom Left Bottom Right
Apply Corners To:
Sub Menu Indicator
Normal Image: Get Image Clear
Hover Image: Get Image Clear
Indicator Alignment:
Top Offset:
px
Left Offset:
px
Orientation
Sub Menu:
Images & Colors
Preview
Repeat:
Position:
Background Image:
Get Gradient Get Image Clear
Background Color: Get Color Clear
Opacity:
%
Shadow
Type: Top:
px
Blur:
px
Left:
px
Color: Get Color Clear
Special Effects
Transition:
Distance:
px
Duration:
ms
Offsets
Level 1 Top Offset:
px
Level 1 Left Offset:
px
Level X Top Offset:
px
Level X Left Offset:
px
Padding
Top Right Bottom left
px px px px
Border
Style: Width: px
Top Right Bottom left
Color: Get Color
Corner
Style: Size: px
Top Left Top Right Bottom Left Bottom Right
Menu Settings
Menu Name: swMenu
IE Pie.htc CSS3 Hack:
Edit Responsive Menu
Responsive Menu Settings
Responsive Menu Type:
Minimum Screen Width: px
Submenu Indent: px
Show/Hide Button
Create Open/Close Menu Button:
Open/Close Button Text:
Accordion Menu Settings
Expand All Submenus:
Disable Parent Item Links:
Closed Icon: Get Image Clear
Open Icon: Get Image Clear
Icon Alignment:
Top Offset:
px
Left Offset:
px
Remove Styles
Top Menu Sub Indicators:
Sub Menu Sub Indicators:
Top Menu Hover Background:
Sub Menu Hover Background:
Top Menu Box Shadow:
Sub Menu Box Shadow:
Top Menu Item Shadow:
Sub Menu Item Shadow:
Top Menu Box Corner:
Sub Menu Box Corner:
Top Menu Item Corner:
Sub Menu Item Corner:
Top Menu Box Border:
Sub Menu Box Border:
Top Menu Item Border:
Sub Menu Item Border:
Top Menu Item Margin:
Sub Menu Item Margin:
Top Menu Box Padding:
Sub Menu Box Padding:
Top Menu Item Padding:
Sub Menu Item Padding:
Preview Responsive Menu
Export Type
Select menu item by clicking on menu item name.
Click a menu item to edit
Edit Menu Item
Type:
Name:
Title:
Link:
Target:
delete
Add New Menu Item
Where:
Type:
Name:
Title:
Link:
Target:
insert
Move Menu Item
   
   
Menu Item Icons
Normal Icon: Get Image Clear
Hover Icon: Get Image Clear
Icon Alignment:
Top Offset:
px
Left Offset:
px
Item Normal CSS
Item Hover CSS
Additional Item HTML
Add HTML: