ＺｏｏＣｈａｔの部屋毎の入室画面の背景について
- 現在それぞれの部屋への入室画面はデフォルトのままなのですが、ここに背景画像を挿入したいと思っています。
- 入室画面だけに背景画像を反映させたい場合、スタイルシートを使用して以下の設定を行います。
- また、参考として現在一番上の部屋に背景画像（仮）を入れてあります。
- ベストアンサー
ＺｏｏＣｈａｔの部屋毎の入室画面の背景について
現在それぞれの部屋への入室画面はデフォルトのままなのですが、 ここに背景画像を挿入したいと思っています。 管理画面で部屋ごとの背景としてスタイルシートで 以下の通りに画像を挿入してみたのですが、入り口だけでなく中のチャットにまで反映されてしまって困っています。 <style type="text/css"> <!--BODY { background:url(yuki.jpg) no-repeat fixed right bottom; background-color: #ffffff; color: #000000;}--> </style> こういった画像を入室画面だけに反映させるにはどうしたらいいでしょうか。 参考として今現在一番上のの部屋に背景画像（仮）を入れてあります。 バージョンはZoo Chat Ver:5.42m3.21aです。
- penpen0608
- お礼率94% (170/179)
- CGI
- 回答数1
- ありがとう数4
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
はじめまして、こんにちは。 先程URLよりチャットの方、拝見させて頂きました。 こちらのCGIの配布元サイト様へお伺いしてみたのですが、随分と細かい設定のCGIですね！ …と、雑談はさておきまして…。 肝心の「入室画面にだけ」表示させるといった方法ですが、設置解説からは完全に切り離す方法は載っていないように思います。 ただし、チャット内に入室した際、画像を「上部のフレームにのみ」表示する方法はあるようですよ。 該当する説明を載せておきますね。 ページでの設定：部屋毎に変更します。 「Ｃｈａｔ表紙ページ」－「管理専用（Ｃｈａｔ室・メンテナンス）」－「部屋属性の変更」を開きます。 部屋背景設定にて<BODY>タグを直接記入（第一設定）します。また、チャット部屋でのフレーム利用の場合で、上下フレームで別設定したい場合は文字「,」を追加し、更に<BODY>タグを記述（第二設定）します。第一設定の<BODY>タグはフレーム上段に適用されます。第二設定の<BODY>タグは下段に適用されます。 …とのことです。 他にも解説があるのですが、混乱されるといけないので不要な部分はカットしました。 ようするに、penpen0608さんの方法ですと、スタイルシートで全てのバックグラウンド（背景）に訴えてしまっているのでこのような現象が起こってしまうのではないでしょうか？ 該当する設定部分（ページでの設定：部屋毎に変更します。「Ｃｈａｔ表紙ページ」－「管理専用（Ｃｈａｔ室・メンテナンス）」－「部屋属性の変更」を開きます。の部分ですね）に、単純に <body background="画像ファイル名" bgcolor="お好みのカラー" text="お好みのカラー" link="お好みのカラー" alink="お好みのカラー" vlink="お好みのカラー">,<body bgcolor="お好みのカラー" text="お好みのカラー" link="お好みのカラー" alink="お好みのカラー" vlink="お好みのカラー" と言う記入をすれば、入口と上部分にのみ画像が入り、下には入らないという設定が出来るのではないでしょうか。 また、こちらのCGIを自ら直接設定した事がなく、また詳しくは調べていないためもう一つの可能性ですが、入口部分と入室後の背景とで設定場所が異なる場合は、入口部分の設定にのみ画像を入れるBODYタグ、部屋の設定には色指定のみのBODYタグを入力する事で問題回避が出来るのでは…？と思います。 見当違いな回答でしたら申し訳ありません。 もしまだ解決されていないようでしたら、一度試してみてくださいね。
関連するQ&A
- 掲示板の背景に画像を固定したのですが・・・
初めまして 検索したのですが、これといった回答が見つからず新記事立てさせて頂きました 掲示板を作成し、スタイルシートを記述する欄があったので 背景画像(○○.gif)を右下に固定しよう・・・と思ったのですが 画像が背景だけではなく、スレッドの背景にも適用されてしまったみたいです これの直し方(正しいスタイルシートの表記)について、ご助力お願いします 見よう見まねの記述なのでとりあえず全て載せてみます(スタイルシート欄に記述した全文) <STYLE type="text/css"><!-- body { scrollbar-face-color:#ffffff; scrollbar-track-color:#ffffff; scrollbar-arrow-color:#7323c4; scrollbar-3dlight-color:#7323c4; scrollbar-highlight-color:#ffffff; scrollbar-shadow-color:#7323c4; scrollbar-darkshadow-color:#ffffff; } BODY,TD,TH{ line-height:16pt; background-image : url(○○.gif); background-repeat : no-repeat; background-attachment : fixed; background-position : right bottom; } a{ text-decoration:none; cursor:s-resize; } --> </STYLE> どうぞよろしくお願いいたします
- ベストアンサー
- HTML
- グラデーション背景と画像固定背景
こんにちは。 ホームページ作成初心者の者なのですが、ページの背景をグラデーション背景の上に固定した画像背景を乗っけようと考えているのですが、グラデーション背景のタグを入れると画像背景のタグが無効になってしまいます。この二つを同時に有効にする事は不可能なのでしょうか。 ちなみにタグは <HEAD> <STYLE> <!--BODY { background-image : url(back2.gif) ; background-repeat : no-repeat ; background-position : 90% 90% ; background-attachment : fixed ;} --> </STYLE> <STYLE> <!-- body{ filter:progid:DXImageTransform.Microsoft.Gradient (startcolorstr='#68b4ff',endcolorstr='#ffffff',gradienttype='1') } --> </STYLE> （省略） </HEAD>
- ベストアンサー
- ホームページ作成ソフト
- 背景の表示が出来ません。
ただいまHPを作成中なんですが、背景が表示されなくて困っています。 右下に背景固定して使いたいのですが・・・どう頑張っても表示されません； <HTML> <HEAD> <TITLE>タイトル</TITLE> <style type="text/css"> <!-- body { background-color: #FFFFFF; background-image : url("haikei.png"); background-attachment: fixed; background-position: 100% 100%; background-repeat: no-repeat ; } --> </style> </HEAD> ココに文章 </BODY> </HTML> と言う風になってるんですが、 友人は間違ってないと言っていますが画像は表示されてないようです。 何かおかしな点とかはありますでしょうか。 自分のパソコン内(アップしないでマイコンピュータで見る)でだと普通に表示されています。 アップすると見れなくなるのです。 何故なのでしょうか (既に色々出ていたみたいですがよく解らなかったので＾＾；)
- 締切済み
- HTML
- ＣＳＳで背景にグラデーションをかけたいけどできません。
filter: progid:DXImageTransform.Microsoft.Gradient (StartColorStr=#000099, EndColorStr=#ffffff, GradientType=0) これをcssファイルのbodyのところに下記のように 付け加えたのですが反映されません。 BODY{ font-style:normal font-weight:normal font-size:small text-align:center;/ color:#000000 filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#000099, EndColorStr=#ffffff, GradientType=0) } 元は背景色と背景画像が指定してあった部分 background-color:#ffffff;/ background-image:url(./img/back.gif);/ を消してそこに入れたのですがそれは問題ないですよね？ 教えてください、お願いします。
- ベストアンサー
- CSS
- Firefoxで背景画像が表示されず困っています
サイトを作り確認してみたところ、 IEでは背景画像がきちんと表示されるのですが Firefoxでは表示されないようです。 下記のように入力しているのですが、何が原因なのかわかりません…。 詳しい方、教えていただけないでしょうか。 <!-- BODY { background-image: url(http://aaaaa.jpg); background-color: #ffffff; background-repeat: no-repeat; background-position: center bottom; background-attachment: fixed; } -->
- ベストアンサー
- HTML
- 文字の背景を・・・パート２
<span style="background-color:#FFFFFF;">文字</span> で文字の背景だけに色を付けれる方法は分かったんですけど、この背景を半透明にすることって可能ですか？
- 締切済み
- HTML
- 2つ画像を背景にするスタイルシートってある？
1つの画像をスタイルシートで背景にするのは、知ってるんですが、2つの画像を同じページに背景にはできるのでしょうか？下記は1つの画像を背景にするスタイルシートです。これのどこかをいじれば可能なのでしょうか？ <STYLE TYPE="text/css"> <!-- BODY { background-image:素材のURL; background-position:0% 100%; background-repeat:no-repeat; background-attachment:fixed; } --> </STYLE>
- 締切済み
- CSS
- ウィンドウサイズにあわせた背景画像の大きさの変更
今スタイルシートで背景を固定したページを作っています。 この固定背景をウィンドウサイズにあわせてサイズ変更したいのですが、ＨＴＭＬで可能でしょうか？ 例えば、800×600を全画面で1024×768とした時、背景に表示される画像は800×600の時のを拡大したもの、というのが理想なんですが・・・。 過去の質問も検索したのですが、検索の仕方が悪いのか、どうもいい感じにならないので・・・。 因みに、現在下記で書いてます。 -------------- <style type="text/css"> <!-- body{background:fixed url(画像) #ffffff no-repeat top left} --> </style> ----------- よろしくお願いします！
- ベストアンサー
- HTML
- 背景の2重指定 タグ
はじめまして。 背景のタグについて悩んでいまして、 一つは左上に、右下が隙間があるので、もう一つは右下に固定したいのですが、そのような事はできるでしょうか？ 今は左上だけできるのですが、右下に固定のやり方がどうしてもわかりません；； このような感じです↓ <style type="text/css"> <!-- body { background-color: #ffffff; background-image: url(http://db1.voiceblog.jp/data/bokunikudasai/1222662705.jpg); background-repeat: no-repeat; background-attachment: fixed; } --> </style> <STYLE type="text/css"> ここからできるでしょうか？ わかりにくい質問で申し訳ないのですが、教えてくださったら嬉しいです。
- 締切済み
- HTML
- ホームページビルダーＶ９での背景固定について
ホームページビルダーＶ９を使っています。 そこで、背景を固定したいのですが上手くいきません。 ソースに下のようなタグを入れても画像が表示されないんです。 どうしたら良いか教えてください。 <STYLE type="text/css"> <!-- BODY { background-color: #------; background-image : url("画像のURL"); background-attachment: fixed; background-position: 50% 50%; background-repeat: no-repeat; } --> </STYLE>
- 締切済み
- ホームページ作成ソフト
お礼
アドバイスありがとうございました。
補足
お礼が遅くなって申し訳ありません。 その後色々試した中で、 __EOF__ if ($roomno eq "部屋番号"){ print "<H2><BODY style=\"background-image:url(画像ファ イル迄のURL);\"></H2>\n"; }elsif($roomno eq "部屋番号"){ print "<H2><BODY style=\"background-image:url(画像ファ イル迄のURL);\"></H2>\n"; 以下、部屋の数だけ繰り返し }else print<<"__EOF__"; と挿入すれば良いと言うアドバイスを頂いたのですが これをやると、エラーが出てしまいます（涙） どこが違うのか、もしアドバイス頂けたら幸いです。