TopMovable Typeテンプレート > 2005年3月
2005年3月14日

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

March 14,2005 11:59 PM
Tag:[, ]
Permalink

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 の分離)を対処しました。

Comments [39] | Trackbacks [19]
2005年3月13日

Movable Type 3.1x 2カラム テンプレート(サイズ固定・左メニュー)

March 13,2005 11:59 PM
Tag:[, ]
Permalink

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カラム テンプレート(サイズ固定)

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

スタイルシート

メインページ

カテゴリー・アーカイブ

日付アーカイブ

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

個別エントリーアーカイブ(3.151-ja以前)

コメント・プレビュー

コメント・エラー

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

Comments [35] | Trackbacks [15]
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