おしゃれなブログにする小技

おしゃれなブログにする小技について紹介します。

ブログランキング。
↓↓↓
人気blogランキング
FC2 Blog Ranking
ＪＲＡＮＫ
ブログをおしゃれにする小技とは・・・
マウスを重ねたときリンクテキストを動かす
著　者： ブログでアフィリエイト！初心者必見の子猫

今日は
少しおしゃれな？ブログのカスタマイズを紹介します。
もし気に入ったら、使ってみてくださいね。

今日紹介するカスタマイズは、
文字や画像のリンクにマウスをポイントすると
文字や画像の表示を右下にずらすカスタマイズです。

カスタマイズ方法は簡単で、
スタイルシートで該当する
「a:hover」の中に
---------------------------------
position:relative; top:1px; left:1px;
---------------------------------
を入れるだけです。

子猫のブログ、
「ブログでアフィリエイト！初心者必見」の場合には、
次のように、変えています。

↓ここから
---------------------------------

a:hover{　
　 　　　 color : #483D8B;
position:relative;
top:1px; left:1px;
}

---------------------------------
↑ここまで

スタイルシートを少し変えるだけで、
出来ますので、是非試してみてくださいね。

color のところを変えると
リンクの上にマウスを重ねたときの文字色を
変えることもできます

top を bottom に変えたり、
left を right に変えたり、
1px の数を 3px のように変えると
いろいろ変化します。

左下にずらしたり
右にすらすだけも簡単に出来ますので
いろいろ試してみてください。

もし気に入れない場合やうまくいかなかった時のために
必ず、元のスタイルシートのコピーは、
とっておいてくださいね。


******************************************************
ブログでアフィリエイト！初心者必見
http://super777rich.blog29.fc2.com/
original article
http://super777rich.blog29.fc2.com/blog-entry-80.html
******************************************************


アーティクルリソース：http://www.viralarticle.com/
お小遣い稼ぎブログ人気ランキング。
↓↓↓
人気blogランキング


「初心者OLが儲けるアフィリエイトと株の秘密」のはじめに戻る。