*{cursor: url(http://www.geocities.jp/tondoneater/files/cirno.ani);}
チルノのカーソルです。
はてなダイアリーでしたら↑のをコピーしてからはてなダイアリーの管理→デザイン→スタイルシートのところに貼り付ければ設定できますよ。
優曇華(うどんげ)でしたら↓
*{cursor: url(http://www.geocities.jp/tondoneater/files/udonge.cur);}
▽2
●
八咫烏 ベストアンサー |
マウスカーソルですが基本的にはダウンロードして別の所にアップして
使用するのがWEBでのマナーとなっていますので
マウスカーソルは置いてあるサイトの物を使わないように心がけなければなりません
でもマウスカーソルの画像ははてなフォトライフではアップロードできないので
別の場所でアップしてでの使用となってしまいます...
試しにチルノのカーソルを全部アップし直してみました
http://yatagarasu0495.web.fc2.com/cursor/chiruno/chiruno01.ani
http://yatagarasu0495.web.fc2.com/cursor/chiruno/chiruno02.ani
http://yatagarasu0495.web.fc2.com/cursor/chiruno/chiruno03.ani
http://yatagarasu0495.web.fc2.com/cursor/chiruno/chiruno04.ani
http://yatagarasu0495.web.fc2.com/cursor/chiruno/chiruno05.ani
http://yatagarasu0495.web.fc2.com/cursor/chiruno/chiruno06.ani
http://yatagarasu0495.web.fc2.com/cursor/chiruno/chiruno07.ani
http://yatagarasu0495.web.fc2.com/cursor/chiruno/chiruno08.ani
http://yatagarasu0495.web.fc2.com/cursor/chiruno/chiruno09.ani
http://yatagarasu0495.web.fc2.com/cursor/chiruno/chiruno10.ani
http://yatagarasu0495.web.fc2.com/cursor/chiruno/chiruno11.ani
http://yatagarasu0495.web.fc2.com/cursor/chiruno/chiruno12.ani
http://yatagarasu0495.web.fc2.com/cursor/chiruno/chiruno13.ani
http://yatagarasu0495.web.fc2.com/cursor/chiruno/chiruno14.ani
http://yatagarasu0495.web.fc2.com/cursor/chiruno/chiruno15.ani
Sample Source Code
*{ cursor: url(http://yatagarasu0495.web.fc2.com/cursor/chiruno/chiruno14.ani); } a{ cursor: url(http://yatagarasu0495.web.fc2.com/cursor/chiruno/chiruno15.ani); } img.hatena-star-add-button{ cursor: url(http://yatagarasu0495.web.fc2.com/cursor/chiruno/chiruno09.ani) !important; } img.hatena-star-comment-button{ cursor: url(http://yatagarasu0495.web.fc2.com/cursor/chiruno/chiruno10.ani); } img{ cursor: url(http://yatagarasu0495.web.fc2.com/cursor/chiruno/chiruno07.ani); } #question{ cursor: url(http://yatagarasu0495.web.fc2.com/cursor/chiruno/chiruno11.ani); }
上のソースをそのまま
ここのスタイルシートと呼ばれる欄に貼って設定すれば反映されます
サンプルの説明としては
- 通常状態でチルノが羽ばたいている
- リンクの上にカーソルが来ると、チルノが激しく羽ばたく
- 画像の上に来ると大ちゃんになる
- 星を付ける所では十字になる
- あるタグに名前をつけるとクエッションマークのチルノになる※1
<div id="question"> -- この中に文章を書く -- </div>
<span id="question"> -- この中に文章を書く -- </span>
↑上のようにhtmlタグの間に文章を書いたり、画像を貼ったりとすると
そこだけマウスのカーソルが上に来るとチルノが疑問な状態のアイコンに変わります
マウスカーソルは、ある意味でリンク先の時やテキストの上など
見やすいように構成されています、むやみに一つの画像に統一するのは
あまりよくないとされています
マウスカーソルはhtmlよりcss(スタイルシート)とよばれる方で作られていますので
やや難しいところもあるかもしれません