2011年04月04日

#13シリーズ(Ver 1.01)への変更点

#13シリーズにおいて、下層ページに小見出しをつけました



小さな変更ですが、すでにダウンロードして利用している方で小見出しをつけたい方は、次のように変更してください。

●スタイルシート内の記述変更●
スタイルシートファイルの一番最後に以下の記述を加えてください。
それぞれのテンプレートに合わせて利用してください。

#13 Skylightの場合
-------------------------------------------------------
/*----下層ページ小見出し--------*/
h3{
font-weight:bold;
padding:2px;
font-size:14px;
color:#0b689a;/*----文字の色--------*/
margin-bottom:15px;
border-bottom:#dddddd double 3px;/*----下部ライン--------*/
}
-------------------------------------------------------

#13 Mascotの場合
-------------------------------------------------------

/*----下層ページ小見出し--------*/
h3{
font-weight:bold;
padding:2px;
font-size:14px;
color:#763111;/*----文字の色--------*/
margin-bottom:15px;
border-bottom:#dddddd double 3px;/*----下部ライン--------*/
}
-------------------------------------------------------

#13 Candleの場合
-------------------------------------------------------
/*----下層ページ小見出し--------*/
h3{
font-weight:bold;
padding:2px;
font-size:14px;
color:#217503;/*----文字の色--------*/
margin-bottom:10px;
border-bottom:#dddddd double 3px;/*----下部ライン--------*/
}
-------------------------------------------------------

#13 Lightの場合
-------------------------------------------------------
/*----下層ページ小見出し--------*/
h3{
font-weight:bold;
padding:2px;
font-size:14px;
color:#763111;/*----文字の色--------*/
margin-bottom:15px;
border-bottom:#dddddd double 3px;/*----下部ライン--------*/
}
-------------------------------------------------------

●HTML内の変更●
#13 の kasou.html ファイルのソース内で小見出しを入れたい箇所に以下の記述を加えてください。(こちらはどのテンプレートでも同じです)

<h3>小見出しのタイトルをここに入れます</h3>



例えば、<div class="text">ああああああああああああ</div>
のテキストの前などに

<h3>小見出しのタイトルをここに入れます</h3>
<div class="text">ああああああああああああ</div>

<h3>小見出しのタイトルをここに入れます</h3>
<div class="text">ああああああああああああ</div>

のように。
1ページにリピートして使用できますので、
ページ内を小見出しで分けたい時に利用してください。
posted by Takashiro at 16:00| テンプレート13 | このブログの読者になる | 更新情報をチェックする