TopMovable Typeテンプレート > 2004年9月
2004年9月28日

MT 3カラム テンプレート(サイズ固定)

September 28,2004 1:00 PM
Tag:[]
Permalink
Movable Type3.01D-ja用の3カラムテンプレート(サイズ固定)です。
デフォルトテンプレートと同じようにカラムの両脇および下に背景が存在します。コメント・トラックバックはポップアップしない指定にしています。個別アーカイブ・コメント・コメントプレビュー・コメントエラー・コメント保留のテンプレートは1カラムで作成しています。
カレンダーは日別アーカイブにリンクさせていますので、テンプレート入れ替え後(前でもいいです)に管理メニュー左下の「ウェブログの設定」をクリック→次ページ右上の「アーカイブの設定」をクリック→次ページの真中あたりの「アーカイブ」欄の「日別」にチェックを入れて再構築してください。

カラム幅を変更する場合はスタイルシートの下記の部分を適宜変更してください。

#box {
  width: 800px; ←3カラム全体の幅
}

#content {
  width: 428px; ←中央カラムの幅(左右border分の2px差し引く)
}

#links-right{
  width : 155px ; ←右カラムのテキスト幅
}

#links-left{
  width : 155px ; ←左カラムのテキスト幅
}

値は、

  全体の幅 = (中央カラム幅 + 2) + (左カラム幅 + (15*2)) + (右カラム幅 + (15*2))

となるように設定してください。左右カラムの15*2はメニューカラム全体とテキストとのパディングです。右辺が左辺の値を超えるとカラムがずれますのでご注意ください。
不明な点または不具合等ございましたらご連絡ください。

Main Index


Stylesheet


Category Archive


Date-Based Archive


Individual Entry Archive(1カラム用)


Individual Entry Archive(3カラム用)


コメント・プレビュー(1カラム用)


コメント・プレビュー(3カラム用)


コメント・エラー(1カラム用)


コメント・エラー(3カラム用)


コメント・保留


2004.09.29 追記
コメント関連のテンプレートに3カラム用を追加しました。

2004.10.15 追記
スタイルシートの本文・コメント・サイドバーのリスト部分に連続した半角文字の折り返し対処を盛り込みました(ただしブラウザ依存です)。
サイドバー部分はカレンダーの曜日表示に影響があることが判明したためコメントアウトしました。

2004.10.19 追記
Individual Entry Archive(1カラム・3カラム)のトラックバック表示部分のデザインを変更しました(きちんとできていなかったので他と統一しました)。

2004.10.22 追記
TypeKeyのサイン・イン時の不具合を修正しました。修正したファイルはIndividual Entry Archive(1カラム/3カラム)/コメント・プレビュー(1カラム/3カラム)/コメント・エラー(1カラム/3カラム)/コメント保留です。
Comments [81] | Trackbacks [9]
2004年9月22日

コメントエラーのテンプレート

September 22,2004 10:22 PM
Tag:[]
Permalink
コメントエラーのテンプレートを作りました。コメントを投稿する時にメールアドレスを入力しないとエラーになることが結構多く、意外にお目にかかることが多いかも知れません。ここでは、
  • 1カラム用(3.01D-ja)
  • 3カラム用(3.01D-ja)
の2種類を作りました。いつもの通り自分のも修正しました(爆)。3.0D用は用意していませんがJavaScriptの部分を入れ替えればOKになると思います(確認はとれていませんのでお許しください)。
なお本エントリーにある3カラムテンプレートをご利用になる場合は、個別アーカイブテンプレートで使用されているメニューをサイドバーの位置に適宜挿入してください(サイドバーの殻だけ用意しています)。ちなみに1カラム用と3カラム用の違いですが、1カラム用のid属性
<div id="container">

<div id="content">

に変わることと、3カラム用の場合は
</div><!-- container -->
    :
</body>
の赤色の部分にサイドバーの指定
</div><!-- container -->
<div id="links-right">
(ここに右側メニューを配置)
</div>

<div id="links-left">
(ここに左側メニューを配置)
</div>
</body>
が加わるだけです。これは他のテンプレートも同様ですので途中でカラムを変更される場合の参考になれば幸いです。

