Tooltip
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
[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
[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
[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
[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]