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

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


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

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


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


" a:hover "は、<a href=""></a>でリンク指定しているもの全てを対象にしているため、<a href=""><img src=""></a>の様にリンクしているイメージも対象に成っています。


と言うことは、イメージを動かしたく無ければ、其れなりの設定が必要になって来ると言うことですね。


また、動かしたいリンク文字を個別に設定したい場合、MT4の既定のブログの .CSS では、文字のフォーマットを細かく指定してあるので、その部分をへんこうしてやる必要があります。


.CSSをカスタマイズする(その一)(その二)(その三)で確認して下さい。


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


.CSSファイル





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


a:hover





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


text-decoration:





"a:hover {text-decoration: none;}"の部分を下のソースに置き換えて下さい。MT4の既定のブログの場合は、このソースで動くと思います。
もし動かなかったら(_ _(--;(_ _(--; ペコペコ



このように、必要な部分のみ変更して下さい。


position: relative;


これで指定したリンク文字だけが動くように成ります。





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

↓ ↓ ↓ ↓ ↓ ↓

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


トラックバック(0)

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

コメントする

最近のコメント

アーカイブ

今日
昨日

Links

ブログパーツ(無料)

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