カーソルチェンジ

ものすごい形のカーソルを使用している方がいます。 また " マウスストーカー " と呼ばれる、カーソルを移動させるたびに後ろから画像がついて来るカスタマイズをしている方も、非常に多いですね。

ブログに流している音楽と同じで、自分が自分の為に、自分がただ嬉しいだけのカスタマイズ を、ローカルのパソコンに施しているのは問題ないですが、閲覧しに来ている方へ強制的に環境を変更させるカスタマイズは、本来はあまりお薦めしたくありません。

私はブログやサイトから流れてくる音楽を嫌います。ですので元からパソコンのボリュームを切っています。音を聞く必要があるサイトの時だけボリュームを上げます。派手なカーソルが目について、そのブログの記事内容をゆっくり読めない時は、ブラウザーを firefox や Netscape に切り換えて閲覧します。

私だけでしょうか、そう思っているのは 実は Web Site の利用者からとった統計には、ほとんどの方がサイトから流れてくる音楽と、このカーソルに対してのカスタマイズを、あまり良いようには思っていないらしいです。

それらを踏まえた上で、本日のお話をお読み下さい。

まず変更させるカーソルが必要です。フリーのカーソル素材から入手するか、もしくは自分でオリジナルを作成するかのいずれかになります。グーグルで 『 カーソル 』 と入力して検索すれば、4,100,000 件もの関連するサイトが見つかります。


自分で頑張って作成してみようと思われる方は、グーグルで 『 カーソル作成　フリーソフト 』 などで検索してみれば色々と出てきます。例えばこういうのがあります ・・・ (･･;)



入手したカーソル、作成したカーソルをサーバーにアップロードします。ライブドアの場合、無料版のブログではカーソルの画像を 『 ファイルのアップロード 』 を使用してサーバーに上げる事はできません。アップロードできるファイルの種類が、gif、jpg、png、bmp、mp4、mov、wmv、3gp だけだからです。

カーソルの画像ファイルの拡張子は、cur （ 静止画カーソル ） もしくは ani （ アニメーションカーソル ） です。ですから PRO 版の方は FTP ソフトを使用して直接サーバーにあげる事ができますが、無料版の方は、どこか他のプロバイダーなどから無料で借りられるサーバーのほうへ、ファイルをアップロードする必要があります。

では、アップロードしたカーソル画像のアドレスを控えておいて下さい。
　

■ ブログ内に入った途端に、既存のカーソルを任意のカーソル
■ へ変更させる方法 （ ブログ内すべての領域で有効 ）

CSS （ スタイルシート ） の中の、body{ } の中に以下のタグを新たに記述します。


赤文字 の部分は、サーバーにアップロードしたカーソル画像のファイルアドレスを書き入れます。CSS を保存して再構築をして下さい。ブログを表示しているブラウザー （ Windows + IE ） をリロードすると反映されます。

■ ブログ内のある一定の領域だけに限定して、既存のカーソル
■ を任意のカーソルへ変更させる方法。

例えば Windows + IE でこのブログを見ている方は、すでにお気づきですね。サイドカラムや、他の記事のところでは通常ご使用のカーソルなのに、この記事の中に入った途端にカーソルが変化していますよね。それでは以下の何も書かれていない赤の点線の枠にカーソルを持っていって下さい。


どうですか またカーソルの状態が変化したでしょ (^^) このようにある一定の領域にだけカーソル画像を変化させる指示も可能です。変化させたい領域を <div class="○○○"> 〜 </div> で囲み、CSS （ スタイルシート ） でその指示をおこないます。例えばこんな感じです。


そしてCSS （ スタイルシート ） の中に （ 場所はどこでも結構です。 ） 以下のように記述します。


赤文字 の部分は、サーバーにアップロードしたカーソル画像のファイルアドレスを書き入れます。CSS を保存して再構築をして下さい。ブログを表示しているブラウザー （ Windows + IE ） をリロードすると反映されます。

■ ブログ内にあるリンクの部分だけに限定して、
■ 既存のカーソルを任意のカーソルへ変更させる方法。

下に鳥居の画像があります。そこにカーソルを持っていって下さい。その鳥居の画像には、この記事のタイトルへジャンプさせるアンカータグへのリンクが貼ってあります。(･･;)

このようにリンクタグの中にクラス属性を記述し、それに対して CSS （ スタイルシート ） で指示をすれば、リンクされている部分にカーソルが触れれば、任意のカーソルに変化させる事が可能です。

方法は、通常のリンクタグの中に以下の 赤文字 のよう新たなクラスを追記します。


そしてCSS （ スタイルシート ） の中に （ 場所はどこでも結構です。 ） 以下のように記述します。


赤文字 の部分は、サーバーにアップロードしたカーソル画像のファイルアドレスを書き入れます。CSS を保存して再構築をして下さい。ブログを表示しているブラウザー （ Windows + IE ） をリロードすると反映されます。

３つ の方法を記事として書きましたが、AQ 的には上手に使いこなせるのであれば、２つ目、３つ目の方法はアリかな？ と思います。でもいずれにしても、Windows + IE 限定のカスタマイズ。

どんな環境の人でも、変わりなく同じように閲覧してもらえる、これを考える事がカスタマイズにとってすごく大事なことと思うのです ・・・。