ラウンジ(兼FAQ掲示板)

電光での幅調整
過去ログ NO.1058599205
□ とも [2003年07月09日01時39分]
電光を利用させてもらってます!

そこで質問なんですが、
幅調整はピクセル(?)でないとできないんでしょうか?
フレームやテーブルタグのように「%」で指定することはできないのでしょうか?
よろしくお願いします。
□ やす。 [2003年07月10日06時25分]
とも さん、おはようございます。

> フレームやテーブルタグのように「%」で指定することはできないのでしょうか?

初期設定では文字数でフレームの長さを指定します。
でもこれだと、ええ、ウィンドウの幅が変わると全体のバランスが崩れますね。

ピクセルやパーセントでの指定は、おそらくスタイルシートで対応できるのではないかと思います。
ええと、ちょっとやってみますので、2,3日猶予をください(^^;。
□ とも [2003年07月10日06時46分]
> 初期設定では文字数でフレームの長さを指定します。
> でもこれだと、ええ、ウィンドウの幅が変わると全体のバランスが崩れますね。
>
> ピクセルやパーセントでの指定は、おそらくスタイルシートで対応できるのではないかと思います。
> ええと、ちょっとやってみますので、2,3日猶予をください(^^;。

お返事ありがとうございます!
急ぎ(?)じゃないんでゆっくりでいいですよ^^;
無理せず頑張ってください(笑)
よろしくお願いします!
□ やす。 [2003年07月13日05時41分]
とも さん、こんにちは。 できましたー!。

・ウィンドウに対する絶対的な大きさをピクセル指定する
これは、denkoh.cgi ファイルの「詳細設定」>「 記事表示部分のスタイル設定」箇所にある、以下の部分を変更します(およそ190行め)

$disp_style = "background:$disp_bg; font-size:$font_size\pt; color:$disp_color;";

を、

$disp_style = "width=450px; background:$disp_bg; font-size:$font_size\pt; color:$disp_color;";
(「width=450px;」を加えてください)

これによって、記事表示部分の幅が450ピクセルになります。
------------------------------------------------------------------------
・ウィンドウに対する相対的な大きさをパーセントで指定する(ウィンドウの幅に合わせて記事表示部分が伸び縮みする)
こちらは、変更箇所がいくつかあります。
まず前述の190行めを、
$disp_style = "width=100%; background:$disp_bg; font-size:$font_size\pt; color:$disp_color;";
とし、次に、表示を指定している箇所に変更を加えます。

600行
BUF+='<table$bgimg bgcolor="$bg" height="$bg_height" cellpadding=0 cellspacing=0><td>';
601行
BUF+='<table cellpadding=1 cellspacing=0 ><form name=denkoh_f>';
603行
BUF+='<td>$NN_disp1<input size=$disp_size name=inf readonly $disp_style>$NN_disp2</td>';

これを、
600行
BUF+='<table$bgimg bgcolor="$bg" height="$bg_height" cellpadding=0 cellspacing=0 width=100%><td>';
601行
BUF+='<table cellpadding=1 cellspacing=0 width=100%><form name=denkoh_f>';
603行
BUF+='<td width=100%>$NN_disp1<input size=$disp_size name=inf readonly $disp_style>$NN_disp2</td>';

いずれも、width=100% を加えます(行番号は異なっていることもあります)。
これで、ウィンドウサイズを変更しても全体的なレイアウトは変わらないようになります。

これでやってみて、いかがでしょうか。
ウィンドウ幅に合わせる例を、
http://cgi.members.interq.or.jp/www1/mfbmyas/testcgi/denkoh/denkoh.cgi?html
に設置しました。こんな感じになります。

この方法は、コチラにもページを作っておきました(^^;。
http://www.interq.or.jp/www1/mfbmyas/mfphoto/denkoh/formac.html


−−(私信

ええと、今までこのことに全然気がつかなくて、ともさんのこの書き込みにとても感銘を受けました。
ささやかながら、僕の電光!ページより、ともさんのサイトへリンクを張りたいと思います。
もしよろしければこの記事の返信にて、あるいはメールに宛ててもURLをおしえてください!
whitebase@csc.jp

それでは。
□ とも [2003年07月17日06時09分]
> −−(私信
>
> ええと、今までこのことに全然気がつかなくて、ともさんのこの書き込みにとても感銘を受けました。
> ささやかながら、僕の電光!ページより、ともさんのサイトへリンクを張りたいと思います。
> もしよろしければこの記事の返信にて、あるいはメールに宛ててもURLをおしえてください!
> whitebase@csc.jp
>
> それでは。


お忙しいところご苦労様です。
解説に従い4箇所書き換えて無事に成功しました!
ありがとうございます!

リンクの件なんですが、
製作途中なんでアレなんですけど、
していただけるということでしたら、ぜひお願いします!
電光を設置してますが、
ちょっと改造?して設置してあります。
(バーのアイコンの一部を表示してないだけです)
しょぼいページなので、
ご覧になって気が変わったら、なかったことにしてもかまいません(笑
こちらです→http://www.627online.com/

それでは、ありがとうございました!
□ やす。 [2003年07月19日16時20分]
とも さん、こんにちは。
電光! うまくいったようで、なによりです。

はい。リンクURLかしこまりましたです。
今日あたり、私の電光!ページのどこかからリンクさせていただきますです。

そりでわ。
一定時間書込が無かったので過去ログに移りました

suepon.com | CGI作成/CGI制作 | JavaScript | ドメイン検索 | バナー自動作成 | Google ダンスツール | 松浦亜弥 | H.P.memo | パソコン | ネイル

Copyright (C) 2002 - 2008 suepon , All rights reserved. Powered by CGI Script Market.