マウスを乗せると画像が動く設定方法

賢威テンプレート(6.0プリティ版で実践)で

マウスオーバーで画像やテキストリンクなどを

少しずらして 動かす方法を説明致します。

設定方法は CSSに少し付け加えるだけで とても簡単です。

まずは 管理画面から

外観>テーマ編集>desin.css

と進んで下さい。

次にdesin.cssの一番下の
/*————————————————————
template created by web-rider
————————————————————-*/

 

の前に以下のタグを貼り付けます。

 

/*ヘッダー*/
#header a:hover{ position:relative;top:2px ;left:2px; }

/*コンテンツ*/
#main-contents a:hover{ position:relative;top:2px ;left:2px; }

/*右サイドバー*/
#sidebar a:hover{ position:relative;top:2px ;left:2px; }

/*左サイドバー*/
#sub-contents a:hover{ position:relative;top:2px ;left:2px; }

 

上記は3カラムバージョンですので

2カラムの方は

/*左サイドバー*/
#sub-contents a:hover{ position:relative;top:2px ;left:2px; }

を消してください<m(__)m>

 

以上でカスタム完了です☆彡

かんたんでしょ(*^^)v

 

             夢実現プロジェクト・メールマガジン講座

AYUMI&HIROの夢実現プロジェクト始動
あなたは現状に満足されてますか?


magajin

本気で稼ぐ気があるのならご参加下さい。
アフィリエイトで稼ぐためのメールマガジン講座

btn043

この記事はお役に立てましたでしょうか? また他の誰かの役に立ちそうだと思っていただけたら、下のボタンから共有をいただけましたら運営者のモチベーション維持にもつながります。

ブログランキング・にほんブログ村へ
にほんブログ村

コメントを残す

サブコンテンツ

このページの先頭へ