Ramdom Entry Pickup
- 結婚しました！ (2005年10月06日)
- 需要と供給のバランスが(^^ゞ (2005年04月20日)
- 挙式・その1（神前式の誓詞） (2005年11月30日)
- DEVI GACHAPIN & DEVI MUKKU (2006年05月07日)
- ブラッシング命！！ (2006年08月08日)
« 関連性のあるエントリーを一覧表示 | メイン | 同一カテゴリー内でエントリーの移動（MT3.2） »
マウスオン時にテキストをずらす
[PR] 「ほったらかしアフィリエイト実践会」わずか108円であなたに代わって優秀なライターが、毎日３本の最新アフィリエイト記事を書いてくれる！
このブログの左上のバナー文字「Project Multiburst」ですが、
文字の上にマウスカーソルを持ってくると、右下にずれます。
これは、スタイルシートで実現しています。
スタイルシートのずらしたい部分に以下を挿入します。
position:relative;
top:1px; left:1px;
これだけです（＾＾；）
実際はというと、リンク文字の場合が多いと思いますので、以下のようになります。
#banner a {
padding-left:115px;
}
#banner a:link,
#banner a:visited {
font-family: Century Gothic, Verdana, Arial, sans-serif;
color: #ffffff;
font-size: 32px;
text-decoration: none;
font-weight: normal;
}
#banner a:hover {
color: #ffff00;
position:relative;
top:1px; left:1px;
}
#banner a:active {
position:relative;
top:1px; left:1px;
}
スタイルシートサンプルブック
posted with amazlet on 05.11.18
大藤 幹
ソシム (2004/08)
売り上げランキング: 9,781
ソシム (2004/08)
売り上げランキング: 9,781
おすすめ度の平均: 
初心者でもわかりやすい。 使いやすさ重視
CSSが分かる！
ソーシャルブックマーク
||
|
|
|
|
|
|
|
|
|
|
|
|
このエントリーと関連性が高いと思われるエントリー
このエントリーに関連するかもしれない商品
おすすめ商品
Link Information
Link HTML:
トラックバックURL:
Trackbacks
» カーソルのカスタマイズ from
ブログリサーチ
CSSでマウスのカーソルの形を変更する事が出来ます。 以下の文字の上にカーソルを移動すると形が変わります。 試してみてください。 auto defaul... [Read More]
