スポンサーサイト

一定期間更新がないため広告を表示しています

   拍手する



  • 2014.03.26 Wednesday
  • -
  • -
  • -
  • -
  • -
  • by スポンサードリンク

マウスカーソルを合わせたときにリンクを右下に動かす方法


"マウスカーソルを合わせたときにリンクを右下に動かす方法"


リンクにマウスカーソルを合わせたときに、
そのテキストや画像に動きがあると、
訪問者さんにとって分かりやすいですね。

その方法をネットで探してみたのですが、
案外簡単な方法だったのでビックリしました。

【PR】
LINE 浮気


1. 管理画面にログインし、[デザイン] - [HTML・CSS編集] をクリックします。 

[デザイン] - [HTML・CSS編集] をクリックします。



2. <head>〜</head> 内に以下のスタイルシートを追加し、
[HTML を編集] ボタンをクリックします。
 
<style type=”text/css”>
<!-- a:hover {position:relative; top:2px; left:2px;} -->
</style>

top と left の数字でリンクの動き具合を調節してください。
1px だと動きが小さいし、3px だと動きが大きすぎるので、
2px がちょうどいいように思います。

本当は、CSS を編集した方がいいのでしょうが、
この方法だと CSS の知識がなくても簡単にできてしまいます。

【注意】
ご利用のテンプレートの CSS の記述によっては、
この方法が利用できない場合があります。


【参考ウェブサイト】
オンマウスでテキストリンクが少し右下に動く | WEB管理者のHTML覚書
http://html.datura.jp/2009/09/onmouse.html
リンクを動かす方法 | アフィリエイトで4000万稼いで自由になった元皿洗いのブログ
http://daipon01.com/ppc/2728.html


【更新履歴】
2011/04/26 新規投稿

   拍手する




スポンサーサイト

   拍手する



  • 2014.03.26 Wednesday
  • -
  • -
  • -
  • -
  • -
  • by スポンサードリンク

コメント
コメントする








   
この記事のトラックバックURL
トラックバック

profile

search this site.

recommend

links

categories

archives

ブログパーツ

Creative Commons

この作品は、クリエイティブ・コモンズ・ライセンスの下でライセンスされています。
Creative Commons License

ケーキ・和菓子

RSS / Atom

mobile

qrcode

PR


流行ったダイエット