This is bdthemes shortcodes ultimate (joomla) Tooltip example. you can get facility in this shortcode item> Tooltip Style, Position, Shadow, Round, Size, Title, Content, Behavior, Close, Class, Content. just simply use this shortcode and get Tooltip Style.
Note: you can use this shortcode article and custom module. for your help we give a example bellow >

Tooltip Default Style

Hover Me Hover Me Hover Me Hover Me Hover Me Hover Me
Hover Me Hover Me Hover Me Hover Me Hover Me Hover Me Hover Me 
[tooltip position="north"][button style="flat"] Hover Me [/button][/tooltip]
[tooltip style="green" rounded="yes" size="4"][button style="flat"] Hover Me [/button][/tooltip]
[tooltip style="bootstrap" rounded="yes"][button style="flat"] Hover Me [/button][/tooltip]
[tooltip style="youtube" position="south" shadow="yes" rounded="yes"][button style="flat"] Hover Me [/button][/tooltip]
[tooltip style="bootstrap" position="west" rounded="yes"][button style="flat"] Hover Me [/button][/tooltip]
[tooltip style="tipsy" position="east" rounded="yes" size="4"][button style="flat"] Hover Me [/button][/tooltip]
[tooltip style="light" position="west" shadow="yes" size="1"][button style="flat"] Hover Me [/button][/tooltip]
[tooltip style="dark" position="east" shadow="yes" size="1"][button style="flat"] Hover Me [/button][/tooltip]
[tooltip style="red" position="south" shadow="yes" size="1"][button style="flat"] Hover Me [/button][/tooltip]
[tooltip style="blue" position="north" shadow="yes" size="1"][button style="flat"] Hover Me [/button][/tooltip]
[tooltip style="jtools" position="east" shadow="yes" size="1"][button style="flat"] Hover Me [/button][/tooltip]
[tooltip style="tipped" position="west" shadow="yes" size="1"][button style="flat"] Hover Me [/button][/tooltip]
[tooltip style="cluetip" position="north" shadow="yes" size="1"][button style="flat"] Hover Me [/button][/tooltip]

Tooltip Clicked Style

Click Me Click Me Click Me Click Me Click Me Click Me 
[tooltip behavior="click" position="north"][button style="flat"]Click Me[/button][/tooltip]
[tooltip behavior="click" style="green" rounded="yes" size="4"][button style="flat"]Click Me[/button][/tooltip]
[tooltip behavior="click" style="bootstrap" rounded="yes"][button style="flat"]Click Me[/button][/tooltip]
[tooltip behavior="click" style="youtube" position="south" shadow="yes" rounded="yes"][button style="flat"]Click Me[/button][/tooltip]
[tooltip behavior="click" style="bootstrap" position="west" rounded="yes"][button style="flat"]Click Me[/button][/tooltip]
[tooltip behavior="click" style="tipsy" position="east" rounded="yes" size="4"][button style="flat"]Click Me[/button][/tooltip]

Tooltip All Time Visible Style

Info With Tooltip Info With Tooltip Info With Tooltip Info With Tooltip Info With Tooltip Info With Tooltip 
[tooltip behavior="always" style="bootstrap" position="west" rounded="yes"][button style="flat"]Info With Tooltip[/button][/tooltip]
[tooltip behavior="always" position="north"][button style="flat"]Info With Tooltip[/button][/tooltip]
[tooltip behavior="always" style="green" rounded="yes" size="4"][button style="flat"]Info With Tooltip[/button][/tooltip]
[tooltip behavior="always" style="bootstrap" rounded="yes"][button style="flat"]Info With Tooltip[/button][/tooltip]
[tooltip behavior="always" style="youtube" position="south" shadow="yes" rounded="yes"][button style="flat"]Info With Tooltip[/button][/tooltip]
[tooltip behavior="always" style="tipsy" position="east" rounded="yes" size="4"][button style="flat"]Info With Tooltip[/button][/tooltip]

Tooltip With Title

Hover Me Hover Me Hover Me Hover Me Hover Me Hover Me 
[tooltip title="Tooltip Title"][button style="flat"] Hover Me [/button][/tooltip]
[tooltip style="green" position="south" shadow="yes" rounded="yes" size="4" title="Tooltip Title"][button style="flat"] Hover Me [/button][/tooltip]
[tooltip style="blue" position="west" shadow="yes" rounded="yes" size="5" title="Tooltip Title"][button style="flat"] Hover Me [/button][/tooltip]
[tooltip style="youtube" position="east" rounded="yes" title="Tooltip Title"][button style="flat"] Hover Me [/button][/tooltip]
[tooltip style="bootstrap" shadow="yes" size="6" title="Tooltip Title"][button style="flat"] Hover Me [/button][/tooltip]
[tooltip style="tipsy" position="north" title="Tooltip Title"][button style="flat"] Hover Me [/button][/tooltip]