tinpankunのアフィリエイト

ネット初心者の無料オススメ情報で副収入を稼ぐ2ティア 副業

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
[ --/--/-- --:-- ] スポンサー広告 | トラックバック(-) | コメント(-)

FC2ブログのずれる画像や文字の設定

こんにちは
管理人のtinpankunと申します。

本日は「ずれる画像や文字」についてのレポートです。

画像のロール・オーバーってご存知ですよね!

<IMG SRC="★" onmouseover="this.src='■'" onmouseout="this.src='▲'">

★=最初に表示する画像のURL。
■=マウスポインタを重ねた時の画像のURL。
▲=マウスポインタが離れた後の画像のURL。

 画像URL画像
★=最初に表示する画像のURL。
▲=マウスポインタが離れた後の画像のURL。
http://blog-imgs-18.fc2.com/t/i/n/tinpankun/d1carlo.gifd1carlo.gif
■=マウスポインタを重ねた時の画像のURL。http://blog-imgs-18.fc2.com/t/i/n/tinpankun/d3carlo.gifd3carlo.gif




   ←この画像にマウスポインタを近づけて見てね!
    カルロ君が振り向きます




FC2ブログのずれる画像や文字の設定
ここから、本題に入ります!
これとはまた別に、ブログアフィリエイトでバナーがポインタ(マウスの矢印)を乗せると微妙に動くバナーありますよね!あれが、テンプレートのスタイルシートのカスタマイズで出来ちゃいます!あなたのブログもこの「ずれるバナー」のカスタマイズでクリック沢山貰いましょう!

STEP1

たとえばこんな感じです。 
↓↓ ↓ ↓ ↓ ↓

にほんブログ村 小遣いブログへ

1、FC2ブログ管理画面にログイン

2、管理メニューの環境設定からテンプレートの設定をクリック。

3、スタイルシート編集を選択してマウスポイントをCSSが書かれている枠の中に置く

4、そのままCtrl + Fを押すと以下のような検索窓が出てきます。
  
  参考図
無題_convert_20090929175631

その検索窓に、[ a:hover ]を入力して検索してみてください。

検索結果_convert_20090929175658

↓↓↓ 後は、[ a:hover ]の部分に以下のような記述を入れればOKです^^


position:relative; top:1px; left:1px;


何箇所かありますので「次へ」ボタンを押して全て記述を変更すれば、
画像もテキストリンクもずれる画像とずれる文字へと設定できます。
positionの数字部分を変更すると、
ずれる方向や、動き方を変えられますよ☆

私の場合のカスタマイズ
a:hover {color:#7a96cc;text-decoration:underline;position:relative; top:1px; left:1px; } /*マウス*/
こんな感じです。

※注意点
慣れないうちはHTMLやCSSをカスタマイズする時は、
メモ帳などに全てコピーを取っておいてから行いましょう!


実はこの方法エディタで親しくしていただいている
輪になって稼GO!さんのサイトで教えていただきました^^v


輪になって稼GO!さんのページです!
 
輪になって稼ごう! 2ティア報酬万歳!!


アフィリエイトに最高に詳しい方です!皆様も是非訪問して下さい。
あなたのアフィリエイトがきっとグレードアップすると思います。



スポンサーサイト
[ 2009/09/27 22:59 ] その他の特集 | TB(0) | CM(2)
インフォトップ
2012年という新時代で稼げる人間に成り上がりましょう!
【携山】
ブログの応援感謝致します!
IE(Shift+クリック) firefox (Ctrl+クリック) お試し下さい。
にほんブログ村 小遣いブログへ
おきてがみ
おきてがみ
フリーエリア
カウンター
i2ijpアクセスランキング
相互リンク支援サイト相互リンカー.com


健康食品
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。