- ベストアンサー
ページ全体でマウスポインタを変更したいのですが…。。。
いつも大変お世話になっています。 今ホームページを制作しているのですがマウスポインタをページ全体で矢印ではないものに変更したいのですがどこにどのような記述をすればいいのでしょうか? 例ですが下記のサイトのように・・・。。。 http://www7a.biglobe.ne.jp/~MapleStory/ 宜しくお願いします;;
- みんなの回答 (5)
- 専門家の回答
質問者が選んだベストアンサー
スタイルシートを使えばできます。 <head>から</head>の間に、 <style type="text/css"> <!-- body { cursor : カーソル名 ; } --> </style> と、書けばいいのです。 カーソル名については、参考URLを見てください。
その他の回答 (4)
- if_else
- ベストアンサー率33% (9/27)
body要素だけにカーソルの設定をしても、 テキストボックスの上では形が変わってしまいます。 そこで、 <style type="text/css"> <!-- * {cursor: カーソル名;} --> </style> このようにしてはいかがでしょう? 全要素に適応するやつです↑
- s_hukami
- ベストアンサー率66% (98/148)
すみません。3です。 マウスカーソル作成講座のURLを張り間違えました。 失礼いたしました。 以下のサイトです。
- s_hukami
- ベストアンサー率66% (98/148)
気になるサイトがあったら、ソースを見るくせを付けた方が良いでしょう。 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
- 0511sk
- ベストアンサー率100% (4/4)
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
補足
このスタイルシートだとWindows規定のものになりますよね? これを例のページにあるような指のマークみたいに画像を適用したいのですが・・・どのようにすればよろしいでしょうか?