2009年04月07日
すたいるしーと たぶめにゅ~がぞう
コンテンツ選択用タブ(ブログ、愛車紹介、おすすめスポット・・・)に画像の入れ方。
表示させる画像を「スタイルシート用画像」に保存します。
保存する画像のサイズは横を 118ピクセル にしてください。
・サイズ指定する物を追加(または変更)します。
[詳細設定] - [タブ] の
タブ ul#MainNav と
タブ(通常)のスタイル ul#MainNav li.nav と
タブ(通常)のリンク ul#MainNav li a に
height:60px;
をそれぞれ追加。
これは表示させる画像の縦サイズです。
画像のプロパティで調べて数字を変えてください。
・タブメニューに通常時に表示させる物を追加(または変更)
タブ(通常)のリンク ul#MainNav li a と
タブ(通常)のリンク(訪問済み) ul#MainNav li a:visited に
background:url(http://carview-img02.bmc~) no-repeat center;
をそれぞれ追加。
・マウスカーソルを合わせた時に画像を変更する物を追加(または変更)
タブ(通常)のリンク(マウスオーバー) ul#MainNav li a:hover に
background:url(http://carview-img02.bmc~) no-repeat center;
を追加。
通常時の画像と違う画像アドレスに。
・選択中に表示させる物を追加(または変更)
タブ(選択中)のリンク ul#MainNav li.navOn a と
タブ(選択中)のリンク(訪問済み) ul#MainNav li.navOn a:visited と
タブ(選択中)のリンク(マウスオーバー) ul#MainNav li.navOn a:hover に
background:url(http://carview-img02.bmc~) no-repeat center;
をそれぞれ追加。
通常時、マウスオーバーと違う画像アドレスに。
ブログ一覧 |
スタイルシート | 日記
Posted at
2009/04/07 21:26:06
タグ
今、あなたにおすすめ