注目タグ

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

トピック詳細

1・2カラムを3カラムにする方法

1・2カラムを3カラムにする方法が知りたいです

FC2の共有テンプレートなのですが
今はなくなってしまったようですが・・・・

1・2カラムを3カラムにする方法はありますか?

cssなどの特定部分に何かを入れてみる
などがあったら教えてください

よろしくおねがいします

2011年11月04日 23:20  by 彩希

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

  • >>mushroom_liquid
    のような幅の取り方を、kamawanuでやりたいのです

    dhw_kamawanuは
    ひとつの画像を3つにも4つにも分割して
    細かい配置を設定して組み合わせてあるテンプレートなので
    リキッドタイプにするのは無理だと思います。


    それと前述のカスタマイズ例は
    背景の「かまわぬ」柄が 繰り返し表示の部分とそれ以外の部分とで食い違っています。

    ふと思い立って<html>のカッコ内に
    style="background-position-x:-46px;"
    こういう表記を加えてみたら、自分のブラウザではズレがなくなりました。
    ヒトサマには勧められない無茶なやり方だと思いますが、ご参考まで。

    2011年11月24日 12:12 by 標野ゆき

  • <スタイルシート>
    body { 中略
    background: url(中略) 1130px 0px no-repeat;/* for Modern browsers */
    }

    #container {
    中略
    width: 1140px;
    }

    #header {
    background: url(中略) #330000 240px 0 no-repea t;


    #main {
    中略
    width: 600px !important;

    #sidemenu2 {
    background-color: #f4fdda;
    float: left;
    width: 200px !important;
    width /* for IE5.5 */: 240px;
    overflow: hidden;
    margin-right: 0px !important;
    margin-right /* for IE5.5 */: 5px;
    padding: 20px;
    }


    <HTML>
    <body style="margin-top: 0px; background-position-y : 0px;">
    <div id="container" style="back ground-position-x: 240px;">
    <div id="header">
    中略 </div><!-- /header -->
    <div id="sidemenu2">


    yosoilueさんの指示とおりに編集したテンプレートを
    上記のように変更または追加してみたら、ご希望の表示になるかもしれません。

    もっとも
    これは自分で試してみたときの例なので
    誰がどんな環境で試しても うまくいくかは判りません。

    #sidemenu2とある部分のスタイルシートは
    もともとのスタイル指定とは別に、まるまる新しく追加します。

    好みのサイズがこれと違う場合には
    それぞれがどの程度の数値 増やしてあるかを確認して
    自分で計算して編集してください。

    2011年11月24日 11:46 by 標野ゆき

  • お返事ありがとうございます
    あと、お返事遅くなり申し訳ありません

    このような形にしたいのですが・・・(画像参照願います)
    どうしたらよいでしょうか
    色々と数値を変えてはいるのですが、なかなか出来なくて・・・

    よろしかったら教えていただけると助かります

    mushroom_liquid
    のような幅の取り方を、kamawanuでやりたいのです

    2011年11月22日 14:15 by 彩希

  • > dhw_kamawanu という名前のテンプレートを3カラムにしたいのですが

    全く何もそのテンプレートをいじっていない場合の話です。
    まず最初に複製を作ってください。そして複製の方でカスタマイズしてください。

    HTMLの編集で変更したいブログの構造が、
    ヘッダー、メイン(記事部分)、プラグイン、フッターとなっていると思いますが、
    プラグイン1の部分をヘッダーとメインの間に移動すれば3カラムには出来ます。

    <div id="sidemenu">
    <p class="logo"><img src="ttp://tem plates.blog.fc2.com/template/dhw/logo.gif" title=" Digital Hollywood & FC2" alt="Digital Hollywoo d & FC2" /></p>
    <!--plugin-->
    <!--plugin_first-->
    <dl class="sidemenu_body">

    --- 中略 ---

    </dl>
    <!--/plugin_first-->
    <!--/plugin-->

    <!--plugin-->
    <!--plugin_second-->
    <dl class="sidemenu_body">

    --- 中略 ---

    </dl>
    <!--/plugin_second-->
    <!--/plugin-->
    </div><!-- /sidemenu -->

    赤文字部分はコピーして、青文字部分との位置関係を変えずに下記の位置に挿入してください。

    青文字部分を丸ごと移動して、下記の位置に挿入してください。

    </div><!-- /header -->
    ここに挿入してください。
    <div id="main">


    これで構造的には3カラムになります。
    が、幅を調整せずにただ3カラムにしただけなのでプラグイン2は下に落ちます。

    幅を調整するためにスタイルシートの

    #main {

    --- 中略 ---

    width: 600px !important;

    この部分の数値600を360に変更すれば3カラムで下に落ちない状態になります。

    2011年11月06日 09:25 by ロギラキ

  • お返事ありがとうございます

      </div><!-- /header -->
      ここに挿入してください。←</div><!-- /sidemenu --&g t;
      <div id="main">

    はわかるのですが、プラグイン1はその赤字の前に挿入するんですよね・・・?
    それで
      600を360に変更すれば3カラムで下に落ちない状態
    ということで、やってみたのですが、若干落ちてしまうことと
    あと、欲を言わせていただければ
    モニターの幅を100%として使いたいのです
    多分、このテンプレートはモニターの幅の60%くらいまででプラグイン・メインが表示されていると思うのですが・・・
    モニター全体で左20%・メイン60%・右20%にならないでしょうか?
    多分今、私が使っているブログのテンプレートの様に
    といった方が早いのでしょうが・・・

    よろしくお願いします

    2011年11月06日 02:30 by 彩希

  • dhw_kamawanu という名前のテンプレートを3カラムにしたいのですが
    前回の質問ではよくわからなかったので

    お願いします

    2011年11月05日 02:09 by 彩希

  • > 1・2カラムを3カラムにする方法が知りたいです

    お使いになっているテンプレートの話ではないのでしょうか?

    カラムとは、通常は下記のマニュアルにあるような認識だと思います。
    http://fc2blogmanual.blog60.fc2.com/blog-entry-3.html#more

    したがってお使いになっているテンプレートは3カラムだと思います。

    もしくは別のテンプレートを3カラムにしたいのならばそのテンプレート名を書かないと回答はしにくいとは思います。




    というか同じ質問ではないのでしょうか?
    http://blog.fc2.com/forum_community/topic/12605/46292/

    2011年11月05日 01:59 by ロギラキ