Pop up box

http://www.jacobtomlinson.co.uk/2012/09/11/ajax-database-tooltip/

I followed that tutorial successfully but the pop up box is ugly and does not go away after clicked. I'd like to stylize the qTip box a little bit. I'm trying to get the pop up box that looks like "AJAX'd HTML" on this page:

http://qtip2.com/demos

I am using the code in the original link, can anyone instruct me how to make it look like the AJAX'd HTML pop up in the second link's demo page?

 

Just use a pure css tooltip:

http://jsfiddle.net/greypants/zgCb7/

or

http://jsfiddle.net/i_like_robots/qrXyE/

 

While I like pure-css tooltips, they're not always the right solution. First, you need to know the size of the item needing the tooltip (and, to some extent, the position) - if you change all the px-values to dynamic ones, you'll start experiencing issues as soon as something on the page changes - issues which you won't have with javascript positioning. I'd say use CSS as a starting point/fallback, but use js for proper positioning in responsive designs.