回転MovableType

MovableTypeのテンプレートで日付、タイトル、エントリーを表示できるようにします。

<MTEntries>と</MTEntries>の間に

<$MTEntryDate$>	日付
<$MTEntryTitle>	タイトル
<$MTEntryBody>	記事

をいれます。

メインページ

<HTML> <HEAD> <META http-equiv="Content-Style-Type" content="text/css"> <TITLE>エントリーの表示</TITLE> <LINK rel="stylesheet" href="styles-site.css" type="text/css"> </HEAD> <BODY> <div id="id_body"> <div id="id_header">ヘッダー</div> <div id="id_main"> <div id="id_left"> レフト </div> <div id="id_right"> <MTEntries> <p> <$MTEntryDate$><br/> <div id="entry_title"> <h2><$MTEntryTitle$></h2> </div> <div id="entry_body"> <$MTEntryBody$> </div> <br /> </p> </MTEntries> </div> </div> <div id="id_footer">フッター</div> </div> </BODY> </HTML>

スタイルシート

* { margin : 0 ; padding : 0 ; } body { width : 100% ;background-color: #4FBF3F;} #id_header { width : 100% ; height : 55px ; background-color:#839F5F;} #id_footer { width : 100% ; clear : both ; background-color:#839F5F; } #id_body { margin: 0 auto; width : 700px ; } #id_left { float : left ; width : 160px ; background-color:#1FC7DF;} #id_right { float : left ; width : 540px ; background-color:#D0D0D0;} #entry_body { border: medium red dotted; } #entry_title { background-color:#CCFFFF;}

これで下記のようになります。

（クリックで拡大）
http://d.hatena.ne.jp/tgenji/20070619

Permalink
by
at 12:39
Comments (0)
Trackbacks (0)

MovableTypeの2カラムレイアウトを手作りします。

テンプレートのメインページとスタイルシートを設定します。

（画像をクリックすると拡大されます。）

メインページを以下のように設定します。

<HTML> <HEAD> <META http-equiv="Content-Style-Type" content="text/css"> <TITLE>MovableTypeの2カラムレイアウト</TITLE> <LINK rel="stylesheet" href="styles-site.css" type="text/css"> </HEAD> <BODY> <div id="id_body"> <div id="id_header">ヘッダー</div> <div id="id_main"> <div id="id_left"> レフト </div> <div id="id_right"> <MTEntries> ～ </MTEntries> ライト </div> </div> <div id="id_footer">フッター</div> </div> </BODY> </HTML>

スタイルシートを以下のように設定します。

こんな画面になります。

（画像をクリックすると拡大されます。）
実用までにはだいぶ遠いですが、骨組みがわかりました。

Permalink
by
at 07:01
Comments (0)
Trackbacks (0)

2007年06月17日

MovableTypeの2カラムレイアウト

MovableTypeの2カラムレイアウトを手作りします。

テンプレートのメインページとスタイルシートを設定します。

（画像をクリックすると拡大されます。）

メインページを以下のように設定します。

スタイルシートを以下のように設定します。

こんな画面になります。

（画像をクリックすると拡大されます。）
実用までにはだいぶ遠いですが、骨組みがわかりました。

日時: 2007年06月17日 07:01 | パーマリンク | コメント (0) | トラックバック (0)

エントリーの表示

MovableTypeのテンプレートで日付、タイトル、エントリーを表示できるようにします。

<MTEntries>と</MTEntries>の間に

<$MTEntryDate$>	日付
<$MTEntryTitle>	タイトル
<$MTEntryBody>	記事

をいれます。

メインページ

スタイルシート

これで下記のようになります。

（クリックで拡大）
http://d.hatena.ne.jp/tgenji/20070619

日時: 2007年06月17日 12:39 | パーマリンク | コメント (0) | トラックバック (0)

About テンプレート

ブログ「回転MovableType」のカテゴリ「テンプレート」に投稿されたすべてのエントリーのアーカイブのページです。過去のものから新しいものへ順番に並んでいます。

前のカテゴリはゴジラです。

他にも多くのエントリーがあります。メインページやアーカイブページも見てください。

MovableTypeをいろいろいじくるブログです。

Category Archives

Archives

エントリーの表示

MovableTypeの2カラムレイアウト

Recent Entries

Links

回転MovableType

MovableTypeをいろいろいじくるブログです。

テンプレートアーカイブ

2007年06月17日

MovableTypeの2カラムレイアウト

エントリーの表示

検索

About テンプレート

回転MovableType

MovableTypeをいろいろいじくるブログです。

Search

Category Archives

Archives

エントリーの表示

MovableTypeの2カラムレイアウト

Recent Entries

Links

回転MovableType

MovableTypeをいろいろいじくるブログです。

テンプレート アーカイブ

2007年06月17日

MovableTypeの2カラムレイアウト

エントリーの表示

検索

About テンプレート

テンプレートアーカイブ