1カラム用(3.01D-ja)

3カラム用(3.01D-ja)


2004.10.15 追記
3カラム用の表示順序を「中央→右→左」から「中央→左→右」に変更しました。
Comments [4] | Trackbacks [0]
2004年9月12日

検索画面テンプレート

September 12,2004 1:19 AM
Tag:[]
Permalink
検索結果画面のテンプレートです。Magic Whiteさんの検索する時の表示カスタマイズを参考にして作らせて頂きました。ありがとうございます。
対象のファイルはmt.cgiが配置してあるところに"search_templates"というディレクトリがあり、その中の"default.tmpl"というファイルです。当サイトのテンプレートご利用の方はファイルの内容を下記のものと丸ごと入れ替えて頂ければOKです。

このテンプレートはMovable Typeの管理画面からは編集できませんので、一般のファイルと同様の方法で編集してください。直接編集できるのであればファイルの内容を書き換えればOKです。レンタルサーバであればサーバに配置されている default.tmpl を一旦ご自身のPCにダウンロードし、エディタ(メモ帳でもOK)編集後サーバにアップロードしてください。
念のため編集に際しては文字コードにご注意ください(mt.cfgで設定されている文字コードで保存してください)。

default.tmpl


なお、デフォルトの設定では検索結果文章の最後に"[Edit]"という編集用のリンクが追加されますので、表示したくない場合は、liib/MT/App/Search.pmの539行目
 q([<a href="%s%s?__mode=view&_type=entry&id=%d&blog_id=%d">Edit</a>]),

を、例えば青色のように、
q(<!--[<a href="%s%s?__mode=view&_type=entry&id=%d&blog_id=%d">Edit</a>]-->),

コメントアウトしておけばOKです。

2004.10.11 追記
検索結果NG時および、検索文字列が設定されていない場合の結果画面の設定がもれていましたので追加しました。

2004.10.19 追記
編集方法の記述を追加しました。
Comments [10] | Trackbacks [6]
2004年9月10日

コメントプレビューのテンプレート

September 10,2004 12:00 PM
Tag:[]
Permalink
コメントプレビューのテンプレートを作り直しました。これまでポップアップ用のものしか用意していなかったので、新たにポップアップしない場合の、
  • 1カラム用(?3.0D/3.01D-ja)
  • 3カラム用(?3.0D/3.01D-ja)
の4種類を公開します。自分のも修正しました(爆)。
なお本エントリーにある3カラムテンプレートをご利用になる場合は、個別アーカイブテンプレートで使用されているメニューをサイドバーの位置に適宜挿入してください(サイドバーの殻だけ用意しています)。ちなみに1カラム用と3カラム用の違いですが、1カラム用のid属性
<div id="container">

<div id="content">

に変わることと、3カラム用の場合は
</div><!-- container -->
    :
</body>

の赤色の部分にサイドバーの指定
</div><!-- container -->
<div id="links-right">
(ここに右側メニューを配置)
</div>

<div id="links-left">
(ここに左側メニューを配置)
</div>

</body>

が加わるだけです。これは他のテンプレートも同様ですので途中でカラムを変更される場合の参考になれば幸いです。

1カラム用(?3.0D)

1カラム用(3.01D-ja)

3カラム用(?3.0D)

3カラム用(3.01D-ja)


2004.10.15 追記
3カラム用の表示順序を「中央→右→左」から「中央→左→右」に変更しました。
Comments [8] | Trackbacks [1]
Now loading...
ギターに入った猫
掲載広告募集
Styles
Font Size
Default
For defective color vision
Gray Scale
RGB Color
Search this site

このブログをメールで購読する by:FeedBurner

AMN
Categories
Monthly Archives
2020年
2019年
2018年
2017年
2016年
2015年
2014年
2013年
2012年
2011年
2010年
2009年
2008年
2007年
2006年
2005年
2004年
2003年
BlogPeople
Syndicate this site
FeedBurner(RSS1.0/RSS2.0/Atom)
Counter
これまでのアクセス
Powered by
Movable Type 6.0.3