シミなどが気になる人

Sirius(シリウス)の購入はこちら!

当サイトからのご購入で、6カ月間無料相談サポート(主にシリウスのカスタマイズ)可能にします。ACE WAVEからはサポートが受けられないことが多いと思います。できるだけサポート致します。


btordersirius


タグ

保護中: Sirius シリウス画像の切り替える!解説(TAG)

このコンテンツはパスワードで保護されています。閲覧するには以下にパスワードを入力してください。


タグ

2013年4月22日 | コメントを読むにはパスワードを入力してください。|

カテゴリー:Sirius (シリウス)

Sirius シリウス画像の切り替える!マウスオーバーのテクニック

こちらは、画像を触れたとき、離したときに画像を切り替える!カーソルを重ねた時に画像を明るくするテクニックです。

まずは、Tagは、下記に記述します。


DEMO

マウスオーバーのテクニック

ボタンがカーソルを触ると白く光ります。ボタンを離すと赤くもとにもどります。
そうすることによって画像が目立ち、一瞬変化があるのでレイアウトが少し華やかになります。クリックしやすい効果がでてきます。 続きを読む⇒


タグ

Siriusのカスタマイズ(ボタン画像を白く反転)させる

スタイルシートの一番下に貼りつけるだけです。
色を薄くするには、50~80を低く設定するだけです。

————————————————————-

/* 記事画像ホーバー*/

a:hover img {
opacity:0.5;
filter: alpha(opacity=50);
-ms-filter: “alpha( opacity=50 )”;
background: #ffffff;
}

————————————————————
これで、ほんのちょっとクリックしてくれる可能性が高くなります。


タグ

Siriusのカスタマイズ(ボタン画像を白く反転)させる

カスタマイズすることで、少し動きがでてきます。ほんの少しクリック数が上がるかもしれません。
まず、編集からスタイルシート(CSS)に入ります。そして、一番最後のところにきて下記のタグを貼りつけます。そうすると、ボタンの部分は、矢印を触れると白く薄く反転します。

                                         詳しくは⇒


タグ

このページの先頭へ