
またスタイルシートを弄ってみたのでカーソルの変更方法を。
通常、何も指定が無い状態だと
矢印や指マークや砂時計 ですが、使用したいカーソルを指定する事で変更ができます。
アニメーションカーソルですと動きもあり、ちょっと楽しいページになるかもしれません。
この作業の最大の
問題点は、 .cur や .ani の拡張子ファイルを「みんカラ」にはアップロード出来ないと言う事です。
※去年まではアップできていたらしいのですが・・・。
従って、ファイルをアップロード出来る
レンタルサーバーやフリースペースの確保が必要になってしまいます(^_^;)
アップ困難な方、テストしたい方はサンプル(下記URL)を使ってみて下さい。
※無料スペースにアップしているので削除される可能性がありますが、無くなれば普通の矢印に戻るだけです。
サッカーボール http://web2.nazca.co.jp/nasuka/sozai/rinji/soccer.ani
ヤカン http://web2.nazca.co.jp/nasuka/sozai/rinji/yakan.ani
てんとう虫 http://web2.nazca.co.jp/nasuka/sozai/rinji/tentou.ani
蛍 http://web2.nazca.co.jp/nasuka/sozai/rinji/hotaru.ani
ジャンケン http://web2.nazca.co.jp/nasuka/sozai/rinji/janken.ani
カレンダー http://web2.nazca.co.jp/nasuka/sozai/rinji/calender.ani
小型犬 http://web2.nazca.co.jp/nasuka/sozai/rinji/pome1.ani
シェパード http://web2.nazca.co.jp/nasuka/sozai/rinji/shepherd2.ani
茶猫 http://web2.nazca.co.jp/nasuka/sozai/rinji/cat01.ani
灰猫 http://web2.nazca.co.jp/nasuka/sozai/rinji/cat02.ani
インコ http://web2.nazca.co.jp/nasuka/sozai/rinji/parrot .ani
スライム http://web2.nazca.co.jp/nasuka/sozai/rinji/01slim.ani
オリジナルを使いたい方は、先ず自分が使用したいカーソルを見つける事から始めますので、検索等からアニメーションカーソル拾って保存しておいて下さい。
ベクターhttp://www.vector.co.jp/vpack/filearea/win/amuse/mouse/cursor/とかに無料の素材が沢山あります。
待ち状態やオンリンク状態も変更可能ですが、今回は一番簡単な矢印カーソルの変更作業をしてみたいと思います。
スタイルシートのカスタマズ画面から、カスタマイズの1または2を選択して
スタイル編集 を始めます。
コード最初の部分にある body{ } という部分の { }の中に cursor: url('カーソルデータを保存したURL'); と入れるだけです。
------てんとう虫の例------
body
{
background: #ffffff;
text-align: center;
margin: 0 0 0 0;
padding: 8px 2px 2px 2px;
cursor:url('http://web2.nazca.co.jp/nasuka/sozai/rinji/tentou.ani');
}
--------------------------
こんな感じで一行追加して下さい。
必ず
プレビュー で動作確認した後に
保存する をお忘れなく。
スタイルシートのカスタマイズ画面に戻り、保存した1か2のどちらかを選び、
選択したスタイルに変更 を押して終了です。
サンプルが無くなった等の苦情は、ご勘弁下さい。
ご利用は、個人の判断にお任せいたします。
本記事についての一切のサポートありません。
Posted at 2007/09/08 14:26:49 | |
トラックバック(0) |
スタイルシート | 日記