EverWeb Codebox logo

EverWeb Widgetbox 3

Touch Icon Navigation External

Touch Icon Navigation External Links Widget

Icon Grid Internal Hyperlinks

This is the same type of navigation as the one on the previous page except that it uses external links to create a navigation to other sites such as blog and social media.
The tabs can be arranged in a single row - horizontally or vertically - or in rows and columns. This is achieved by altering the percentage widths of the individual tabs and adjusting the overall size of the widget.
The menu can have up to ten links. If more are required, add another widget and use the Arrange menu to group them.
The navigation uses the Font Awesome icons and each one can have a different color if required.
Go to the ICON page to get the icon names for entering into the widget settings.

Touch Icon Internal Navigation Widget

Widget Setiings

Choose the appropriate percentage width and set the minimum height if required.
Minimum height is used to force the height to accommodate the text when it is returned to two or more lines using the HTML line break <br>
Set the background color, font family, size and color and the icon size.
Set the tab separator width and color and the navigation border width and color if required.
Enter the link text, icon name, choose its color andenter a relative or absolute URL for the first three items.
Add more items as required and check the box to display them.

This widget is included in the Touch Navigation widget pack.

Touch Widgets Bulk Pack Discount Deal

Buy all 4 Touch Widget packs for $30.00 …