リンクをぴょこぴょこ動かす設定

テキストリンクでも、画像リンクでも、
マウスのカーソルをあてるだけで、
リンクがぴょこっと動いてくれる設定法。

試しに、カーソルを当ててみて欲しいんですけど、

こういうテキストリンクや、

カーソルが当たったときに、
ぴょこっと動くようにする設定です。


これは、ワードプレスだけじゃなく、HTMLサイトでも使えます。

設定はいたって簡単。
「head」タグのどこかに、この一行を追加するだけ。

<style type=”text/css”> <!– a:hover {position:relative; top:2px; left:2px;} –> </style>

</head>タグの直前くらいに設定したら分かりやすいかもですね。

ワードプレスなら、管理画面から、「外観」⇒「テーマ編集」とすすみ、
「ヘッダー(header.php)」というphpファイルがあるので、
そのphpファイルの中の、</head>タグを見つけて、
</head>タグの直前に書き込みましょう。

HTMLサイトでも、同様に、</head>タグの直前に書き加えればOKです。

あわせて読みたい関連記事

コメントは停止中です。

サブコンテンツ

このページの先頭へ