EverWeb Codebox logo

EverWeb Widgetbox 3

Colored Block Grid Navigation

Touch Color Block Grid Navigation Widget

Multi Colored Tabs

This widget creates a block navigation where each block can have its own font and background colors.
The tab height can be increased using the value for padding and they can be spaced out by increasing the individual tab border width.
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 last two links can be configured as external ones to a blog or social media sites.

Touch Colored Grid Navigation Widget
Touch Colored Grid Navigation Widget

Widget Settings

Set the container border width and color and the box shadow radius and color.
Set the individual block percentage width, adjust the height using the value for padding and set the border width and color.
Set the font family and size.
Enter the link text, set the color and background color and choose the "Link to:" page for the first three items.
Add more items as required and check the box to display them.
To configure the last two links as external ones, check the box next to "External Link" and enter an absolute URL.

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 …