カスタマイズの備忘録

side_menu

2011.08.11.  ←表紙メニューの作品タイトルごとに、文字色・背景色を変える →Opera,IE7を御利用の方へお願い
stemp_type.jpg sRS_type.jpg sJS_type.jpg snormal_type.jpg


は~っ、今さらどうしようもないけれど、それにしてもクラス名の付け方が紛らわしすぎる…。

何が原因かわからないけれど、fileterがside_menuで効かないテンプレートがある。

クラス名のせいかと思ったけど、違うみたい。
だめなテンプレは、widthを指定しても、heightを指定しても、ためしにposition : absolute;
を指定してもだめ。

HTMLは同じまま、スタイルシートを変更するとばしっ影がでるから、ダメなテンプレはCSSに問題があるとおもうのだけど、原因がわからない。
親ブロックをリキッドにしているせいかなぁ…わからない。

原因らしきもの判明→背景画像を設定した要素のテキストに IE でもドロップシャドウを表示する方法。


背景は別設定にして、spanで指定するだけではだめだったけど、spanにdisplay:blockを追加したら漸く反映された…ほっ
.side_menu h3

#index .side_menu h3 表紙のメインリンクボタン(NovelList・AllTitlelist等)

h3.side_menu (小説用)通常・月別・検索プラグイン1・2

h3.side_menu2 (小説用)表紙プラグイン3 (一般用)通常・月別・検索プラグイン1・2・3


①メインリンクボタンはリンク時背景色を全域変えるため余白を0にして行間・文字間隔を広くとる

#index .side_menu h3{padding : 0px;letter-spacing : 0.2em;line-height : 180%}

②プラグイン1・2・3タイトルは行間・間隔は広げず余白で調整

h3.side_menu ,h3.side_menu2,#index h3.side_menu2 
{padding :5px 5px 2px 5px;line-height : 150%;letter-spacing : 0em;}

③Jタイプのプラグイン3はリンクボタンになるので余白を0に
#index .all h3.side_menu2{padding : 0px;}



注意 #index .side_menu h3 で指定した場合、Jタイプ表紙でポップアップされるプラグイン3タイトルもその指定に従ってしまう。
両者を違う表示にする場合は、必用に応じて #index .side_menu .popupcard h3 で指定し直す。

一般用 サイドメニューの一番上は、リンクボタンになるので h3.side_menu2 のリンク色に注意

RタイプをJタイプに変更した場合、サイドメニュートップのMANU が不要な場合は非表示設定を追加
#index .all .layout_side h2 {display : none;}

/*一般用サイトマップリンクボタンの設定*/
.layout_side > h2 + div.side_menu > h3.side_menu2 { padding: 0px;line-height : 180%;}

2011.8.11.
関連記事

カスタマイズの備忘録

comment-delete.png  この記事にはコメントできません

redo_16b.png この記事にはトラックバックできません