Cool Tooltips with Pure CSS

Oleh -

Cool Tooltips with Pure CSS


Hint.css is a tooltip library in CSS that helps you add cool tooltips to any element of your page. The major difference between Hint.css and othe tooltip plugins is that Hint.css uses data-* attribute, pseudo elements, content property and CSS3 transitions so that it's only compatible with those modern browsers which fully support HTML5 and CSS3.
DOWNLOAD
DEMO


How to use it:
  • Include Hint.css in your page 
                 
<link rel="stylesheet" href="hint.css">


  • Markup your link with at least 2 classes. Use data-hint attribute to add your tooltip text. 
                 
<p> <a href="#" class="hint  hint--top" data-hint="jQueryScript.Net">Look, there is something over me.</a> </p>


  • Position Options. 
                 
class="hint hint--top" 
class="hint hint--bottom"
class="hint hint--left"
class="hint hint--right"


  • Additionally, you can use other modifiers to style your tooltips 
                 
hint--error
hint--info
hint--warning
hint--success
hint--always


This awesome jQuery plugin is developed by chinchang. For more Advanced Usages, please check the demo page or visit the official website.

Komentar

Posting Komentar

Komentarnya mas :)

Postingan populer dari blog ini

Here's Why Paying For Your Traffic Is A Smart Move

Oleh Mas Tamvan -
Gambar
Here's Why Paying For Your Traffic Is A Smart Move There are so many success stories you will hear about businesses making it good in the internet. The troubling thing is, there are maybe a tenfold or even a hundredfold of stories contradictory to theirs. Many have unsuccessfully launched a business enterprise that is internet based but only a handful shall succeed. Is this through luck? That is even more remote. It takes good business sense and a lot of help and team effort. Most importantly, it is the eagerness to succeed and the determination to learn and the willingness to invest in a lot of hard work and some money. The Very Basic Like Neo, traffic is “The One”. Without traffic, all your effort would just go to waste. Every business needs customers, without them you wouldn’t have anyone to sell your products to. In the internet world traffic is the walk in customer. The more traffic you have the more people would be able to sell your products to. But like any ...
Baca selengkapnya

jQuery Automatic BlackEagle Slideshow Plugin

Oleh -
Gambar
jQuery Automatic BlackEagle Slideshow Plugin jquery.blackEagleSlideShow.js is a lightweight and easy-to-use jQuery slideshow plugin that automatically generates captions from img's title attribute. DOWNLOAD DEMO How to use it: Insert a set of images you want present into a DIV container. <div id="blackeagle_slideshow"> <img src="1.jpg" alt="" title="Image 1"/> <img src="2.jpg" alt="" title="Image 2"/> <img src="3.jpg" alt="" title="Image 3"/> <img src="4.jpg" alt="" title="Image 4"/> </div> Place jQuery library and the jquery.blackEagleSlideShow.js script at the end of the html document. <script src="//code.jquery.com/jquery.min.js"></script> <script src="jquery.blackEag...
Baca selengkapnya

Effectively Using Overture / Yahoo To Get Website Visitors

Oleh Mas Tamvan -
Gambar
Effectively Using Overture/Yahoo To Get Website Visitors Overture or now known as Yahoo because of Yahoo’s takeover, was the original inventor of the use of the P4P or Pay for Performance. Overture saw that the internet was fast becoming the easiest and most convenient way to shop, and advertising was going to hit at an all time high because of the many businesses in the arena. To get a person to go to a site than others, it needs to be very visible. Providing ads that could direct potential consumers and costumers to their site would allow them to have an increase in traffic as well as sales. Yahoo provides a service that can put a site or company’s ad in their sites that can be shown when certain keywords are inputted. Yahoo offers a chance for any company to increase their traffic by using their services. With more people being aware of your site, there would be more traffic and visitors to your site given the chance to view your pages as well as your products. With even a s...
Baca selengkapnya