実践!ホームページでこんな事がしたい


マウスカーソルを変更したい
お気に入りのマウスカーソルに変更してホームページを飾りましょう。
ただし…あまりにも関連ないカーソルを使うと
操作性の面で著しく評判が悪くなるので注意が必要です。
単にカーソルを変える物と
画像がマウスを追いかける(マウスストーカー)があります。
ここでは手軽で簡単なカーソル変更の方を説明します。
スタイルシートを使います。
<HEAD>タグ内に挿入する事でページ全体に適用されます。
スタイルシートなので個別設定も出来ます。
下で詳しく説明します。
まずはお気に入りの素材を探してきてください。
拡張子.ani .curが使えます。
検索すれば多数の素材屋さんが存在します。

HOME BACK

マウスカーソルを変更したい

まずはページ全体に指定してみましょう
外部ファイルを使えばサイト全体に適用させる事も出来ます。
<STYLE type="text/css">
<!--
BODY { cursor:url(ファイル名) ; }
-->
</STYLE>
上のタグを<HEAD>内に挿入します。
これでページ全体のマウスカーソルを指定出来ました。

次はリンク文字のカーソルも変更してみましょう
<STYLE type="text/css">
<!--
BODY { cursor:url(ファイル名) ; }
A{ cursor:url(ファイル名);}
-->
</STYLE>
サンプル
あまり違いがありませんね…^^;)

よく見ればわかりますが上の指定方法はスタイルをページに設定する時と同じ感じです。
どんどん追加すればいいだけです。
同じ感じでclass設定やid設定もできます。
個別のタグに設定することも可能です。
よくわからない人はこちらで勉強してください。
このページで使用しているマウスカーソルは素材屋ぽんぽんさん提供です。
マウスカーソル以外にも多数のウェブ素材を提供しています。

HOME BACK
パソコン初心者講座ぱそおーる