ホーム > ブログ > テクニック > Jimdoで画像ボタンにマウスがのった時、半透明にする方法

Jimdoで画像ボタンにマウスがのった時、半透明にする方法

Jimdoでは、アップした画像にウェブページへのリンクを張れるので、簡単に画像ボタンを設定することができます。

そんな画像ボタンにマウスを乗せた時、そのボタンが半透明になってくれると少しプロっぽくなって嬉しいですよね。

こんな感じに↓。マウスを乗せてみてください。


これは簡単に設定できます。

管理メニュー>基本設定>ヘッダ編集で以下を書き込んで、保存すればOKです。

<style type="text/css">
/*<![CDATA[*/
a:hover img {
        opacity: 0.5;
        filter: alpha(opacity=50);
        -ms-filter: "alpha( opacity=50 )";
}
/*]]>*/
</style>

 

Jimdoでの設定画面:


少しだけ嬉しくなるJimdoテクニックでした。