注目タグ

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

トピック詳細

メインカラムのサイズの変更方法がわかりません


   よろしくお願いします<(_ _)>
 環境設定→テンプレートの設定→~スタイルシート編集
 
 まで進んでメインカラムの幅(width)
を変えたいとおもうのですが、

 もっとやさしい方法はありますか?

 また、数字が入っている部分は
    heigth 280 px
メインカラム + 左サイドカラム margin-left-210px
メイン部分            margin-left-210px

↑の状態なのですが、widthについてのpx表示が見当たらないです。
  
  この状態からの素人(私)での変更操作はやめたほうがよいでしょうか。      

2012年07月12日 19:08  by 

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



  •    本当にどうもありがとうございました<(_ _)>!!

       大変勉強になりました。

       またお世話になることもあるかもしれません。
       そのときにはまたどうぞよろしくお願い致します<(_ _)>・・

        かずのこ08

       

    2012年07月22日 08:33 by

  • リキッドタイプのテンプレートでは
    横幅800ピクセルのブラウザで見る場合と
    横幅1000ピクセルのブラウザで見る場合とで
    文字の送り位置なども当然 違ってくるでしょうし、文字を入力なさる段階から心がけておかれるに越したことはないと思います。

    2012年07月21日 23:02 by 標野ゆき


  •   ありがとうございます!

      それが、お騒がせしたにもかかわらず
      サイズがすべて戻ったようです。
      
      どうしてなのかは、シメノさまが記してくださった
      ことが原因なのだなと考えました。

      それで、記事カラムに掲載する
      記事は、編集の段階で、じぶんである程度
      横幅も調整しながら整えたほうがいいのかな
      と思ったのですが、どうでしょうか・・?

      たびたびの質問ですみません・・
      

    2012年07月21日 18:51 by

  • /*メインカラム+左サイドカラム*/
    div#wrapper {
    float : left;
    width : 100%;
    margin-right:-190px;
    }
    /*メイン部分*/
    div#layout_main {
    float : right;
    margin-left : -190px;
    width : 100%;
    }
    div#layout_main>* {
    margin-right : 190px;
    margin-left : 190px;
    }
    div#layout_main #baseblock {
    margin-right : 190px;
    margin-left : 190px;
    }

    /*全記事一覧メイン部分*/
    #titlelist div#layout_main {
    float : right;
    width : 100%;
    margin-left : 0px;
    }
    #titlelist div#layout_main>* {
    margin-right : 190px;
    margin-left : 0px;
    }
    #titlelist div#layout_main #baseblock {
    margin-right : 190px;
    margin-left : 0px;
    }

    /*左サイド部分*/
    div#layout_leftside {
    float : left;
    width : 180px;
    }
    /*右サイド部分*/
    div#layout_rightside {
    float : right;
    width : 180px;
    }

    上記は
    スタイルシートの編集例で
    サイドカラム幅をそれぞれ20ピクセルずつ狭くしたものです。
    参考になさってみてください。

    シメノが試したときには、これでマトモに表示されましたが
    どなたの環境でも同じ結果が得られるかは不明ですので、ご了承ください。

    2012年07月17日 22:24 by 標野ゆき

  • お尋ねのテンプレートはリキッドタイプと言って
    ブラウザの幅に合わせて、記事カラムの幅が変わるタイプなので
    カラム幅がピクセルでなくパーセントで指定されています。

    「記事カラムの幅がひとりでに戻った」とおっしゃるのは
    この点を誤って認識しておられるのかも知れません。

    いずれにせよ
    ブラウザの幅はそのままで記事カラム幅を広げたい場合には
    サイドカラムの幅を狭くするしかありませんので
    カスタマイズするならサイドカラムのwidthを狭くすることになります。

    2012年07月17日 22:23 by 標野ゆき

  • ご回答ありがとうございました<(_ _)>!!

    じつは友人のブログについての質問だったもので
    お返事に時間がかかりすみませんでした。

    中央のカラムについてなのですが、これは
    最近になり、またもとのサイズにひとりでに
    もどったようです。

    ですが、右のカラムにあったリンクやカウンターが
    左のカラムに入ってしまっている状態は続いた
    ままのようです。

    友人の許可を得て、本人のブログのアドレスをのせて
    みます。よかったら見てみてください。


    我が家はいつでもレストラン
    http://raspberry845.blog.fc2.com/



    多分ご回答いただいて確認したところ
    もしも~の場合に当てはまるのかもしれない
    ことが分かりましたので、左カラムについての
    編集も自分たちでは出来ないだろう
    と考えています。

    そうしたばあいはテンプレートの変更が策としては
    ありますか?

    本人はこのテンプレートのままで継続したいようです。
    すでに載せている記事も載せたままにしたいようです・・

    中央カラムが自然に元にもどったことを考えますと
    もうしばらく様子をみるのも良いかとも考えています。



    2012年07月17日 17:56 by

  • 今現在適用しておられるテンプレートを編集したい
    と考えておられるのでしたら

    カスタマイズすべき箇所は以下の部分ではないでしょうか。


    /******************************************* ▼レイアウト▼ */
    #outline {
    width:1000px; /* 全体 */
    margin:0px auto;

    }
    #center {
    width:520px; /* 中央 */
    float:right;
    }
    #left {
    width:220px; /* 左 */
    float:left;
    margin:0px 10px;
    }
    #right {
    width:220px; /* 右 */
    float:right;
    margin:0px 10px;
    }
    #center-left { /* 計算して設定してください ------ */
    width:760px; /* (全体-左-中央-右)/2 + 左 + 中央 */
    float:left;
    }


    もしも
    この箇所が見つけられなかった
    或いは、質問後にテンプレートを替えてしまった
    カスタマイズしたいテンプレートの名前を示す必要があると思わなかった
    ・・・・と言うような場合にはスタイルシートのカスタマイズはあまりお奨めできません。

    2012年07月14日 12:46 by 標野ゆき