ホームページビルダー・グレート初心者講座

Yahoo!ブックマークに登録
 サイト内検索: ソート:

グレート初心者講座トップへグレート初心者講座 小技集へグレート初心者講座 FAQへグレート初心者講座 質問掲示板へ





 マウスカーソルの変更

マウスカーソルを変更する方法です。

ブラウザによっては反映されない場合があります。



 カーソルを変化させる


マウスカーソルが上に来た時変化
マウスカーソルが文字や画像の上に来た時にカーソルを変化させる事もできます。
下の文字にマウスカーソルを合わせるとマウスカーソルが変化します。

十字ポインタ
ヘルプ時のポインタ
砂時計ポインタ

これをするには、スタイルの設定にある 「その他」 の 「カーソル」 にある十字やヘルプなど変えたいポインタを選びチェックを入れOKします。
これでマウスカーソルを合わせたときのポインタが変化するようになります。




 通常時のカーソルを変えてみる


通常時のマウスポインタを変える
通常時のポインタを自分の好きなポインタに変えてみます。

ポインタサンプルページ

1.
ポインタ用のファイルに画像ファイルなどを直接使うことができないので、作成や変換をしてくれるソフトを入手するか、フリーの素材で探してファイルを入手します。
作成、変換するソフトは無料で使えるフリーソフトが多数ありますので、入手してください。 「 Vector 」 さんの」 などを探してみて下さい。

 Vector
フリーソフト、シェアウェアのソフトを豊富に取り揃えています
「アミューズメント」 → 「アイコン」→ 「アイコン用ユーティリティ」のカテゴリにアイコン、カーソル関連のソフトが多数あります。

 ANIめーかー
画像からカーソルファイルへ変換できたり、それを編集したり、他にも機能豊富なソフトで、とても使いやすいと思います。

2.
アイコン用ファイルが出来たら下のタグをコピーします。


<style>
<!-- body{ cursor: url(" ファイル名 ");} -->
</style>


3.
カーソルを設定したいページのHTMLソースを開くと、下のようになっていますのでそのなかの <HEAD> と </HEAD> の間に挿入し、ファイル名を作成したカーソルのファイル名に修正します。
下に例があるので、それと同じようにやってみて下さい。

挿入前 (例)
<HEAD> と </HEAD> の間に、ここでは</TITLE>のすぐ下に

<HTML>
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<META http-equiv="Content-Style-Type" content="text/css">
<META name="Keywords" content="ホームページビルダー">
<TITLE>ホームページビルダー グレート初心者講座</TITLE>

</HEAD>
<BODY >

挿入後 (例)
挿入されましたので、ファイル名を変更します。

<HTML>
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<META http-equiv="Content-Style-Type" content="text/css">
<META name="Keywords" content="ホームページビルダー">
<TITLE>ホームページビルダー グレート初心者講座</TITLE>

<style>
<!-- body{ cursor: url(" ファイル名 ");} -->
</style>


</HEAD>
<BODY >

ファイル名変更後 (例)
yazirusi.cur というファイル名でカーソルを作成し、それを使うときは下の
ようにファイル名 の部分を修正します。

<HTML>
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<META http-equiv="Content-Style-Type" content="text/css">
<META name="Keywords" content="ホームページビルダー">
<TITLE>ホームページビルダー グレート初心者講座</TITLE>

<style>
<!-- body{ cursor: url(" yazirusi.cur ");} -->
</style>


</HEAD>
<BODY >


これでマウスカーソルが作ったものに変わったと思います。
カーソルの変化でまだ他にも沢山やれる事があるのですが、このページではこれだけにして、他のページでまた説明していきますので見てみて下さい。




| トップページへ | 小技集 | FAQ | 質問掲示板 | 免責事項  | リンクについて  | お問い合わせ  |
ホームページビルダー・グレート初心者講座 Copyright © 2002-2005 aimix All Rights Reserved