注目タグ

テンプレート・プラグイン

トピック詳細

テンプレートのセンタリング

トピを開いて下さり有難うございます。

素敵な公式テンプレートを見つけました。
bluebird(Nao-Net Designさま作 2007)
http://blog.fc2.com/?jump=http://www.nao-net.com/

ただ、全体が左寄りになっているので、中央に編集しようとしたのですが、containerという文字がなく、marginを 設定出来ません。

同じ作者さんがセンタリングされた別のテンプレも出しておられたので、それと見比べながら編集してみたのですが、うまくいきま せんでした。

ブラウザはfirefox使用。

どなたかご教授いただければと思います。よろしくお願いいたします。

2015年01月31日 17:19  by POTE

コメント一覧 2件中、1~2件表示

  • >yosoilueさま

    早速のご教授、誠にありがとうございます。

    おかげさまで無事センタリングできました。

    2色ライン画像だけでなく、cssまで作ってくださり、老眼アラフィフでも大変分かり易くご指導いただき、お礼の言葉もござい ません。

    本当にありがとうございました。

    2015年02月01日 16:09 by POTE

  • http://help.fc2.com/blog/manual/Home/pccustomize%20/pccmlayo ut.html#3
    マニュアルに書いてあるようなidの名前と同じにする必要は無いです。

    同じものが、そのテンプレートでは #all になりますので、
    CSSにマニュアルに書いてある部分を追加します。

    width : 740px; /* コンテンツ幅を740pxに設定 */
    margin-left : auto; /* 左側のマージンを自動算出 */
    margin-right : auto; /* 右側のマージンを自動算出 */

    ただし、740pxでは無くて760pxになります。

    次にプラグインの部分は #side になりますので、
    left: auto;
    こちらを書き換えて

    margin-left: 540px;
    こちらを追加してください。


    左端にある2色の縦ラインは画像なので、作りなおさないと出来ません。
    http://blog-imgs-75.fc2.com/y/o/s/yosoilue/yo_bg.gif
    上記のような画像にする必要があります。画像は粗いと思いますので、作りなおしたほうがいいと思います。

    body にある
    background: url(http://templates.blog.fc2.com/template/blue bird/bg.gif) repeat-y top left;

    left を center に書き換えて、作りなおした画像のURLに変更すれば中央寄せになるとは思います。

    下記のURLにCSSをアップロードしたので、参考にしてください。
    http://blog-imgs-75.fc2.com/y/o/s/yosoilue/bluebird_center. txt

    2015年02月01日 14:01 by ロギラキ