LINK Effect

リンクに対するマウスオーバーは、Jimdoで色を変更させることが可能なので、そのままで良ければ良いのですが、よりリンクらしく見せるためには、HTMLの基本的なリンク表示方法に戻す方法を紹介しています。
また、画像のリンクについては、指定が出来ないので、ここでは、簡単な二種類の設定方法をご紹介しています。

ハイパーリンクテキストに下線を引く方法

リンクに下線を引く方法を紹介。

下の簡単なCSSを追加することで、リンクに下線がひかれます。

<style>
#content_area a{
    text-decoration : underline;

}
</style>

画像にリンクを張った時のエフェクトを2種類ご紹介

以下にCSSをご紹介していますが、それぞれにバリエーションがあります。
もっと詳しく知りたい方は、スタイルシートで、検索してみてください。

枠線を表示する

ハンバーガーメニュー
ハンバーガーメニュー
<style>
#content_area a img:hover{
        outline:3px dashed #000;
}
</style>

少し透明にする

ハンバーガーメニュー
ハンバーガーメニュー
<style>
#content_area a img:hover{ 
        opacity:0.6;
}
</style>

これ以外のリンクエフェクト

グレースケール

ハンバーガーメニュー
ハンバーガーメニュー

サイズ変更

ハンバーガーメニュー
ハンバーガーメニュー

影を付ける

ハンバーガーメニュー
ハンバーガーメニュー

他にも沢山あります

詳しくご覧になりたい方は、下のボタンをクリックしてみてください。