• 締切済み

掲示板などのCGIにおけるスタイルシートの記述方法

IE5.5からは、スクロールバーの色も変更できるようになりましたよね。 それで、ぜひ掲示板等のCGIもバーの色を変更したいのですが、記述方法がわかりません。 HTMLの方は・・・  body {    scrollbar-3dlight-color:#79A2C6;    scrollbar-arrow-color:#79A2C6;    scrollbar-base-color:#E1EAF2;    scrollbar-darkshadow-color:#ffffff;    scrollbar-face-color:#E1EAF2;    scrollbar-highlight-color:#ffffff;    scrollbar-shadow-color:#79A2C6   } と、こんな感じで書いてるんですが、これをCGIのスクリプトの中に記述する場合、どのように変更すればいいのでしょうか・・・。 上記のソースをそのままスクリプトの中の該当個所にコピペしたらエラーが出てしまいました。 CGIに関しては、初心者というわけではありませんが配付されている物を借りてきてちょっといじれる程度です。 いろいろ自分でも調べては見たんですがまったく方法がわからずだるまさん状態(手も足も出ない)なので、わかる方、いらっしゃいましたら教えて頂けないでしょうか・・・。 宜しくお願い致します。

  • CGI
  • 回答数5
  • ありがとう数3

みんなの回答

  • kazu-kun
  • ベストアンサー率31% (72/232)
回答No.5

Perlのエラーなら、サーバーのほうにエラーログが出ている可能性がありますが、チェックしてみましたか?(プロバイダの設定によります。)

  • inoue64
  • ベストアンサー率29% (334/1115)
回答No.4

・最初の行の、 #!/nantoka/perl の部分を ホームページサービスから指定されたPerlのパスに設定しましたか? ・CGIとデータファイルの属性(パーミッション)を設定しましたか?

参考URL:
http://tohoho.wakusei.ne.jp/wwwcgi.htm
  • callhiro
  • ベストアンサー率35% (54/152)
回答No.3

(1)$style = <<"HTML"; でも動きますのでそれが直接の原因ではないと思います。 (2)とりあえず、「-->と</style>の間の行」ではなく「-->よりも前(<!--よりは後ね)」に書いてください。     →これはただのhtmlの話なのでCGIエラーになるとは思えないので解決にならない気がしますが。 (3)あとはAsciiモードで送信してるかどうか確認してください。     →コピペする前は動いてましたか? 以上です。

MARURI
質問者

補足

おはようございます。 朝早くに回答ありがとうございます。 (2)ANo.#1での補足で私が書き間違っていました。 ソースを入れたのは、hr {color : $hr}と-->の間です。 $style = <<HTML; <style type="text/css"> <!-- body,td {color : $text_color; font-size : 13px; } a:link {color : $link_color; text-decoration : none; } a:visited {color : $vlink_color; text-decoration : none; } a:active {color : $alink_color; text-decoration : none; } a:hover {color : $alink_color; text-decoration : underline overline blink; background-color : $table_border} input,textarea { border-left:1px solid $input_border; border-right:1px solid $input_border; border-top:1px solid $input_border; border-bottom:1px solid $input_border; background-color : #ffffff; color : $input_color; } .button {border-left:1px double $input_border; border-right:1px double $input_border; border-top:1px double $input_border; border-bottom:1px double $input_border; background-color : $input_border; color : #999999; } hr {color : $hr}  body {    scrollbar-3dlight-color:#79A2C6;    scrollbar-arrow-color:#79A2C6;    scrollbar-base-color:#E1EAF2;    scrollbar-darkshadow-color:#ffffff;    scrollbar-face-color:#E1EAF2;    scrollbar-highlight-color:#ffffff;    scrollbar-shadow-color:#79A2C6   } --> </style> HTML こんな感じの記述で間違ってないでしょうか。 (3)ファイルのアップロードはFFFTPを使っています。 いつもは「ファイル名で転送モード切替」なんですが、念の為アスキーモードにして転送してみたんですが、やっぱり動きませんでした。 スクロールバーの設定部分をコピペする前は正常に動いてました。 だからやっぱりこの部分の記述方法に問題がある、ということですよねぇ。 うむむ・・・。 知りもせんくせに無謀なことに挑戦してしまった私がいけないんでしょうか・・・。(泣)

  • duckling
  • ベストアンサー率47% (88/185)
回答No.2

誤 $style = <<"HTML"; 正 $style = <<HTML; ↑クォートは要りません。

MARURI
質問者

お礼

おはようございます。 早い時間に回答ありがとうございます。 言われたとおりに直してみたんですが、やっぱりエラー・・・。(>_<) CGIの作者の方に聞くのが一番早い道なんでしょうか。

  • callhiro
  • ベストアンサー率35% (54/152)
回答No.1

CGIでブラウザにhtmlを出力する方法は、 通常のhtmlであれJavaScriptであれスタイルシートであれ、 何も方法は変わりません。 ただ単にprint文で出力するだけです。 「コピペ」という言葉がエラーの原因に思えますが、 そのままコピペっていったいどこにコピペしたんですか? print文の全くないところにコピペしたんですか? 通常htmlを出力する際は、一文一文 print"html出力したい文字"; の様に記述するのが普通なので、ご質問のスタイルシートも一行ごとに print "body{\n" の様に書いていかなければなりません。 もっと楽な方法としては、 print <<"HTML"; body {    scrollbar-3dlight-color:#79A2C6;    scrollbar-arrow-color:#79A2C6;    scrollbar-base-color:#E1EAF2;    scrollbar-darkshadow-color:#ffffff;    scrollbar-face-color:#E1EAF2;    scrollbar-highlight-color:#ffffff;    scrollbar-shadow-color:#79A2C6   } HTML としてやれば大丈夫です。 適切な箇所にこの文を書けばちゃんと有効になるはずだと思います。

MARURI
質問者

補足

回答ありがとうございます。 今回、私が使おうと思ってDLしてきた掲示板用のCGIは、もともとリンクの設定やらテキストエリアの枠の設定やらでスタイルシートが使われていたのです。 だからスクリプトの中に $style = <<"HTML"; <style type="text/css"> <!-- body,td {color : $text_color; font-size : 13px; } a:link {color : $link_color; text-decoration : none; } a:visited {color : $vlink_color; text-decoration : none; } a:active {color : $alink_color; text-decoration : none; } a:hover {color : $alink_color; text-decoration : underline overline blink; background-color : $table_border} input,textarea { border-left:1px solid $input_border; border-right:1px solid $input_border; border-top:1px solid $input_border; border-bottom:1px solid $input_border; background-color : #ffffff; color : $input_color; } .button {border-left:1px double $input_border; border-right:1px double $input_border; border-top:1px double $input_border; border-bottom:1px double $input_border; background-color : $input_border; color : #999999; } hr {color : $hr} --> </style> HTML こんな感じでスタイルシートの設定がされていたので、-->と</style>の間の行に、質問欄に書いたソースを入れてみたんですが、エラーが出てしまいました。 何が間違っているんでしょうか・・・。

関連するQ&A

  • スクロールバーのスタイルシートについて。

    スクロールバーの色を変えるスタイルシートで質問です。 下記スタイルシートを使うとそれが出来るのですが、たとえば HPをフレームで2つに分けた場合、全部のページにスタイルシートを 書かなければいけないんでしょうか?一番最初のページだけではうまく いきませんでした。分かる方お手数ですが教えて頂けないでしょうか。 <style type="text/css"> body { scrollbar-face-color: #ffffff; scrollbar-highlight-color: #330066; scrollbar-shadow-color: #330066; scrollbar-3dlight-color: #ffffff; scrollbar-arrow-color: orange; scrollbar-track-color: #ffffff; scrollbar-darkshadow-color: #ffffff; } </style>

    • ベストアンサー
    • HTML
  • スタイルシートのスクロールバー

    現在HPを作成しています。 スタイルシートでスクロールバーの色を変更させたいのですが、出来ません。 何処かおかしいでしょうか? 宜しくお願いします。 <style type=text/css> <!-- body{ scrollbar-face-color:#fba32b; scrollbar-highlight-color:white; scrollbar-shadow-color:white; scrollbar-3dlight-color:white; scrollbar-arrow-color:#fba32b; scrollbar-track-color:white; scrollbar-darkshadow-color:white; } --> </STYLE>

  • TEXTAREAのスクロールバーの色は変えない方法

    次のようにすると、TEXTAREAのスクロールバーも色が変わってしまいます。 ブラウザのスクロールバーのみ変えて、TEXTAREAのスクロールバーの色は変えない、できるだけ洗練されたエクセレントな方法を教えて下さい! body { scrollbar-highlight-color:#ffffff; scrollbar-arrow-color:#ffffff; scrollbar-3dlight-color:#0066ff; scrollbar-base-color:#0066ff; scrollbar-face-color:#0066ff; scrollbar-shadow-color:#0066ff; scrollbar-darkshadow-color:#299095; }

    • ベストアンサー
    • CSS
  • スタイルシートのリンクについて

    スタイルシートを下記の様に記述しました。 そこでリンクの部分なのですが ポインタが上にのった時にff6666になるようにしているのですが、 ff9900のままなのです。 通常はffcc00 既読はff9900 ポインタ上にのった時にff6666 クリックした時にff0000としたいのです。 どなたかお教え下さい。 <style type="text/css"> <!-- BODY { SCROLLBAR-FACE-COLOR: #ffffff; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; SCROLLBAR-SHADOW-COLOR: #ffcc00; SCROLLBAR-ARROW-COLOR: #ffcc00; SCROLLBAR-BASE-COLOR: #ffffff; SCROLLBAR-DARKSHADOW-COLOR : #ffffff; SCROLLBAR-3DLIGHT-COLOR : #ffcc00} body,tr,td {font-size: 9pt;} body,tr,td {color: #ffcc00;} a {text-decoration: none;} a:link {color: #ffcc00;} a:hover {text-decoration: underline;} a:hover {color: #ff6666;} a:active {color: #ff0000;} a:visited {color: #ff9900;} body { background-repeat: no-repeat; background-position: 100% 100%; background-attachment: fixed;} --> </style>

    • ベストアンサー
    • CSS
  • スタイルシート・・・この記述は正しいですか?

    メモ帳で(苦笑)HPを作っています。いままではテーブルなどのほんとに簡単なタグしか使っていなかったのですが、そろそろサイトデザインを変えたいな~と思って、スタイルシートに挑戦してみることにしました。マウスをオンにしたときリンクの背景色が変わるとか、スクロールバーの色を変えるとか、見た目は思った通りに表示できているのですが(ブラウザIE6.0/NN6.02です)、本やいろんなサイトさんのソースを参考に打ってるだけなので、本当にこれで合っているのか不安です。お時間のある方アドバイスなど頂けたらと思います。よろしくお願いします。 <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <meta name="robots" content="index,nofollow"> <style type="text/css"> <!-- body { background-color:#; scrollbar-face-color: #; scrollbar highlight-color: #; scrollbar-shadow-color: #; scrollbar-3dlight-color: #; scrollbar-arrow-color: #; scrollbar-track-color: #; scrollbar-darkshadow-color: # } a{text-decoration:none} a:link {color:#;background-color:#;} a:visited {color:#;background-color:#;} a:hover {color:#;background-color:#;} --> </style> </head> <body> </body> </html>

    • ベストアンサー
    • HTML
  • 横スクロールバーを表示したい

    スクロールバーの色を変更するために下記のタグを埋め込んだ所、 今まで表示されていた横スクロールバーが消えてしまいました。 横スクロールさせないと見えない部分があるので、ぜひ表示させたいです。 どうか教えてください! Win98se・IE6 HPビルダーでどこでも配置モードを利用しています。 <STYLE type="text/css"><!--body {scrollbar-face-color:#ffffff; scrollbar-track-color:#ffffff; scrollbar-arrow-color:#C0C0C0; scrollbar-highlight-color:#808080; scrollbar-shadow-color:#C0C0C0; scrollbar-3dlight-color:#ffffff; scrollbar-darkshadow-color:#ffffff; overflow-x : hidden ;} --> </STYLE>

    • ベストアンサー
    • HTML
  • ココログのスクロールバー

    「ココログ」を使っています。 カスタム編集にした時、CSSをつかって スクロールバーの色を変えたいのですが、上手く反映されず通常のままです。 (ちなみにオンマウスの設定など、他のCSSは反映されています) 何か間違っているでしょうか? それとも「ココログ」ではスクロールバーの変更は対応してないのでしょうか? ----------------------------------------------- <STYLE type=text/css> <!-- BODY{ scrollbar-face-color: #ffffff; scrollbar-highlight-color: #ffffff; scrollbar-shadow-color: #000000; scrollbar-3dlight-color: #000000; scrollbar-arrow-color: #000000; scrollbar-track-color: #ffffff; scrollbar-darkshadow-color: #ffffff; } --> </STYLE> -----------------------------------------------

  • FC2のプラグインを左詰めにしたい

    <div style="height:150px; overflow:auto; border:1px solid #000000; background-color:#FFFFFF; color:#000000; padding:3px; scrollbar-3dlight-color:#FFFFFF; scrollbar-arrow-color:#000000; scrollbar-darkshadow-color:#FFFFFF; scrollbar-face-color:#FFFFFF; scrollbar-highlight-color:#000000; scrollbar-shadow-color:#000000; scrollbar-track-color:#FFFFFF;">*ここにテキストや画像を入れて下さい。BOXの高さを超えないとスクロールバーは表示されません。またお洒落すクロースバーはIEのみです。*</div> 上記のプラグイン(スクロールバー付のBOX)を導入したいのですが、 表示がセンター表示になってしまうのですが、 これを左詰表示にしたいのですが、 タグをどう変更すればよいのか教えてくださいm(__)m。

  • スタイルシートについて。

    今回初めてホームページを開設したのですが、スタイルシートについてわからないことがあるので質問させてください。 別ファイルに記述して宣言をし、ファイルを参照してサイト全体に適用させるスタイル宣言の方法を試してみたのですが、その宣言をしたページのみ適用され他のページは変化がありませんでした。 スタイルを宣言したページはインデックスです。 <link rel="stylesheet" type="text/css" href="style/ber.css"> と<head></head>の間に記入。 別ファイルには、 <!-- body { scrollbar-base-color: #4169e1; scrollbar-arrow-color: #000080; scrollbar-darkshadow-color: #4682B4; scrollbar-face-color: #6495ED; scrollbar-highlight-color: #87CEED; scrollbar-shadow-color: #AFEEEE; scrollbar-3dlight-color: #6495ED; scrollbar-track-color: #87CEED; } --> と記入しました。 なにがおかしいのか教えてください。お願いします。

  • テキストボックス

    テキストボックスを作成したのですが、更新用にしたいので文字を打てないようにしたいのですが、苦難しています。 どなたか、教えてください。 <head> <style type="text/css"> <!-- body { scrollbar-arrow-color:#000000; scrollbar-face-color:#90eeaa; scrollbar-highlight-color:#ffffff; scrollbar-3dlight-color:#000000; scrollbar-track-color:#ffffff; scrollbar-shadow-color:#000000; scrollbar-darkshadow-color:#ffffff; } textarea { scrollbar-arrow-color:transparent; scrollbar-face-color:transparent; scrollbar-highlight-color:transparent; scrollbar-3dlight-color:transparent; scrollbar-track-color:transparent; scrollbar-shadow-color:transparent; scrollbar-darkshadow-color:transparent; } --> </style></head> <body> <FORM> <TEXTAREA rows="3" cols="70">

    • ベストアンサー
    • HTML

専門家に質問してみよう