Movable Type 備忘録

 

 テンプレートのカスタマイズ2

こちらの記事は以下のページに移動しました。
http://bizcaz.com/archives/movabletype/template/archives/2006/11/22-141550.php

 Trackback Pings(0)

No trackbacks found.

 Comments(7)

#1: Posted by ぷーこ [RES]

わぁ~ホント、不夜城というイメージでかっこいいです!
でも私がこのテンプレにしたら、
みんな違うサイトに来たんじゃとビックリだろうな(^_^;)
トルコ風アイス、見つかりましたか?
ぜひ混ぜ混ぜして伸ばして食べてくださいね♪

#2: Posted by bzbell [RES]

>>1 ぷーこ さん

こんにちわ^^

> でも私がこのテンプレにしたら、
> みんな違うサイトに来たんじゃとビックリだろうな(^_^;)

(>∀< )あは
そうかも、ですね。
ぷーこさんがエログを始めたΣ( ̄Д ̄;)!! なんて言われたりして♪

つか、わたしも人のこと言えませんけど…。

#3: Posted by すぱ [RES]

毎度、おせわになってます。
以前から私が気になってた3カラム フィックスド・レイアウトに対応されたとの事で早速設置作業をおこなってみたのですが・・・・・

スタイルシートの最初に
@charset "utf-8";

最後に

@import url(http://sugo.sakura.ne.jp/mt/CSS-bzbell.css);

を追記して再構築してみたのですが、上手く反映されませんでした・・・・汗
なにか良い方法はありますでしょうか??

#4: Posted by bzbell [RES]

>>3 すぱ さん

こんにちわ^^

ご質問の件ですが、すぱさんのサイトではリキッド・レイアウトのテンプレートを使用されてますよね( ̄∇ ̄)b

ここで紹介したテンプレートの差分はフィックスド・レイアウト(固定幅)専用なんです。
横幅が900px固定となります。
なので、3カラム・フィックスド・レイアウト以外は無視されます。

すぱさんの場合、リキッド・レイアウト(可変幅)から横幅900pxに固定されても問題ありませんか。ステキ♪な画像を貼り付けてますが、これらの画像の幅は問題ないでしょうか。

問題ない場合には、以下の手順でリキッド・レイアウトからフィックスド・レイアウトに変更することができます。

  1. 各テンプレート内のレイアウトを変更します。以下にメイン・インデックスの例を記します。
    変更前
    <body class="layout-three-column-liquid main-index">
    変更後
    <body class="layout-three-column main-index">
    

    このように、メイン・インデックス、エントリ・アーカイブ、日付アーカイブにおいて、<body>タグのクラス名をlayout-three-column-liquidからlayout-three-columnに変更して再構築します。
    まずはメイン・インデックスのみ変更して確認することをオススメします。

  2. 次に配布している差分の圧縮ファイルをダウンロードして適当なフォルダに展開します。
  3. すぱさんの環境に合わせてCSS-bzbell.cssファイル内のイメージファイルのパスを変更します。
    デフォでは、CSS-bzbell.cssと同じディレクトリ内にあることを前提とした記述となっています。
  4. なので、すぱさんの場合でしたら以下の場所に、CSS、イメージファイルをすべてアップロードすれば、パスを変更せずにそのまま使用できます。

    http://●●●.jp/blog/themes/C001-3column-liquid/

  5. 後はカスタマイズの差分を反映させます。
    styles-site.css内に記述したパスを変更してください。

  6. 以上でリキッド・レイアウトから固定幅に変更して、差分を反映させられます。
    ざっと説明しましたが、問題などありましたらご連絡ください( ̄∇ ̄)/

#5: Posted by すぱ [RES]

有難うございました!
お陰で無事成功しました。
写真の方は横サイズが400dotのサムネイルを使っているのでとくには問題ありませんでした。

#6: Posted by bzbell [RES]

>>5 すぱ さん

こんにちわ^^

> お陰で無事成功しました。

はい♪ すぱさんのサイト拝見させていただきました(●´∀`●)
すんなり?! いったようでホッとしました。

今後ともよろしくお願い致します( ̄∇ ̄)/

#7: Posted by oscar [RES]

すぱ さん
全然関係ないけど、ヘッダ内のAtomのありかが、
http://sugo.sakura.ne.jp/blog/atom.xmlじゃなくて、
http://sugo.sakura.ne.jp/atom.xmlになってるよ・・・。

 Post a Comment

コメント用フィード