Top ＞ Movable Type ＞ テンプレート ＞ Movable Type 3.1x 2カラム テンプレート（サイズ固定・右メニュー）
2005年3月14日

Movable Type 3.1x 2カラム テンプレート（サイズ固定・右メニュー）

Posted at March 14,2005 11:59 PM
Category：[テンプレート]
Tag：[, ]

Movable Type 3.1x 2カラム テンプレート（サイズ固定・右メニュー）Movable Type 3.1x用の2カラムテンプレートで、サイズ固定の右メニュー版です（左メニュー版はこちらからどうぞ）。日本語版での動作確認バージョンは、3.151-ja/3.17-ja/3.171-jaです。ご利用の前にテンプレートのページをご覧くださいますよう、お願い致します。

画像の通り、デフォルトテンプレートと同じようにカラムの両脇および下に背景が存在します（画像をクリックすると原寸大の画面がポップアップします）。
サイドメニューのカテゴリーリストはデフォルトテンプレートではツリー表示になっていますが、本テンプレートでは一覧表示する設定に変更しています（カテゴリーのページにジャンプした時に該当カテゴリー配下しか表示されないため）。なおツリー表示の設定もカスタマイズした状態でコメントアウトしていますので適宜入れ替えてください。

テンプレートご利用時、下記に示すスタイルシート1行目の文字コード（青色部分）をウェブログの文字コード（mt.cfgのPublishCharsetに指定された文字コード）に合わせてください。初期値は Movable Type デフォルトの"UTF-8"に設定しています。他の文字コードを設定されている場合は"euc-jp"または"Shift_JIS"に変更してください。

@charset "utf-8"; /* 文字コード */

カレンダーは日別アーカイブにリンクさせていますので、テンプレート入れ替え後（前でもいいです）に管理メニュー左下の「ウェブログの設定」をクリック→次ページ右上の「アーカイブの設定」をクリック→次ページの真中あたりの「アーカイブ」欄の「日別」にチェックを入れて再構築してください。

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

#box {
    width: 700px; ←2カラム全体の幅
}
 
#content {
    width: 514px; ←中央カラムの幅（右border分の1px差し引く）
}
 
 
#links-left{
    width : 155px ; ←右カラムのテキスト幅
}

値は、

全体の幅 = (中央カラム幅 + 1) + (右カラムのテキスト幅 + (15*2))

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

個別エントリーアーカイブ等を1カラムにされる場合やポップアップを利用される場合は下記のエントリーにあるテンプレートを抜粋してご利用ください。

Movable Type 3.0x/3.1x 3カラム テンプレート（サイズ固定）

不明な点または不具合等ございましたらご連絡ください。なお本テンプレートはスタティックページでのみ確認しています（ダイナミックページ動作環境が構築できておりません）。ダイナミックページに関する問題については他のサイトにてご確認ください。

スタイルシート

メインページ

カテゴリーアーカイブ

日付アーカイブ

個別エントリーアーカイブ（1カラム：3.17-ja以降）
3.17-ja より Typekey 関連のタグが変更になっています。
変更箇所の詳細は「Movable Type 3.17-ja 個別エントリーアーカイブの変更点について」をご覧ください。

個別エントリーアーカイブ（1カラム：3.151-ja以前）

コメント・プレビュー

コメント・エラー

2005.08.11 追記
個別エントリーアーカイブに3.17-ja?用を追加しました（1カラム用）。またIE6の後方互換モードによる解釈誤り（text-align および width と padding の分離）を対処しました。

Posted by yujiro
関連記事
人気エントリー
トラックバックURL


トラックバック

≫ 2カラム テンプレート from Cool Gaming ! weBlog
Movable Type 3.1x 2カラム テンプレート（サイズ固定・右メニュ... [続きを読む]

Tracked on March 16, 2005 4:27 PM

≫ 2カラム テンプレート from Cool Gaming ! weBlog
Movable Type 3.1x 2カラム テンプレート（サイズ固定・右メニュ... [続きを読む]

Tracked on March 18, 2005 3:20 PM

≫ リアルタイムカレンダー（横型・月送り）導入 from et [えっと]　きまぐれぶろぐ
3/14のエントリー分に引き続き、 「小粋空間」様にて２カラムテンプレの、右サイ... [続きを読む]

Tracked on March 21, 2005 11:19 AM

≫ テンプレートの設定 from 今日まで、そして明日から。-3rd spiral-
MTのバージョンアップ後にテンプレートの設定をしました。これまでのサイトでは二段組み(左側に本文、右側にメニュー)にしていて、これに慣れていたので今回もこのスタ... [続きを読む]

Tracked on March 22, 2005 8:51 PM

≫ カスタマイズ中 from Ｐｅｔｉｔｅ＊Ｍａｉｓｏｎ的日記
昨日からテンプレ使ってこの日記をリニュ中なのだけど・・・ なんだか表示がおかしい... [続きを読む]

Tracked on March 28, 2005 12:51 AM

