注目タグ

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

トピック詳細

3カラムを2カラムにしたいです。

「bnavi_ph3_flowers」というテンプレートを使いたいと思っているのですが、3カラムのため今までの記事レイア ウトが崩れてしまいます。

2カラムで、左が記事、右がメニューという形にしたいのですが
どのようにすればいいのでしょうか?

また2カラムに出来た場合、記事の幅も拡大したいと思ってるのですが
可能ですか?
色々やってみたけど難しくて、うまくいきません。

教えてください!!

2012年03月27日 17:17  by mion

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

  • 蛇足ですが
    このトピックでコメントさせて頂いたのは
    「3カラムを2カラムにする」カスタマイズではなく
    2カラムテンプレートのカラム幅を広げ、ヘッダー画像を中央に寄せるカスタマイズです。

    検索してこられる方のために 念のため。

    2012年04月03日 11:43 by 標野ゆき

  • >標野ゆきさま
    出来ましたー!
    標野さんのおかげです!
    気に入ってるテンプレートなので、上手く出来て嬉しいです。
    ご親切にありがとうございました。

    2012年03月29日 15:42 by mion

  • /* 背景色の設定 */
    /* ヘッダ背景色 */
    #header {
    border-bottom: 1px solid #C4C7D5;
    }
    /* フッタ背景色 */
    #footer {
    border-top: 1px solid #C4C7D5;
    }

    ヘッダーとフッターの横罫線は
    上の箇所で表示のデザイン指定がなされているのではないかと思います。

    2012年03月29日 14:21 by 標野ゆき

  • >標野ゆきさま
    ご丁寧に教えていただき、本当にありがとうございます!!
    教えていただいたのを参考に、両脇の線を削除したりして
    どうにか見栄えよく??出来ました。
    改変にもならずに済んだと思います。

    トップの画像下のラインはどうしても分からず
    消せなかったのですが、こういう↓感じになりました。

    http://mion0422.blog16.fc2.com/

    メニュー欄の幅が少し狭い感じがするので
    どうにかしたいのですが、もう少し頑張ってみます。
    本当にありがとうございました。

    2012年03月29日 00:18 by mion

  • 前レスのカスタムは
    ブログ幅を100ピクセル広げて、その分で記事カラムを100ピクセル広げたカスタム例です。

    他にも
    コメントテーブルやホームテーブルなどのワイズ指定があるので
    そちらも同じだけ増やす必要があると思います。

    最初にブログ幅だけ広げてみたら
    ヘッダー右の余白に画像が繰り返されて見苦しかったのですが
    中央に寄せて余白に色を敷いたら、いくらかイイカンジになりました。

    テンプレートの作者さんの意向については
    ご自分で確かめてみてください。

    2012年03月28日 18:44 by 標野ゆき

  • 同じテンプレートを借りてきてカスタムしてみた編集例です。

    #layout {
    width: 870px;
    padding-top: 0px;
    position: relative;
    margin:0 auto;
    }

    #header {
    width : 870px;
    height : 212px;
    margin-top: 0px;
    padding-top: 0px;
    text-align: left;
    }

    #content {
    width : 806px;
    margin: 0px 32px 0px 32px;
    }

    ***

    #main {
    margin: 23px 0px 0px 0px;
    float : right;
    width : 600px;
    text-align: left;
    }

    ***

    #footer {
    clear: both;
    width: 870px;
    text-align: center;
    padding: 10px 0px 10px 0px;
    line-height:180%;
    }

    ***

    /* 記事テーブル */
    .entry_table {
    width: 600px;
    margin-bottom: 30px;
    overflow:hidden;
    }

    ***

    #header {
    background: url(http://blog-imgs-23.fc2.com/m/y/h/myhurt666 /flower_header.jpg) no-repeat #000000 center;
    }

    この作者さんはタイトル画像の改変を禁じておられますが
    中央に寄せて左右に黒色の背景を敷くのが改変に当たるかどうかは
    シメノにはよく判りません。

    それについてはテンプレートのスタイルシート等をよく確認してみてください。

    2012年03月28日 18:35 by 標野ゆき

  • 2カラム版があることを教えていただいき、
    記事とメニューの入れ替えは出来ました。
    ありがとうございます。

    ただ、記事の幅の拡大が分からなくて
    数字を変えてみたりしてるのですが反応がありません。

    このテンプレートだと画像は横幅450px以下が
    最適のようですが、横幅480pxにしてもレイアウトが崩れないようにしたいです。
    どうすればいいのでしょうか?

    2012年03月28日 17:21 by mion

  • >標野ゆきさま
    ホントですね。見落としてました。
    ありがとうございます!!!
    2カラム版でやってみます。

    2カラムの場合、記事とメニューの左右入れ替えと
    記事の幅の拡大は可能ですか?
    もし分かれば教えていただきたいです。
    宜しくお願いします。

    2012年03月28日 10:12 by mion

  • 2カラム版もあるようですが、そちらではダメなのでしょうか。

    2012年03月27日 17:41 by 標野ゆき