注目タグ

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

トピック詳細

2カラムを3カラムに

旧フォーラムの記事です http://blog.fc2.com/forum/viewtopic.php?f=3& t=8232
~ちぃ〜 2006-03-04 00:32:11
件名 :2カラムを3カラムに

使用OS/ブラウザ環境( WinXP/InternetExplorer6.0)
使用テンプレート名(pinky)
ブログURL:http://from2006.blog52.fc2.com/

現在使用しているテンプレートを3カラムにしたくて色々と試してみたのですが、
なかなか上手くいかず、ご助言いただきたく質問させていただきます。

今現在、元のテンプレートにはなかったcontainerwrappe rextra-columnにあたるものをHTMLとCSSに追加し、幅等をいじった状 態で
左サイドバーが落ちてしまい、右サイドバーが表示されません。

一応、タグの閉じ忘れがないかチェックしたつもりではいるのですが・・・

まだやるべきことが他にありますでしょうか?

FAQの「突然記事・サイドバーが〜」にある
画像以外の半角英数字の文字列(例えばURL)が長すぎ、記事が落ちることもあります。
というのはHTMLやCSS内でも言える事なのでしょうか?

恥ずかしながら、(たったこれだけですが)やっとここまで変更したのでなんとか
次への手がかりが欲しいです。どうか、よろしくお願いしますm(_ _)m

2006年03月04日 00:32  by FC2スタッフ

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

  • 旧フォーラムの記事です
    Anonymous 2006-03-09 23:17:12
    件名 :

    和さん、ご返答ありがとうございます。
    ここ数日は表示に6〜7秒かかっていたのが、なぜか今日はスムーズに表示されます・・・
    もしかしたら、原因はうちの接続環境にあったのかもしれません。

    メロメロパークとバナーの件のアドバイスありがとうございます!
    早速試してみたいと思います。

    Chako様、和様、お時間を割いてご回答いただき本当にありがとうございました。

    2006年03月09日 23:17 by FC2スタッフ

  • 旧フォーラムの記事です
    和 2006-03-09 21:27:25
    件名 :

    テンプレートの記述はどれも多少は表示に影響が出るでしょうが、比較的新しいパソコンなら処理速度が速いのでほとんど問題に ならないと思いますよ。
    それよりもメロメロパークのように、外部サーバとの接続を頻繁に繰り返すパーツの方が影響が大きいと思います。
    右サイドのバナーなども含め、表示させた場合と非表示の場合でどの位差があるか、実際にご自分で試されるとよいですね。

    妙にページが重たくなってしまいました。

    これは個人差があるのでなんともいえませんが、私には今のままでもそれ程遅くは感じませんよ <img src=&q uot;{SMILIES_PATH}/icon_wink.gif" alt=":wink:" ; title="Wink" />

    2006年03月09日 21:27 by FC2スタッフ

  • 旧フォーラムの記事です
    Anonymous 2006-03-09 09:33:39
    件名 :

    何度もすみません・・・
    3カラムへの変更はすでに解決済みでそのあとちょこちょこと手を加えていたのですが、妙にページが重たくなってしまいました 。

    2006年03月09日 09:33 by FC2スタッフ

  • 旧フォーラムの記事です
    Chako 2006-03-04 12:56:57
    件名 :

    >過去の質問を見ると
     3カラム変更への質問はあまりお答えいただけないようなので

    そうなんですよね。
    テンプレートひとつひとつHTMLが違いますし、説明がとても個人的なサポートになってしまうので、あまり詳しく回答し辛い ということでしょうね。

    基本的には「はじめてのFC2ブログカ スタマイズ 」で説明されているやり方でできるものが多いのですが、
    テーブルレイアウトのテンプレートに関しては、ワタシも検索してみましたが見つからず、
    今回~ちぃ〜さんががんばってカスタマイズされているのもわかりましたので、他の方への参考になればという意味も込めてお答 えさせていただきました。

    では、FC2ブログライフを楽しんで下さいませ♪

    2006年03月04日 12:56 by FC2スタッフ

  • 旧フォーラムの記事です
    Anonymous 2006-03-04 08:50:33
    件名 :

    Chakoさん、ご返答ありがとうございます!

    やっぱりテーブルがネックだったんですね・・・
    早速教えていただいた方法で試してみましたところ、出来ました!!!感動ですT▽T

    もう頭から煙が出てきそうなくらい行き詰っていたんですが過去の質問を見ると
    3カラム変更への質問はあまりお答えいただけないようなので、正直ダメもとで質問してみたんです^^;
    それなのにとても丁寧なご回答本当にありがとうございます!今、かなり胸がいっぱいです(゜ーÅ)

    これまで参考にさせていただいていたのも↓
    http:/ /blog.fc2.com/forum/viewtopic.php?t=4443 での
    Chakoさんのご回答だったので、お世話になりっぱなしですm(_ _)m

    私も頑張ってChakoさんや掲示板でお答えいただいている方々のように詳しくなれるよう努力してみます。
    本当にありがとうございました!

    2006年03月04日 08:50 by FC2スタッフ

  • 旧フォーラムの記事です
    Chako 2006-03-04 03:34:30
    件名 :

    このテンプレートはテーブルレイアウトですので、カスタマイズマニュアルのやり方じゃなく、そのままテーブルを組み直した方 が簡単ですよ。

    元のテンプレートは

    <table border="0" cellpadding="0&quo t; cellspacing="0" class="mainLayoutT3"& gt;
    <tr>
    <td colspan="2">
    (タイトル&カレンダー)


    <tr>
    <td valign="top" class="sideLayoutT&quo t;>
    <div id="sideLayout">
    (サイドメニュー)
    </div>
    </td>



    <td valign="top" class="contentsLayoutT ">
    <div id="contentsLayout">
    (コンテンツ)
    </div>
    </td>
    </tr>



    <tr>
    <td colspan="2" align="center">

    このような構造になっていますので、これを
    <table border="0" cellpadding="0" ; cellspacing="0" class="mainLayoutT3"&g t;
    <tr>
    <td colspan="3">
    (タイトル&カレンダー)
    </td>
    </tr>


    <tr>

    <td valign="top" class="leftLa youtT">
    <div id="leftLayout">
    (左サイドメニュー)
    </div>
    </td>



    <td valign="top" class="conte ntsLayoutT">
    <div id="contentsLayout">
    (コンテンツ)
    </div>
    </td>



    <td valign="top" class="right LayoutT">
    <div id="rightLayout">
    (右サイドメニュー)
    </div>
    </td>

    </tr>


    <tr>
    <td colspan="3" align="ce nter">

    こんな感じにしてください。(trとtdの位置に注意!)
    そして、スタイルシートでメニューとコンテンツに指定したfloat:right、float:leftを取ってみてくださ い。

    この場合container、wrapperなどは必要ありません。


    もし、今やりかけていらっしゃるやり方の方が良いのでしたら、
    テーブルをかなり直さないといけないので、また考えましょう。

    2006年03月04日 03:34 by FC2スタッフ