コンサドーレの応援サイトであるコンサデコンサの本宅で長く使ってきた、投稿記事の小見出しの部分をシンプルにしようと思い立った。

【旧スタイル】

これをアイコン画像を使わない形で軽量化を図ることを第一の目的に、CSSでデザインを作ることを目指した。

style.cssに下記の様なコードを追加。
3種類＋αほどの小見出し用CSS。
見出し部分の周囲のボーダー、カラーなどを指定する。

[php]
/* title css改造分追加改変*/

.subtitle01{
border-left:10px double #fcc;
padding:.6em .8em
}

.subtitle02{
border-left:10px solid #fcc;
border-bottom:1px solid #ccc;
padding:.6em .8em
}
.subtitle02b{
display: block;
padding-top:.2em;
font-size:.8em;
color:#ccc;
}

.subtitle03{
border-left:10px solid #fcc;
border-bottom:1px solid #ccc;
border-top:1px solid #ccc;
padding:.6em .8em
}

[/php]

本文中は、divタグ内に記述。
h2や、strongタグで少し修飾してある。

[php]

関連リンク

[/php]

[php]