Popovers

Popover hover light

I’m right popover, hover me !
I’m left popover, hover me !
I’m top popover, hover me !
I’m top popover, hover me !

 

Get the codes
 [yt_popovers style="light" title="Popover 1" text="Your content here." size="default" behavior="hover" shadow="yes" rounded="yes" position="right" close="no" ] I’m right popover, hover me ! [/yt_popovers] 
 [yt_popovers style="light" title="Popover 2" text="Your content here." size="default" behavior="hover" shadow="yes" rounded="yes" position="left" close="no" ] I’m left popover, hover me ! [/yt_popovers] 
 [yt_popovers style="light" title="Popover 3" text="Your content here." size="default" behavior="hover" shadow="yes" rounded="yes" position="top" close="no" ] I’m top popover, hover me ! [/yt_popovers] 
 [yt_popovers style="light" title="Popover 4" text="Your content here." size="default" behavior="hover" shadow="yes" rounded="yes" position="bottom" close="no" ] I’m top popover, hover me ! [/yt_popovers] 
I’m right popover, hover me !
I’m left popover, hover me !
I’m top popover, hover me !
I’m top popover, hover me !

Color style popover hover

 

Get the codes
 [yt_popovers style="red" title="Popover 1" text="Your content here." size="default" behavior="hover" shadow="yes" rounded="yes" position="right" close="no" ] I’m right popover, hover me ! [/yt_popovers] 
 [yt_popovers style="dark" title="Popover 2" text="Your content here." size="default" behavior="hover" shadow="yes" rounded="yes" position="left" close="no" ] I’m left popover, hover me ! [/yt_popovers] 
 [yt_popovers style="yellow" title="Popover 3" text="Your content here." size="default" behavior="hover" shadow="yes" rounded="yes" position="top" close="no" ] I’m top popover, hover me ! [/yt_popovers] 
 [yt_popovers style="green" title="Popover 4" text="Your content here." size="default" behavior="hover" shadow="yes" rounded="yes" position="bottom" close="no" ] I’m top popover, hover me ! [/yt_popovers] 

Popover click

I’m right popover, click me !
I’m left popover, click me !
I’m top popover, click me !
I’m top popover, click me !

 

Get the codes
 [yt_popovers style="blue" title="Popover 1" text="Your content here." size="default" behavior="click" shadow="yes" rounded="yes" position="right" close="yes" ] I’m right popover, click me ! [/yt_popovers] 
 [yt_popovers style="youtube" title="Popover 2" text="Your content here." size="default" behavior="click" shadow="yes" rounded="yes" position="left" close="yes" ] I’m left popover, click me ! [/yt_popovers] 
 [yt_popovers style="tipsy" title="Popover 3" text="Your content here." size="default" behavior="click" shadow="yes" rounded="yes" position="top" close="yes" ] I’m top popover, click me ! [/yt_popovers] 
 [yt_popovers style="bootstrap" title="Popover 4" text="Your content here." size="default" behavior="click" shadow="yes" rounded="yes" position="bottom" close="yes" ] I’m top popover, click me ! [/yt_popovers] 
I’m right popover, always me !
I’m top popover, always me !
I’m top popover, always me !
I’m left popover, always me !

Popover always

 

Get the codes
 [yt_popovers style="jtools" title="Popover 1" text="Your content here." size="default" behavior="always" shadow="yes" rounded="yes" position="right" close="yes" ] I’m right popover, always me ! [/yt_popovers] 
 [yt_popovers style="tipped" title="Popover 2" text="Your content here." size="default" behavior="always" shadow="yes" rounded="yes" position="left" close="yes" ] I’m left popover, always me ! [/yt_popovers] 
 [yt_popovers style="cluetip" title="Popover 3" text="Your content here." size="default" behavior="always" shadow="yes" rounded="yes" position="top" close="yes" ] I’m top popover, always me ! [/yt_popovers] 
 [yt_popovers style="red" title="Popover 4" text="Your content here." size="default" behavior="always" shadow="yes" rounded="yes" position="bottom" close="yes" ] I’m top popover, always me ! [/yt_popovers] 
Top