info-wcn.com 上記サイトに行くと， マウスカーソルが獣の爪？になる． コレ，面白いなぁ～，だから，このブログにも適用できないかなぁ～っと思ってやり方を検索してみた．
カーソル形状の変更。マウスに画像を追従。【JavaScript 動的サンプル】
これはJavaScriptでやるやつ．
cursorってのがキモだな．
狼読〜知識とスキルの共有ブログ〜｜ROUDOKUはどうなってるかな～っと思い，調べると，
このサイトはJavaScriptではなく，cssで指定していて，
style.cssってのにbody要素において，
cursorプロパティに対してJavaScriptでやるのと同じような値を指定の仕方で
画像を設定しとる．
cursor: url('画像のパス') 縦？サイズ 横？サイズ , auto;
そういえば，ポプテピピックのサイトはマウスカーソルがポプ子になる
Webデザインだったなぁ～っと思い出し，同様に見てみると，
こちらはbase.cssっていうのbody要素において，
cursorプロパティに対してpopuko.curっていうのを相対パスで指定しとる．．．
（http://hoshiiro.jp/popuko.curってブラウザに入力するとポプ子のマウスカーソルがダウンロードされる）
curファイルってなんぞ？
っていうか，ポプテピピックのサイト，HTTP通信やん．．．
いまどきHTTPSじゃないのか～．．．
とりあえず，
いらすとやの画像で適用しようとはてなブログのデザインから
ヘッダー要素やデザインcssに追記して適用されるかやってみた．
が，適用されなかった．
ただ，試しに参考サイトが使ってた画像（GIF）のURLを指定すると適用された．．．！ いらすとやの画像ってPNGなんだが， カーソルの画像にPNGは使えないのか．．．！？
っと思ったが，狼読〜知識とスキルの共有ブログ〜｜ROUDOKUはPNGだった．．．
とりあえず，GIF画像作ってみて，それを指定してみるかぁ．
しかし，どうやっても適用されん．．．
GIF画像作ってはてなブログに投稿し，それを指定してもマウスカーソルが変更されん．．．
ブラウザの問題でもなさそうだし，原因が分からん．．．
ためしにcurファイルを作ってみよう．
ポプ子のマウスカーソルって5KBしかないわけで，
もしかしたら，
指定していた画像ファイルがデカすぎて指定できなかったのかも．．．
www.petitmonte.com
っということで，上記サイトを使ってカーソルの画像を作りました．
んで，うｐしたのを使って，以下のように試しにテーブルのセルにマウスカーソルの変更を適用させてみました～
<table> <tr> <td style = "cursor:url('https://cdn-ak.f.st-hatena.com/images/fotolife/k/kusoimox/20210718/20210718025704.png') 16 16,auto;" bgcolor="#ffe4b5"> <span style="color: #ffffff">Test</span> </td> <tr> </table>
| Test |
ようやく，マウスカーソルを適用できた．．．
ブログ全体に適用させるには，管理画面のデザインからデザインcssで
bodyタグに対してcursorプロパティに画像のパスを指定すればおｋ！
おそらく，マウスカーソル用の画像は， 縦横比が決まっていて， それを満たさない画像を指定するとデフォルトのマウスカーソルが使われるっぽいなぁ． ファイルサイズは関係なさそう． カーソルエディタ - Web CursorEditor で選択できるサイズを満たす画像であれば問題なく使えるっぽい． 中でも16×16が無難な感じだなぁ．
