注目タグ

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

トピック詳細

2カラムを3カラムに変更する方法

初めまして、RUSHIAと申します。
現在「cyberspace_behind」という2カラムのテンプレートを使っているのですが、
これを3カラムにしたい(今右側についているようなサイドバーをもう一つ記事の左側に追加したい)です。
(過去に他のテンプレートで3カラムにしたいと質問している方への回答で、
3カラムのテンプレートを探した方が早いというのも拝見しましたが、
デザインが気に入っているので出来ればこのテンプレートを3カラムにする方法が知りたいです)

今までに実行できた変更(タイトルの位置を変えたり、検索フォームの位置を変えたり、
ページナビに数字のリンクを追加したり)の場合は、
「テンプレートの○△□というところの下辺りにこのタグをコピペする。
○pxの部分の数字を変えることで好きなサイズを指定する。」
などというような説明を見てその通りにやって変更してこれました。

しかし、3カラムにする方法を検索してみても、
説明されている○△□の部分が自分の使っているテンプレートの中に見当たらなかったりして、
どこにどんなタグを入れればいいのか分かりませんでした。
テキトーに貼る位置をずらしながらタグをコピペしてはプレビューを繰り返したりもしてみたものの、
そんな当てずっぽうで出来るわけもなく・・・

上記のテンプレートの場合、
HTML・CSSのどの部分をどう変更すれば3カラムにできるのでしょうか?
分かる方がいましたら教えてください。
どうぞよろしくお願いします。

※画像を拡大したり別の画像を繋ぎ合わせたりしてサイズの合う画像を用意することは可能ですので、
 今のヘッダー画像のままだとサイズが合わずに見た目のバランスが変になるよ~などという点は大丈夫です。

↓3カラムにしたいブログです
http://fc2amusing.blog91.fc2.com/

2011年03月08日 19:20  by †RUSHIA†

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

  • お役に立ってよかったです^^

    2011年03月14日 10:43 by 標野ゆき

  • 幅や高さを自分の記事などに合わせてちょこちょこっと変えたりして入れてみた結果、
    無事に念願の3カラムにすることが出来ました。

    無茶振りだなんてとんでもないです^^
    わざわざ実際に同じテンプレートで3カラムを作成したソースを見せて頂けて、
    どこにどういうタグを挿入していけばいいのかが非常に分かり易かったです。

    検索して出てくる汎用的な説明を読んでも理解できず、
    やはり2カラムのままで我慢するしかないかな・・・と、
    半ば諦めかけていたので本当に助かりました。
    どうもありがとうございました^^

    2011年03月12日 22:16 by †RUSHIA†

  • ヒマはあるけど、スキルのない回答者です~。
    試してみたら自分ちの環境では何とかなったので▼▼▼▼
    http://blog-imgs-42.fc2.com/s/h/i/shimenoyuki/view.html
    ちょっとご案内してみますね。

    http://blog-imgs-26.fc2.com/s/h/i/shimenoyuki/cybers_html.h tml
    http://blog-imgs-26.fc2.com/s/h/i/shimenoyuki/cyber_css.txt

    上記のアドレスにファイルをアップロードしてみました。
    誰の環境でも望んだように表示されるのかは甚だ疑問ですが、取敢えず。

    HTMLの方は
    cybers_html.htmlを表示してから
    「ソースの表示」でHTMLソースを参照してください。

    cybers_html.htmlのHTMLソースのpreタグの内側をコピーして
    cyberspace_behindテンプレートのHTMLのbodyタグの内側に貼り付けてください
    (無茶振りでゴメンなさい><)

    変更部分がかなり多い上に煩雑なので
    このコメント欄で作業手順をわかるように説明するのは多分ムリです~^^;

    http://www.css-designsample.com/csslayout/float-3column-w.h tml
    こちらのサイトさんを参考にさせてもらってます。

    詳しい方が見られたらツッコミ放題かもしれませんが
    少しでもお役に立てば何よりです。

    (横スクロールバーの消し方がわからなかったり)
    (ヘッド部分を見易くする根気が尽きていたり)
    (マージンやパディングをマトモにいじってなかったり)
    (穴だらけですが、使えるようならご自分でカスタムしてみてくださいね)

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

  • レスありがとうございます。
    必要なタグが無いとのご指摘の件、意図して消したつもりは無いのですが、
    HTML・CSSについてよく理解できていない状態でいろんなところからコピペしたりしてプレビューでおかしなところがなけれ ば更新というのを繰り返しているので、
    その過程で消してしまったかもしれないです。
    元の弄る前のテンプレートのHTMLが分らず貼ってあった位置が不明なので、
    サイドバーのフリーエリアにコピペしてみました。
    サイドバーではなくテンプレートに書かないと駄目だったり、
    位置に規制があったりとまだ問題があれば再度ご指摘お願いします。

    やはり3カラムへの変更は他の変更と違ってHTML・CSSの詳しい知識が無いと出来ない複雑な作業なんですね。
    「はじめてのFC2ブログカスタマイズ」の記事も読んだのですが、
    やはりどこにどう貼り付ければよいのかが分らず、3カラムには出来ませんでした。
    前述の通り3カラムにすることだけを考えれば「3カラムのテンプレートを探した方が早い」というのは重々承知なのですが、
    今のデザインままで3カラムにする方法が分ればそれが一番なので、
    もうしばらくその「スキルと時間のある方」の回答を待ってみようと思います。

    2011年03月09日 14:36 by †RUSHIA†

  • 本題とは違うのですが...
    FC2ブログの広告表示がない気がするのですが、免除されているのでしょうか?

    共有テンプレ 「cyberspace_behind」 では以下のタグが入っていましたが、

    <dt>FC2 Ads:</dt>
    <!-- 広告タグ削除不可 -->
    <dd><%ad></dd>
    <dd><%ad2></dd>

    これに該当する <%ad><%ad2> 部分が無いですよね。。
    不具合などでなければ、見える状態に入れ直す必要があると思います。


    参考:(テンプレートを3カラムにしたいのですが・・・ - FC2ユーザーフォーラム)
    http://blogsns.fc2.com/forum_community/topic/12605/27022/
    既に読んでいるとは思いますが、他の方も見るかもしれないので載せておきます。


    カラムの変更は 「3カラムのテンプレートを探した方が早い」 と私も思います。
    作者さん以外が回答するとしたら、相当ソースを調べる必要があると思うので、
    よほどの 「スキル と 時間のある方」 でないと答えられない気もします。

    そういう方がいないとは言い切れませんが。。。

    2011年03月09日 02:01 by paruparu