注目タグ

質問・疑問

トピック詳細

記事の幅を広げて、横のサイドバーを消したい

benri-navi_60s_blue
テンプレートはこれをつかってるんですが。
記事の幅を画面ぎりぎりまでめいいっぱい広げて、横のサイドバーを消したいのですがどうすればいいでしょうか?

ヘッダーとフッダーの大きさは変えれたのですが、記事幅が変わりません。。。


2010年03月03日 01:21  by 

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

  • ありがとうございます。参考にします。

    2010年03月04日 20:00 by

  • CSS一部抜粋

    #container {
    background-color: #FFFFFF;
    width: 710px;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    border-right: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    }

    /* ----------------------メインコンテンツ */

    #blog {
    width: 500px;
    float: left;
    overflow: hidden;
    }

    /* ----------------------サイドナビゲーション */

    #navi {
    width: 200px;
    float: left;
    font-size: 12px;
    margin-top: 0px;
    line-height: 130%;
    overflow: hidden;
    }

    全体をcontainer、コンテンツ部分をblog、メニュー部分をnaviで定義しているようです。

    それぞれのwidthをお好みで変更すればたぶんできます(ヘッダー部分の画像と水平メニューの定義に手を加える必要があるか も?)

    全体の幅を200px増やすにはcontainerのwidthを910px、blogとnaviのwidthの合計値が90 0pxに設定すれば可能かと?

    2010年03月04日 18:03 by

  • FC2ブログ公式マニュアル
    テンプレートの編集
    http://fc2blogmanual.blog60.fc2.com/blog-entry-84.html#more
    等を参考にしてください。

    スタイルシートを編集してください。

    2010年03月04日 17:08 by ロギラキ

  • どうやって、変えるのですか?
    どうするのでしょうか?
    私にも教えてください。
    よく分かりません。

    2010年03月04日 16:03 by

  • 記事幅は下記の箇所で設定されています。

    ただ、背景画像を変更する必要があるかと思います。
    テンプレート画像を加工する際には、製作者様の利用規約等に注意しましょう。

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

    2010年03月03日 08:58 by pika★フォーラムモデレーター