注目タグ

質問・疑問

トピック詳細

3カラムなのに左にしかプラグインを表示できません

現在ここでブログを書いてます。
http://petnokimoti.blog80.fc2.com/

最新の記事やカテゴリーなど、表示させたいプラグインが増えたため
画面をずっと下のほうまで移動させないと
見えないプラグインがでてきて不便を感じたため
brown_str3ca_1という3カラムのテンプレートに変更しました。

3カラムというのは記事を書く部分のメインカラムの部分があり
その両脇のサイドバーに、表示させたいプラグインを
ふりわけて配置できると思ったのですが
そのやり方がわかりません。

環境設定のプラグインの設定から
表示位置を右寄せなどにしてみても
左のサイドバーにあるままで右よりに表示されるだけです。

どうやったら右側のサイドバーにプラグインを表示できるのか教えてください。

2010年02月06日 18:28  by 

コメント一覧 43件中、21~30件表示

  • コメント中に割り込んでしまうような形になってしまって御免なさい。
    まだHTMLの修正例を投稿なさる途中でしたら、そのまま続けてくださいね^^;

    ちなみに
    プラグインのタグは
    まるごと動かしさえすれば良いのですが

    <div id="wrapper">と、対応する閉じタグ</div>は
    mainとleftを一纏めに包むためにあるので、これらの前後に配置する必要があります。

    この点が正しく伝わっているかが いちばん気になってます。


    案内したとおりに編集なさっておられれば
    新しいコメントに紹介した 順番を入れ替えるやり方が功を奏するかもしれません。

    2011年10月16日 08:53 by 標野ゆき

  • すいません!!
    コメント前後しましたよね??

    2011年10月16日 08:43 by

  • <!--/plugin_second-->
    <!--plugin_third-->
    <div class="menu_block">
    <div class="menu_title" style="text-align :<%plugin_third_ialign>"><%plugin_third_tit le></div>
    <div style="text-align:<%plugin_third_ialign> ">
    <%plugin_third_description>
    </div>
    <%plugin_third_content>
    <div style="text-align:<%plugin_third_ialign> ">
    <%plugin_third_description2>
    </div>
    </div>
    <!--/plugin_third-->
    </div><!--right> 
    <div id="main">

    ちなみにスタイルシートの方もwrap,right ,leftの前に#を挿入し、menuは削除しました☆
    どうそ宜しくお願い致しますmm

    2011年10月16日 08:42 by

  • これでうまく行くか、よくは判らないんですが
    取敢えず次の方法を試してみてください。

    CSSのデザイン指定の順番を
    #right { 中身もそのまま一緒に動かします }
    #wrapper { 中身もそのまま一緒に動かします }
    #main { 中身もそのまま一緒に動かします }
    #left { 中身もそのまま一緒に動かします }

    の順に入れ替える。

    HTMLの順番も
    <div id="right">プラグインのタグ</div>
    <div id="wrapper">
    <div id="main">記事・コメント・トラックバック・ナビなどのタグ</ div>
    <div id="left">プラグインのタグ</div>
    </div><!--wrapperの閉じタグです-->
    の順に入れ換える。

    これでうまくいくとよいのですが。

    2011年10月16日 08:41 by 標野ゆき

  • <div id="wrapper">
    <div id="left"> 
    <!--plugin_first-->
    <div class="menu_block">
    <div class="menu_title" style="text-align :<%plugin_first_talign>"><%plugin_first_tit le></div>
    <div style="text-align:<%plugin_first_ialign> ">
    <%plugin_first_description>
    </div>
    <%plugin_first_content>
    <div style="text-align:<%plugin_first_ialign> ">
    <%plugin_first_description2>
    </div>
    </div>
    <!--/plugin_first-->
    </div>
    </div><!--wrapper>
    <div id="right">
    <!--plugin_second-->
    <div class="menu_block">
    <div class="menu_title" style="text-align :<%plugin_second_ialign>"><%plugin_second_t itle></div>
    <div style="text-align:<%plugin_second_ialign> ;">
    <%plugin_second_description>
    </div>
    <%plugin_second_content>
    <div style="text-align:<%plugin_second_ialign> ;">
    <%plugin_second_description2>
    </div>
    </div>

    1000文字を超えたので、この下の部分は、次のコメントに載せますね☆

    2011年10月16日 08:41 by

  • ご丁寧に本当にありがとうございます☆
    確認したところ、症状としては、サイドのバーは正常に出ていますが、記事落ち(右側にくっついて、メニューバーの下にきてしま うしてしまう感じです☆

    でもなんだんかあともう少しな気がしてとてもとてもうれしいです!!
    本当に本当にありがとうございます☆
    初心者は3カラムを使った方がいいと思うのですが、初心者の私が、時間をかけて細かいところを自分でいろいろ編集したので、こ れに愛着が湧いていて。。。(涙)

    どうぞ宜しくお願い致します☆

    HTMLは別途載せます☆

    2011年10月16日 08:34 by

  • 編集中のテンプレートがmortonなら
    カスタマイズの手順としては

    1:スタイルシートのwrapper,left,rightの前に#を入れる。
    2:スタイルシートの#menu{文字列全部}をまるごと削除する。
    3:<div id="menu">の menu を left に書き替えて、直前に
    <div id="wrapper">を挿入する。
    4:<!--/記事部分--> の直後に
    </div><!--wrapperの閉じタグです-->
    <div id="right">
    </div><!--rightの閉じタグです-->  の3行を挿入する。
    5:プラグイン2または3のタグを切り取って<div id="right">の直後(&l t;/div>の前)に挿入する。

    ・・・・のようになるのではないかと思います。


    ただwrapperのwidthが
    mainとleftを足したギリギリの数字なので
    これでプラグインが無事収まるのかちょっと気掛かりです。

    2011年10月15日 19:55 by 標野ゆき

  • 皆さんご丁寧にありがとうございます☆
    おっしゃる通り、スタイルシートしか変更していないので、サイズを変えて、左側に空白を作る作業しかしていないのだと思います ☆
    そして、HTML内に「div id=left」と検索をかけてみましたが、見つかりませんでした。
    div idがつくものは、main, header, footer, menuだけでした。
    プラグインのHTMLは、昨日コメントした通りです☆

    ということは、そのidを2つに分ける作業が必要なんですね??

    2011年10月15日 16:55 by

  • テンプレート名は morton ですよね。

    プラグインの表示位置をHTMLでは無くCSSだけでやっているタイプではないかとは思います。

    HTMLでプラグインの部分のidを二つにわけないと、右か左にしか表示されないとは思います。

    2011年10月15日 09:17 by ロギラキ

  • ただ
    CSSを書き換えただけで
    HTMLは全く編集していないのでしたら

    メインカラムの右側に空白を作る処理をしただけで
    カラムとしては成立していない可能性が高いと思います。

    実際のHTMLを拝見していないので、よく判りませんが
    HTML内に
    <div id="left">
    <div id="right">
    <div id="wrapper">
    に相当するタグがあるかどうかを確認してみてください。

    2011年10月15日 07:56 by 標野ゆき

<< < 1 2 3 4 5 > >>