≫ 模様替え from nekoの部屋
　テンプレ模様替え。前々から、放置してるというか倉庫状態になってるギャラリー・テ... [続きを読む]

Tracked on April 6, 2005 6:01 PM

≫ カスタマイズ覚え書き from K'S GARDEN
このブログのテンプレートは 小粋空間：2カラム テンプレート（サイズ固定・右メニ... [続きを読む]

Tracked on April 7, 2005 11:36 PM

≫ 3カラム テンプレート（サイズ固定）に変更 from Harry's Blog
今までDr.Blogのテンプレートを使ってましたが、MovableTypeのこと... [続きを読む]

Tracked on April 9, 2005 1:51 PM

≫ サイトまるまるMT化メモ　2.小粋空間様のテンプレ利用 from KillerPierce
前の日記オンリーだったときから、小粋空間様が紹介するいろんなカスタマイズを利用し... [続きを読む]

Tracked on April 9, 2005 8:49 PM

≫ 近況報告 from ch@yalog
パタと更新が止まってましてすいませんです。元々日記と感想の両BLOGしか稼動して... [続きを読む]

Tracked on June 6, 2005 11:40 PM

≫ スタイル再度変更中（汗 from Sampei's Private Room
えー、最近つけたばっかのスタイルがあまり歓迎されていないようなので、変更します・・・・。 今度のスタイルは人気の「小粋空間」さんの2カラムにしてみます。 正直色... [続きを読む]

Tracked on June 9, 2005 3:36 AM

≫ MTカスタマイズ関連、そろそろ書いとけっ!【リニューアル編】 from PHAT∴LOVESICK
■この度、リニューアル作業と共に色々とお世話になりました＜（_ _）＞ [続きを読む]

Tracked on June 10, 2005 10:28 PM

≫ テンプレートのご利用 from FootPrint
あぁ〓でもない、こぉ〓でもないと、試行錯誤を重ねましたが（嘘） やっぱり小粋空間... [続きを読む]

Tracked on June 13, 2005 9:55 AM

≫ ３カラム→２カラムへ from 幻想バイオレンス
思い出せるだけとりあえず書いてみる。 今回も小粋空間様のテンプレートを使わせてい... [続きを読む]

Tracked on July 21, 2005 11:48 PM

≫ 2カラムに変更 from SnowDrop
久々にブログのデザインを大幅に変更しました。 ブログを始めて以来、ココログ時代も別アドレスでMT使ってやってたときも、え... [続きを読む]

Tracked on July 23, 2005 8:19 AM

≫ テンプレートを変えました from AF系製薬 Web出張版
もうおとといの話になりますが、テンプレートを変えました。 以前のは、どうにもカスタマイズしにくかったのが原因の1つ。 それと、テーブルを使用したくなかったからな... [続きを読む]

Tracked on July 30, 2005 9:55 PM

≫ スタイル決定 from 童貞Game...
うん・・・僕気づいちゃったんだ･･･。 僕の力じゃMTを理解し、HTMLやCSS... [続きを読む]

Tracked on August 16, 2005 7:54 AM

≫ Movable Type設置完了！ from 男の子育児?【悩みながらも、楽しい男の子育児】
... [続きを読む]

Tracked on August 26, 2005 4:05 PM

≫ ３カラム→２カラムへ from 幻想バイオレンス
思い出せるだけとりあえず書いてみる。 今回も小粋空間様のテンプレートを使わせてい... [続きを読む]

Tracked on April 29, 2006 11:35 AM
コメント

こんにちわー。
次回の衣替え（って、またやるのか）には、是非導入させていただきたいと思います。
しかしテンプレートをつくる作業って大変なんですねぇ・・・。スタイルシート作る作業で痛感した次第であります・・・。

[1] Posted by GANGSTA : March 15, 2005 9:53 AM

右メニュだ！　
いつもありがとうございます。　お疲れ様でした。

先にDLさせてもらった分で2カラムに変身してみました。右メニュです。
上手く出来ているのかどうか？　すぐに分からないところがなんとも。。^_^;

[2] Posted by miaow : March 15, 2005 1:01 PM

こんちわ?
いつも、お世話になりまくっています。
右メニュー使わせて頂きま?す♪
ぼちぼち弄ります。

[3] Posted by 真希 : March 15, 2005 2:30 PM

＞GANGSTAさん
こんばんはー。
ありがとうございます。気が向いたら試着してやってください（笑）。
今回は3カラム版からの軽微な変更なのでかなり楽させてもらいました。

＞miaowさん
こんばんは。
早速のご利用ありがとうございます！
うまくできたようで良かったです。
プチログは大丈夫でしょうか？（私はJcodeでひっかかって断念…）

＞真希さん
こんばんはー。
どうもありがとうございます！
ご報告お待ち申し上げます。

[4] Posted by yujiro : March 15, 2005 11:07 PM

こんにちは。
見て頂いてありがとうございます。
バナーを春仕様にしたいのに写真がなくてそのまま、代わり映えしませんね。(笑)
そー、プチログは　よく分からないんですが表示が若干ズレるんです。
何かおかしなことをしてしま