EverWeb Widgets Blog

Flyout Image Links

Image Navigation

These image links flyout on click or tap from the left side of the page. They are good for quick links to related posts - or anthing else for that matter!
The number of images per row can be set for each device type - computer, tablet landscape, tablet portrait and mobile phone.
Overlay
The overlay has controls for background color and its opacity and has a heading, optional date and text in an HTML5 <article> element.
The font can be web safe or non websafe or Google hosted with a web safe fallback, The date field can have a contrasting color and there is a control for adjusting the vertical spacing of the items.
Sticky
The menu can be positioned absolutely at a fixed distance from the top or made to stick in position and always be in view.
On mobile phones, only the icon tab is sticky so that the visitor doesn't get stuck in the menu.
Icon Tab
The tab has controls for color, hover color, background and its opacity and border radius. The size of the icon can be adjusted in relation to the tab by increasing or decreasing the amount of padding. More padding makes the icon smaller and vice versa.uge difference to the page download time and should be considered if the page has more than two or three images..

Quick Links Bar

To encourage visitors to stay on a blog it is essential to provide clearly labelled CTA style links to quickly connect them to related articles. Text links with these nasty underlines have no place in a modern web page design and are useless for those who are using touch devices like the iPad and iPhone.
CTA
The CTA (Call To Action) is the most effective type of link since it can be designed to stand out and containe a text message that urges the vistor to click it.
The RGL Blog Quick Links widget creates an inline row of links which can be styled with various colors, hover color, a border and/or a box shadow. Whens everal links are inserted, they will return to form rows on narrower device screens.
Spacing is really important in web design and the amount of white space is almost as important as the content. These links have controls for spacing them out horizontally and vertically.

Toolbar

The Blog Toolbar show below can be paced anywhere on the page and can overlay an item above it - like a hero image - by checking a box and adding transparency to the background.
It has links to the comments page, previous post, entries list, next post and a spam protected "Email Me" link.