2007年9月15日
MT4 テンプレート 2Columnのカスタマイズ その1
Posted by @Style : 
00:18
| 
コメント (0)
| 
トラックバック (0)
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分で完了した。
前のエントリー：MovableType 4 テンプレート 2Columnをリリースしました
次のエントリー：MovableType 4（MT4）用 テンプレート一部変更のお知らせ
関連記事
- MT DDC Tokyo テーマ編へ行ってきました
- HTML5のMovable Type 5テーマ完成しました
- HTML5のMovable Type 5テーマ作成中（その3）
- HTML5のMovable Type 5テーマ作成中（その2）
- MT5テーマを5,000円オフのキャンペーン
- HTML5のMovable Type 5テーマ作成中
- zenback ベータテスト開始！
- MovableType 4.2 2Column HTML5の解説（サイドバー）
- MovableType 4.2 2Column HTML5の解説（コメントフォーム）
- MovableType 4.2 2Column HTML5の解説（ブログ記事）
トラックバック
このエントリーのトラックバックURL:
http://atstyle.biz/blog/mt-tb.cgi/837
コメント
Buy Now
