SU ツールチップ

デフォルトは

特集 カナダのオイルサンド MARCH 2009

 

オプションはあれこれあります。

特に「振る舞い」の「behaviorなし・behavior=”always”・behavior=”click”」の指定が大事かも。

個人的にはマウスクリックでツールチップが表示されるよりマウスオン、すなわちホバーで表示される「behaviorなしで指定」が良いと思います。

また、「ツールチップがある」というさりげないサインも。テキストの場合はアンダーラインですかね?あるいは 

「<i class=”far fa-comment-alt”></i>」を添えてみました。「Quicktags 」で特別に用意することになりそうです。

 常に表示のタイプ

 

 

 

 マウスクリックで表示のタイプ

 

 

 マウスオンで下に表示

 

それでは定番を・・・

 マウスオンで上に表示(position指定なし)

画像はどうですか?

 

 

 画像はどうですか?

【su_tooltip title=”behavior” text=”画像でのポイントはショートコードの末尾にぴったり付けるといけます”  background=”#faf88c” color=”#0e0e0e” font_size=”18″ text_align=”center” max_width=”400″ radius=”10″ shadow=”yes”】

【/su_tooltip】