にゃんこ室

質問部屋5

ニフティで、スキンボードやapeboard+を設置したのですが、画像が表示されません。初心者なので、わからない部分があるのです。スキンのどこを改造すればよいでしょうか？

（多数）

どろにゃん

これは……ちょっと、考えれば、解るのでは？？

「CGIは動くが表示がおかしい」

「CGIでアイコン画像が表示されない」

などのトラブルはＨＰ作成の本で学んでいけば、自力で解決できるものにゃ。そんなコトまで「初心者なので～」とサポートに頼るのはいかがなもの？

そんな考えることを知らない脳なら、必要ないにゃ！　オバンバに食べさせるにゃ！
その脳ミソ、くれえ～ぇ！！

あいたぁ！（リオンのゲンコツが炸裂）

リオンちゃん

こら！　毎度のこと、バカみたいに騒がないの！

ニフティのCGIの設置は特殊だから、仕方がない部分があるのよ。

リオンちゃん

それで、このことを説明しますと……。

まず、ニフティは、画像を置く場所とCGIを置く場所は、一緒にできないってことは知ってますよね？

CGIファイルは/cgi-bin/の下に。
htmlやGIFファイルは/homepage/の下に。

と構成にしないといけません。

うちのスキンはimgフォルダの中に画像がはいっておりますので、
/homepage/の下にimgフォルダを作って、全ての画像をそこにいれます。

作成例↓
/homepage/img/として、その中に画像をアップ！

どろにゃん

次はうちからダウンロードしたスキンhtmlをニフティ用に修正です。

画像は、
<img src="img/nabe41.gif" width="32" height="32">
のタグで表示するもの。

ということは、「img/nabe41.gif」の中の「img」の文字を、 画像を入れた「img」フォルダの位置に合わせれば画像が表示されるってことですよね？

さあ、その部分を修正にゃ！

リオンちゃん

待って、どろちゃん！

ここで注意しなければならないことがあるの。ニフティのcgiフォルダの中では、フルパスでないと画像が表示されないのよ。

じゃないと、画像が全て×マークになってしまいます。これを回避するために、以下のような修正作業となるわ。

テキストエディタなどにある『置換』機能で
置換する文字を『img/』→置換後の文字『http://homepage?.nifty.com/****/img/』として、置換作業をしましょう。
『http://homepage?.nifty.com/****/img/』はあなたのニフティで画像を置いた場所のURLです。

スキンボードなら
『sknbrdf.htm、sbment.htm』

apeboard+なら
『apeskin.html、res_file.html』

に置換作業することになります。

img.htmは、アップする場所で違いますので自分の判断でやってくださいね。

どろにゃん

この置換の作業をするとき、必ず『img/』として『/』をいれてください。
でないと、余計な場ものを置き換えてしまいますにゃ。

そして、

スキンボード
『sknbrdf.htm』

apeboard+
『apeskin.html、res_file.html』

以上のhead部分のなかに、

window.open("./img.htm","window1","width=560,height=350,scrollbars=1");

という一文があります。