iBlogのカレンダーを整える
カレンダーをナビゲーションバーの幅に合わせたり
センタリングする方法です。
★
まず、幅を調整してナビゲーションバーに合わせる方法です。
Blogメニューから
"ナビゲーションエディタを表示"を選んで
エディタを表示します。
タイトルを「カレンダー」にしてカレンダーの項目を編集します。
<td
align="center"><span
class="calendar"><$WeekDay1$></span></td>
この部分に
width="30"
を追加して幅を修正します。（30は適宜調整して下さい）
修正後（ComCom設定値）※同様な箇所7項目すべて追加します。
<td
align="center" width="30" ><span
class="calendar"><$WeekDay1$></span></td>
〜
<td
align="center" width="30" ><span
class="calendar"><$WeekDay7$></span></td>
次に、カレンダーの高さを調整します。
スタイルシートの、
.calendar内を修正します。
line-height:180%; ←%値の調整でカレンダーの高さが変わります。
ComComカレンダーの設定値です。
.calendar
{
font-family:verdana,
arial,
sans-serif;
color:#000080;
font-size:9px;
font-weight:normal;
line-height:180%;
}
最後に、カレンダーがナビゲーションバーのセンターに来るように設定します。
これもスタイルシートをいじります。
.side｛ ｝
部分に align:
center; を追加します。
おまけで、ここに text-align:
center; を追加すると
ナビゲーションバー全体のテキストがセンタリングできます。（この方が好みだったりします）
だいたいこんな感じでいけると思いますが、
他の設定値を変えられてる方には、うまく行かない場合があるかも知れません。
このあたりの調整でできるという目安と言うことで...(^.^)
