回転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

by
at 12:39

エントリーの表示

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

<MTEntries>と</MTEntries>の間に

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

をいれます。

メインページ

スタイルシート

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

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

日時: 2007年06月17日 12:39 | パーマリンク

トラックバック

このエントリーのトラックバックURL:
http://3d.rokujyou.com/cgi/mt/mt-tb.cgi/5

コメントを投稿

(いままで、ここでコメントしたことがないときは、コメントを表示する前にこのブログのオーナーの承認が必要になることがあります。承認されるまではコメントは表示されません。そのときはしばらく待ってください。)

名前:

メールアドレス:

URL:

この情報を登録しますか?

コメント: (スタイル用のHTMLタグが使えます)

About

2007年06月17日 12:39に投稿されたエントリーのページです。

ひとつ前の投稿は「エントリー時の設置」です。

次の投稿は「メカゴジラ」です。

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

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

Category Archives

Archives

エントリーの表示

trackbacks

comments

comment form

Recent Entries

Links

回転MovableType

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

エントリーの表示

トラックバック

コメントを投稿

検索

About

回転MovableType

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

Search

Category Archives

Archives

エントリーの表示

trackbacks

comments

comment form

Recent Entries

Links

回転MovableType

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

エントリーの表示

トラックバック

コメントを投稿

検索

About