テンプレートとアクセスアップのでめらら楽天日記

< 新しい記事

新着記事一覧(全372件)

過去の記事 >

2005.05.16

style18（cursor: ***;-カーソルの形）

(14)

テーマ：アクセス向上(301)

カテゴリ：【実験中】

スタイルシート>>全般>>cursor: ***;

■cursor: ***;（カーソルの形を変える）

まったく使わないかもしれません（＞＜）といいますか、わたくしはほとんど使いません。
遊びのページにはこんなのもいいかなと思います。
例えば、魚釣りのページでしたらお魚のカーソルとか、キャラクタのページであればキャラクタのカーソルを作って使うのもいいですね。

▲直接指定の記述方法

■cursor: ***;（カーソルをリサイズする「形を変える」）

<span style=" cursor: progress; ">テンプレートとアクセスアップのでめらら日記</span>
↓こんな感じですね（＾＾）

アンカータグの上でカーソルが変わる
<a href="http://www.priority-one.info/inner/" style=" cursor: move; ">・女性下着通販【インナーコレクション】</a>
↓こんな感じですね（＾＾）
・女性下着通販【インナーコレクション】

イメージ（画像）の上でカーソルが変わる
<img src="http://my.plaza.rakuten.co.jp/img/user/99/06/4429906/7.png" style=" cursor: not-allowed; ">
↓こんな感じですね（＾＾）

値	内容	カーソルをのせて見てください
auto	自動（デフォルト）	■■自動（デフォルト）のカーソル■■
default	標準	■■標準のカーソル■■
pointer	リンク	■■リンクのカーソル■■
crosshair	十字	■■十字のカーソル■■
move	移動	■■移動のカーソル■■
text	テキスト	■■テキストのカーソル■■
wait	処理中	■■処理中のカーソル■■
help	ヘルプ	■■ヘルプのカーソル■■
n-resize	上リサイズ	■■上リサイズのカーソル■■
e-resize	右リサイズ	■■右リサイズのカーソル■■
s-resize	下リサイズ	■■下リサイズのカーソル■■
w-resize	左リサイズ	■■左リサイズのカーソル■■
ne-resize	右上リサイズ	■■右上リサイズのカーソル■■
se-resize	右下リサイズ	■■右下リサイズのカーソル■■
sw-resize	左下リサイズ	■■左下リサイズのカーソル■■
nw-resize	左上リサイズ	■■左上リサイズのカーソル■■
col-resize	左右リサイズ	■■左右リサイズのカーソル■■
row-resize	上下リサイズ	■■上下リサイズのカーソル■■
all-scroll	上下左右スクロール	■■上下左右スクロールのカーソル■■
not-allowed	不可	■■不可のカーソル■■
no-drop	ドロップ不可	■■ドロップ不可のカーソル■■
progress	処理中	■■処理中のカーソル■■
vertical-text	縦書テキスト	■■縦書テキストのカーソル■■
url(.cur)*	オリジナルカーソル	サンプルなし

▲CSS本来の記述方法
<style type="text/css">

</style>

※オリジナルカーソルは素材サイトなどで無償配布されていますし、また自作のできるサイトもあります。（カーソル　無料　作成）で検索したらたくさんソフトがありましたよ（＾＾）
※使用できるファイルの拡張子はカーソル（ .cur ）とアニメーションカーソル（ .ani ）です。gifやjpgは使えません。
*****************************************************

【庶事所感】
スタイルシートの属性（プロパティ）をざっと数えてみると155ありました（＞＜）
整理するとどれもが互いに関係しあうので分類が難しいのですが、、全般⇒ボックスの順で解説しようと考えています。

*****************************************************

なぜか行掛かりでBlogLankingに参加しました(^^;)面白かったらポチして下さいネ