• ベストアンサー

ページ全体でマウスポインタを変更したいのですが…。。。

いつも大変お世話になっています。 今ホームページを制作しているのですがマウスポインタをページ全体で矢印ではないものに変更したいのですがどこにどのような記述をすればいいのでしょうか? 例ですが下記のサイトのように・・・。。。 http://www7a.biglobe.ne.jp/~MapleStory/ 宜しくお願いします;;

質問者が選んだベストアンサー

  • ベストアンサー
  • 0511sk
  • ベストアンサー率100% (4/4)
回答No.1

スタイルシートを使えばできます。 <head>から</head>の間に、 <style type="text/css"> <!-- body { cursor : カーソル名 ; } --> </style> と、書けばいいのです。 カーソル名については、参考URLを見てください。

参考URL:
http://www.htmq.com/style/cursor.shtml
news_0203
質問者

補足

このスタイルシートだとWindows規定のものになりますよね? これを例のページにあるような指のマークみたいに画像を適用したいのですが・・・どのようにすればよろしいでしょうか?

その他の回答 (4)

  • if_else
  • ベストアンサー率33% (9/27)
回答No.5

body要素だけにカーソルの設定をしても、 テキストボックスの上では形が変わってしまいます。 そこで、 <style type="text/css"> <!-- * {cursor: カーソル名;} --> </style> このようにしてはいかがでしょう? 全要素に適応するやつです↑

  • s_hukami
  • ベストアンサー率66% (98/148)
回答No.4

すみません。3です。 マウスカーソル作成講座のURLを張り間違えました。 失礼いたしました。 以下のサイトです。

参考URL:
http://homepage2.nifty.com/jotei/scho_cur/s_cur00.html
  • s_hukami
  • ベストアンサー率66% (98/148)
回答No.3

気になるサイトがあったら、ソースを見るくせを付けた方が良いでしょう。 Internet Explorerならば「表示」→「ソース」とするかまたは、Winなら「右クリック」→「ソースの表示」で見られます。 件のサイトは <STYLE><!--a{cursor:url(cursor2.cur);} body{cursor:url(cursor3.cur);}--></STYLE> で設定しているようです。 しかし、Internet Explorer6以上ではマウスカーソルが画像で表示されますが、NetscapeやOperaでは通常のマウスカーソルしか表示されません。 もっとも、Internet Explorer以外では件のサイトは、コンテンツそのものがまともに閲覧できないようです。 また、オリジナルのカーソルを指定したい場合には「.cur」または「.ani 」ファイルが必要となります。 参考URLにCSSでオリジナルカーソルを使用する時の記述や注意書きがありますが、外部CSSで指定する場合には絶対URLで指定した方が良いようです。 オリジナルカーソルは自作するか、でなければ配布サイトでDLしてください。 念のためカーソル作成・素材配布をしているサイトを参考リンクとして記述しておきます。 [カーソル作成講座] http://www.ix.sakura.ne.jp/~yoshi/index.html

参考URL:
http://write-off.cside.com/scripts/css/cursor_url.htm
  • 0511sk
  • ベストアンサー率100% (4/4)
回答No.2

http://www7a.biglobe.ne.jp/~MapleStory/n3center.htm ↑のリンク先のソースの9,10行目参照。 <STYLE><!--a{cursor:url(cursor2.cur);} body{cursor:url(cursor3.cur);}--></style> bodyタグ内ではcursor3.curが、 aタグ内ではcursor2.curが表示されるようになっているのです。 curファイルは、↓のソフトで作成できるようです。 http://iconcube.vis.ne.jp/f/s-m/KHIconStudio98.html

関連するQ&A