ブログ | アットスタイル

MT4 テンプレート 2Columnのカスタマイズ その1

MovableType 4 無料テンプレート 2Columnはサイドバーの見出しとリストにdl・dt・ddを利用している。

通常は見出し（h2）+リスト（ul）を使用して以下のようなマークアップになることが多い。

<h2>MovableType</h2>
<ul>
<li><a href="blogtemptop2.php">有料テンプレートインデックス</a></li>
<li><a href="blogtemptop.php">無料テンプレート一覧</a></li>
</ul>

枠をつけたり背景色の変更などを行う際には更に外側を<div>～</div>で囲む必要が出てくる。MovableTypeのデフォルトテンプレート然りである。しかし、MovableType 4 無料テンプレート 2Columnはdl要素でマークアップしているので、既にブロック要素となっている。

<dl>
<dt>Pages</dt>
<dd>
<ul>
<li><a href="http://atstyle.biz/mt4temp/mt42c1/profile.html" title="プロフィール">プロフィール</a></li>
</ul>
</dd>
</dl>

簡単なCSSの編集でMovableType 4 無料テンプレート 2Columnのイメージを変えてみた。

作業時間3分で完了した。

Posted

@Style

00:18

コメント (0)

トラックバック (0)