cssを使ってサイト内でカーソルを変更させる

経緯

ポケサーのサイトなんだから何かポケモン風のものが用意したいと思った

設定方法

アイコンの用意

ケルディオ カーソルの姿)

カーソルにするので32pxくらいがちょうど良いかと

あまり大きすぎると認識されないです

urlのコピペ

アップロードした画像のアドレスをコピペする

はてなブログの場合ははてなフォトライフを使ってると思います

cssの書き込み

デザイン → カスタマイズ → css

 

書き込める場所まで進んだら、

body {
  cursor: url("コピペした画像アドレス"), auto;
}

を張り付けて保存したら完了です

 

蛇足

ほんとはサイトのheadタグにいれた方が良いかも知れないんだけど

デザインcssでbody書き込みにしちゃってる 楽だから

 

もっと詳しくホットスポットの位置など調整する必要がある人はこちらを参照してくれさい

cssタグ説明サイト