トップページ > スタイルシート > 右サイドをカスタマイズその3 NO.24

右サイドをカスタマイズその3 NO.24

2006年04月11日
右サイドの枠で囲った部分に見出しをつけたいと思います。
メインテンプレートの該当箇所を<div class="aaaaa">~</div>で囲み、スタイルシートを指定します。


変更前
sample24.gif
変更後
sample25.gif

【メインテンプレートの修正】
メインテンプレートの右側部分、<div class="menu">のすぐ下に下記のように記述します。
<div class="menutitle">例・カテゴリー</div>
【スタイルシートの修正】
右側関連の中に次の赤字部分を修正・追記します。
.menu{
border:1px solid #cccccc;
padding:0px;
margin-bottom:10px;
text-align:left;
}

.menutitle{
padding:5px;
font-weight: normal;
border-bottom:1px solid #cccccc;
background-color:#e4e4e4;
margin-bottom:5px;
}

« 右サイドをカスタマイズその2 カテゴリーのタイトルと表示とプラグイン NO.23 | トップページ | カテゴリー一覧で特定のカテゴリーを表示・非表示にする NO.25 »