Custom a tootip by using qtip

Question

I am interesting the tootip by this example.

My current qtip is for a table cell.

$(document).ready(function()
{
     $('td[title]').qtip();
});

How to modify it to get the same effect as the example?

Thanks.

Answer 1

Using qtip2 rather than qtip1 will solve the problem.

CSS:

.tdStyle{
     background: #123456;
     color: #FEDCBA;
     text-align: left;
     border-radius: 4px;
     border: 2px solid white;
     width: 400px;
       };

JS:

$('td[title]').qtip({
style: {
    classes: 'tdStyle'
}
});