幅が固定されている環境で利用するとテンプレートのデザインが崩れる

minidiaryの時から思っていたのことですが、一応

このサイトのようにサイトの横幅が可変するタイプのデザインだと問題にならないのでしょうが、横幅を固定しているサイトだとカラムが一つ増えてしまって収まりきれません。
既にあるカラムの横幅を細くすれば入るのでしょうけど、２カラムデザインでサイドカラムを比較的広めに取っているので、どうしても収まりません。
何か良い策はないでしょうか？

ゲストさん、こんにちは。

コメントありがとうござます。

幅固定のデザインの件ですが、、
こればかりは、minidiary時代からガチガチのTableレイアウトになっていますね。

まあ、慣れている人ならばある程度の時間で可能なのかも、ですが、不幸なことに私自信、CSSレイアウトはあまり得意ではありませんし、Tableのままで幅可変にしようと思うと、今度は画像表示のほうで不都合が生じそうです。　幅固定故のメリットもあると思っています。　もし具体的なアイデアがあれば提案ください。　

ともあれ、問題は詳細表示ページだけですし、課題としては認識していますので将来的には何とかするかもしれません。　でもあまり期待しないでくださいね。

では。

こんにちわ。
僕も2カラムの固定幅を使用しているのでどうにかならないかと思い色々とファイルを見ましたところ

trust/modules/d3diary/includeの
「comment_view.php」の145行目の

1

cols='50'

の数値を変える事で調整できましたよ:-)

コメント用のテキストエリアの幅が原因っぽいと思ってます。
違ってたらゴメンナサイ

こんにちは。
d3diary今楽しくいじらせていただいてます。

ど素人ながら一応ある程度わかった点だけ。
要因は恐らくは二つ。コメントの投稿フォームと画像サムネイルです。コメント投稿フォームの入力欄の画像のカラム数を3から2に変えれば解決しそうです。

コメント投稿フォームの方は私はd3forum統合の形式で利用してるのですがコメント統合のフォーラムのテンプレート「(フォーラムのフォルダ名)_inc_post_form_quick.html」の51行目

これのcols="60"を減らす。（私は50にしてみました。）

でもってd3diaryのテンプレートの「(d3diaryのフォルダ名)_detail.html」の63行目と68行目

63

68 3 && $num==2) || (($yd_photo|@count)>6 && $num==5)}>

このif文の条件を2カラムになるように変えてやる

63　

68　2 && $num==1) ||(($yd_photo|@count)>4 && $num==3) || (($yd_photo|@count)>6 && $num==5)}>

これで日記のdetail幅は縮まりました。
根本的な解決手段とは言えませんが一応コメント統合使用時で画像使用の場合のの解決手段の一つということで。

tsujiさん、こんにちは。

情報ありがとうございます。

この掲示板にコードをうまく書けないとのことですが、
BBcodeの　code　タグを使って書いてみてください。

または、wikiのcodeプラグインを使って

#code(php,-){{
ここにコードを書く
}}

でも書けると思います。

お手数ですが、再度の書き込み、お願いできますでしょうか。

削除でどうもお手数をおかけしました。
ではお言葉に甘えてもう一度書き込んでみます。文字化けした部分をcodeタグで囲んでの再投稿です。
ゲストではなく最初から登録して書き込みすればご迷惑をおかけする事も無かったですねorz

日記詳細のページの幅を縮める為に必要な作業は二つと思われます。
一つはコメント入力フォームを縮める事、もう一つは画像のカラム数を3から2に変更する事です。

私自身はコメントフォームはd3forumの統合機能を使っているのでその場合の方法を書きます。xoopsのデフォルトのコメントフォームを使用している場合はわかりませんがもしかするとokishiroさんが前に書いた方法で可能かも知れません。

編集する箇所はまずコメントフォームについてはコメント統合で使用したd3forumののテンプレート「(フォーラムのフォルダ名)_inc_post_form_quick.html」の51行目

1

<textarea name="message" cols="60" rows="8"><{$message}></textarea>

これの「cols=」の値を減らせばコメントフォームの幅を縮める事ができます。（私は60を50にしてみました。）

そしてd3diaryのテンプレートの「(d3diaryのフォルダ名)_detail.html」の63行目と68行目
まず63行目を

1

<{if $num==0 || $num==3 || $num==6}><tr><{/if}>

から

1

<{if $num==0 || $num==2  || $num==4 || $num==6}><tr><{/if}>

に変えます。そして68行目を

1

<{if (($yd_photo|@count)>3 && $num==2) || (($yd_photo|@count)>6 && $num==5)}>

から

1

<{if (($yd_photo|@count)>2 && $num==1) ||(($yd_photo|@count)>4 && $num==3) || (($yd_photo|@count)>6 && $num==5)}></tr><{/if}>

に変えます。これで画像の表示が3カラムから2カラムになります。

tsujiさん

わざわざ登録までしていただき、書き込みありがとうございました。

今後も、どうぞよろしくお願いします。