ThemeKit Hero Image
Animated Overlay
InfoEverWeb Widgets
Tel: 012 345 6789
Logo Heading + Tel
The heading at the top of this page has a logo which is configured as an internal link, a heading and an optional phone number that switches to a phone icon on mobile phones.
The background can be a solid color or a two color gradient with adjustable angle. Both gradient colors have an opacity slider to use when the heading overlays a hero item like the example on this page.
Position
There is a drop down in the widget settings for choosing the heading's position …
[1] Relative - Positions the heading anywhere in the stack of widgets to scroll with the rest of the page content.
[2] Absolute - Positions the heading at the top of the page to overlay a hero item.
[3] Fixed - The heading can be placed anywhere but appears fixed at the top of the page in the browser.
Hero Image
The hero image is inserted in three sizes with an overlay which can fade in on hover.
Contact Toolbar
The toolbar has an option for a phone number which switches to a phone icon on mobile phones, a link to the contact page and a spam protected email link.
The contact link icon can be switched to a subscibe icon if required as shown in the example on this page.
The email name, domain and domain extension are entered in separate fields and a Javascritp enter the @ and the dot to prevent spammers using scraping software from harvesting the email address.
Fancy Quote
The people who are crazy enough to think they can change the world are the ones who actually do it.
Creativity is finding the connection between things that others can't see.
Anybody can have a great idea but it only exists in the ether until a creator connects it to reality by putting it into practice.
A Anon
Quotes
The browser will wrap any text enclosed in <q></q> tags with quotes but it looks a little pathetic.
In HTML5, quotes from another source should be enclosed in <blockquote></blockquote> tags.
The ThemeKit Fancy Quote widget has an optional heading, a blockquote and a "signature".
The demo uses three different Google hosted fonts with web safe fallbacks. The text is Stint Ultra Expanded, the quotes are Coustard and the name is Qwigley.
Both the heading and the author name can be aligned left, center or right and the quote can be styled with a border and/or a box shadow.
Links can be inserted in the text using HTML and styled in the widget settings for color, hover color and text decoration. Follow the link below to find out about inserting text links in widget text boxes …