リンク画像やテキストをピヨッとさせてみよう

応援クリックしていただけると嬉しいです＾＾

人気ブログランキングへ

今日は少し趣向を変えて、

WEBスキルに関してお伝えしたいと思います。

私のこちらのサイトでは、

リンク画像やテキストにマウスをあわせると、

ピヨッと画像やテキストが動くようになっています＾＾

たとえばこちら↓のリンクも

ハギチョスの沖縄旅行ガイド

マウスをあわせるとピヨッとなります＾＾

これは「CSS」というものをいじっていまして、

そのカスタマイズ方法をお伝えします。

ちなみにCSSっていうのは、

「ホームページ構成や定義づけをしているルール」

みたいなもんなんです。

ヘッダーの画像の幅はこれだけで、

ホームページで使う文字はこれで、

この部分にはこのパーツを置く。

そういうルールを決めているのがCSSで、

一見そういうものが無縁の無料ブログにも、

きちんとCSSがあります＾＾

ですからこのカスタマイズをする前に、

まずご自身のサイトのCSSは、

どこからメンテナンスできるのか調べましょう☆

次に、CSSのメンテナンス画面に行きつけば、

「hover」という項目を探してください。

この「hover」が、

マウスが上に来た時の状態を、

定義している項目なんです。

で、hoverが見つかれば、

下記のように変えてください。

a:hover{position:relative; top:2px; left:2px;}

はい、作業はこれだけです。

え？なになに？

本当にこれで変わるのかって？？(笑)

はい、本当にこれだけなんです。

リンク画像やテキストをピヨッとさせる方法って。

この仕掛けを入れておくだけで、

お客様にリンクを認識していただきやすくなるので、

クリック率も上がりますよね＾＾

ちょっと拍子抜けされたかもしれませんが、

案外ウェブ上のスキルって、

こういう類のものが多いんです。

「難しそうだな～。。」って思っていたとしても、

いざやってみたら、

「え？たったそんだけの話なの！？」ってことが＾＾

食わず嫌いすることなく、

何でもチャレンジしなくてはいけませんね。

ご質問がありましたら、

お気軽にご連絡ください＾＾

ハギチョスへのメールはこちらから

12時間以内に返信させていただきます。

応援クリックしていただけると嬉しいです＾＾

人気ブログランキングへ

ハギチョスのメルマガでは、ブログではご紹介しない限定特典・サポート
をお送りしております。

よりお得な情報をお届けさせていただいておりますので、
ご登録いただけると嬉しいです。

1. ともぞ（自宅でできる仕事） より:

   2011年4月4日 3:33 PM

   はじめまして。
   ともぞと申します。

   ブログランキングから寄らせていただきました。

   ぴよっとさせる技術、アツイですねー。
   早速実践してみたいと思います。

   他の記事も読ませていただきますね♪
   今後ともよろしくお願いします☆

   応援ぽちぽち！！

   返信
2. FBAにすることによる、出品者側のメリットとは？ 中村晃大 より:

   2011年4月4日 10:42 PM

   こんばんは、ハギチョスさん。

   中村晃大です。

   よく他のサイトで、マウスを合わせると
   動くなというのがありましたが、
   これがCSSだと初めて知りました。

   自分もこれから、挑戦してみます。

   ありがとうございました。

   返信