リンク文字を動かす(その一)

| コメント(0) | トラックバック(0)
マウスがリンク文字に乗るとリンク文字が小さく動くようにする。


リンク文字を動かすためには、.CSS ファイルを変更する必要がある。

ここではMT4の既定のブログの .CSS で説明致しますが、他の .CSS ファイルでもやり方は同じだと思います。


.CSSファイルの場所はこちらで確認して下さい。


.CSSファイルをテキストエディターで開きます。


.CSSファイル





まず" a:hover "と書いてあるところを探して下さい。(検索した方が簡単です)


a:hover





"text-decoration: none;"が現在のリンクに対する設定です。


text-decoration:





"a:hover {text-decoration: none;}"の部分を下のソースに置き換えて




このようにして下さい。


position: relative;



アンダーラインを表示したい場合は
"text-decoration: none;"の部分を"text-decoration: underline;"とします。
"top: 1px; left: 2px;"の数値を変更することにより移動量を変えることが出来ます。


ただし上記の場合は、リンクされているイメージファイルも含めて動きます。





参考になったと思った方はクリック

↓ ↓ ↓ ↓ ↓ ↓

にほんブログ村 IT技術ブログ 自宅サーバー構築へ


トラックバック(0)

トラックバックURL: http://jisakupc.ddo.jp/cgi-bin/mt/mt-tb.cgi/3863

コメントする

最近のコメント

アーカイブ

今日
昨日

Links

ブログパーツ(無料)

インフォブログランキング
知識の杜