This website template has been designed by Free Website Templates for you, for free.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Sept 21 | by Nullam 8Donec porttitor eros eget diam lobortis tincidunt.
Sept 21 | by Nullam 8Pellentesque et libero a urna molestie sagittis sit amet
Sept 21 | by Nullam 8Aliquam erat volutpat. Maecenas risus mauris
Sept 21 | by Nullam 8Vivamus tincidunt urna id nisi malesuada vehicula
Sept 21 | by Nullam 8© Copyright 2012. All Rights Reserved.
You can remove any link to our website from this website template, you're free to use this website template without linking back to us. If you're having problems editing this website template, then don't hesitate to ask for help on the Forum.
Curabitur semper, lectus mollis semper, est tortor fermentum adipiscing vitaes
Mauris a mauris nibh, eu sodales metus. Aenean mattis, justo sit aliquetdia
You can remove any link to our website from this website template, you're free to use this website template without linking back to us.
Morbi placerat ullamcorper sapien nec lacinia. Pellentesque ac magna sit amet metus pretium ultricies.
Pellentesque ac magna sit amet metus pretium ultricies. Nulla risus erat, varius ut tincidunt non, scelerisque ut mi. Maecenas elit purus, dapibus in hendrerit in, consequat nec mi.
For first example: "This is the main menu where you can reach the main sections of the website."
Through this tour you'll find out how amazing this plugin is...
You can easily set the highlited element by any kind of CSS selectors. This "block" was selected with .figure img
Did you notice the animation? Oo
The plugin comes with an advanced, built-in animation engine. It has it's own syntax and you can create keyframes to have multiple moves in a single animation.
There are eight positions which you can use for you tooltips (top, right, bottom, left, topLeft, topRight, bottomLeft, bottomRight). Tooltip contents are coming from single divs, so you can use any kind of HTML in it, even embed videos if you need to.
The plugin comes with many preferences and options to enable you high customization. In other way, the usage is very easy, you only need to have a few divs (the tooltip contents) and the JavaScript included.
You can customize your tooltips one-by-one with data attributes.
For example this tooltip uses the following attributes:
data-tg-for="#connect form"
data-tg-position="topRight"
data-tg-tip-offset="-5 30"
data-tg-overlay-offset="10"
data-tg-width="500"
data-tg-animation="[top: -5px;]....TOO LONG....|200[top: 5px;]
Teach them how to use your site. Show them a video ;)
The plugin comes integrated with the ScrollTo plugin by Benjamin "balupton" Lupton. It helps to smoothly scroll to the desired tooltip.
Also you can set the Smooth-Scroll plugin parameters one-by-one like offset, speed and easing.
Animation are created with CSS3 features so they are really smooth. The tooltips are still gonna work in older browsers, but without animations.
The plugin has much more features which makes the plugin even more customizeable. There 40 JavaScript parameters which you can set globally, like autoPlay, offset, prompt, etc.!
The 9 available callbacks (onBeforeLoad, onAfterLoad, onBeforeSwitch, onAfterSwitch, onNext, onPrev, onGo, onFinish, onInit) will help you to create really unique methods or actions, helps you to call custom functions on plugin events, and i didn'T mentioned those plugin methods which you can use to create unique navigations.
As you can see, it's onto you to take out the maximum from the plugin and we will help you! Please report any kind of bugs, experiences or suggestions in the comments section of the product page, we want to make our script as safe and as bugless as we can!!!
