過去ログ NO.1100780292
□ ゆきんこ [2004年11月13日02時08分]A-Nicky v.1.11なんですが
カレンダー表示の時 表示される画像の下か上に
タイトルを表示させて一コママンガ風にして
使えたらいいなぁ〜と思っているんですが
そういう改造は可能でしょうか？
ＣＧＩは設置はもちろん出来ますが
改造は全くの素人なのでわかりません
色を変えたりフォームの場所を変えたり位は出来ます。
ＣＧＩの本も買って読んではみたものの
難しくて挫折気味です。
もしお分かりになられる方がいましたら
難易度など教えて頂けると助かります。
このＣＧＩとても気に入っているので
がんばってなんとかできたらいいなと思います。
よろしくお願いします。
□ NXer [2004年11月13日17時45分]はじめまして。NXerです。
↓このように設定可能な要素に分解して、読ませて
いただきました。
目的：
1 時 ：表示の時
2 位置 ：表示される画像の下か上に
3 内容1：タイトルを表示させて
4 内容2 :一コママンガ風にして
使えたら
3と4の関係がよく分りません。そこで
5 タイトルは、文字とする
5.1 その文字を、1コママンガ風の画像とする
つまり、文字を画像化して表示
6 タイトルは、文字としてすえぽんさんのままとする
6.1 何か別の画像を1コマ漫画風にタイトルの右又は下に表示する
つまり、画像の表示
いずれも画像を表示するものと考えます。ファイル名はmonth.jpgと
します。
263行目（付近）が挿入による変更分、262はコメント文です。
--------------------------------------関連する行（このあたり）
260 print "</style>\n</head>\n<body text=$tx_col bgcolor=white>\n<center>\n$page_title\n";
＝＝＝＝＝＝＝＝＝↑既存、↓新規画像はタイトルの下に配置
262 # monthly image below the title by NXer・・・コメント文（削除可）
263 print "<center><img src='$imgdir/month.jpg' width=150 height=100>\n";
＝＝＝＝＝＝＝＝＝＝↓既存
264 print "<form><p>\n";
--------------------------------
説明：画像の表示スクリプトを追加します。
263行で、/img/ディレクトリにあるmonth.jpgという画像ファイルを
表示します。引用記号は上のように、はじめと終わりにつけます。\nは改行。
行番号を削除し、コピーペーストして動作を試してください。
画像サイズを指定します。他の属性の指定が可能と思いますが、これは
HTMLタグをお調べください。
当方のローカルサーバーで表示した結果とその問題点：
結果：
タイトル（A-Nicky)
画像（month.jpg)
カレンダー
問題点：タイトルに画像サイズ分が加わり、全体が1画面に収まらず
スクロールしなければならないこと
改善策：画像にタイトルを書き込むなどしてタイトル分のスペースを
省く、あるいはタイトルのフォントサイズ、画像のサイズを小さくする
など。縦位置の画像は避けて、横位置を選びます。位置は中央にしました。
画像について：ディレクトリ構成
/img/
..|-各種.gif
..|-month.jpg ←転送先はここ。(gif画像でも同じことです）
月ごとにmonth.jpgを作成して、同一名で/img/ディレクトリに
転送すれば、「私だけの絵日記」という個性が主張できます。
（ウェブサイトでも、個人サイトの基本は、「見て、見て、これ
私」という自己表現です。この考えが正しければ、ぜひ個性的
な日記を創造したいというゆきんこさんの着想の実現を支援をし
てみたいと思います。足を引っ張る↓ということもありますが。）
「私の後姿」に自信があれば、まあ、それでもいいかも。
もちろん笑顔の「私」を売り込むというということも選択肢の
一つ。大切な点は、絵日記そのものがメーンです。あまり
題と1コママンガに凝ると、日記を読んでくれないかも。
そうすると、折角の笑顔は、我慢してあきらめ、ここは、愛犬の
フォトとか、月々の変化がだせる趣味の活花の写真とかはどうで
しょうか。個性満載の絵日記になりますように。
>難しくて挫折
できることから、わかることから、はじめてみてください。
10x10でもいいのですが、1を100回たしても同じ結果です。
自分でわかる、使えるperlというスクリプト言語の範囲で
cgiを楽しみましょう。
□ ゆきんこ [2004年11月13日23時19分]説明が足りませんでした。ごめんなさい。
NXerさんの方法も早速やってみました！
すごいですね〜できました。
ドットひとつ足りなくてもエラーになってしまうので
ワタシにはちょっとした改造も一苦労です。
詳しく説明しますと
日記の新規投稿フォームに「タイトル」の欄を追加して
カレンダー一覧表示の時（ＵＰした画像の縮小版と日付がカレンダーで表示されます）
日付と縮小版の間に「追加したタイトル」を表示出来ればいいなと思ってます。
この日記はですね
愛猫の写真を今日の一枚としてＵＰするのに使ってます。
根気も文才もないので、普通の日記はとてもつけられません^^;
それでカレンダー表示の時にタイトルと縮小版の画像。
クリックして原寸大の画像とコメント。
という風に出来たらいいなと思ってるんです。
がんばって１を１００回足していこうと思います＾＾
ありがとうございます。
□ NXer [2004年11月14日11時31分]>追加したタイトル」を表示
以下は画像の縮小版の下に件名（タイトル）を表示する例です。
ただし、当方の時間と能力の関係で次の条件や制限付きです。NXerです。
----------------------------------------
1、テストのために最小手数の変更にします。
2、入力フォームのURLを件名欄に使います。
3、件名はテーブル（表）のサイズから、日本語で3〜4文字以内
例、猫の眠、縁側で、野良猫、愛猫雄姿、などとします。
4、データについては一切変更しません。
5、ホームページのアイコンは表示しません。代わりに件名が表示されます。
6、文字フォントなどは設定していません。必要ならしてください。
------------------------------------------
作業 その1 件名に入力欄を変更する
入力画面の「URL」を「件名」に変えます。また、http://の表示を
しないように変更。ただし、name=urlとデータとしてはurlを使います。
□--------------------------------------------------------------
499 print "<tr><td>件名</td><td><input name=url size=40 value='$Curl'></td></tr>\n";
-----------------------------------------------------------
（欄を増やして変数を name=subjectなどとするとデータ構造が変化します。
結果、スクリプトの多くの箇所で変更が必要になります。増やすのは理想ですが
ここは、当方の能力の範囲内で出来る愚案です。）
その2 画像の下に件名を表示する
□-------------------------------------------
323 print "$obj_date<br><a href='' onClick=\"location.href='$script?data=$obj_time&",time,"';return false\"><img src='$imgdir/$img' $thumbnail border=0><br>$url</a></td>";
------------------------------------
行末を <br>$url</a></td>";
と改行とデータ内容は件名の$urlを追加。
その3 ホームページアイコンを非表示にする、件名が代わりに表示される
□-------------------------------------------------
459 # if ($url) { $url = "<a href='http://$url' target=_blank><img src='$imgdir/home.gif' $icon_size align=absmiddle border=0></a>"; }
461 # else { $url = "<img src='$imgdir/home_off.gif' $icon_size align=absmiddle>"; }
----------------------------------------------------
上の459と461行は ＃記号を行頭につけます。これでperlという
スクリプト言語では、コメント文（実行されない注釈文）になります。
以上、3点、変更後のみのスクリプトを書きました。
＝＝作業メモ＝＝
a-nicky.cgiを編集する前に
a-nickymoto.cgiと現在のスクリプトの保存版を作成してください。
次に
a-nickyv1.cgiなどど編集用に保存してください。
110 # このファイルの名前
111 $script = "a-nickyv1.cgi";
の変更も忘れないでください。サーバーに転送して試す場合も
このファイル名ですれば、元に影響しません。
その後、完成版は $scriptを元にもどして、a-nicky.cgiでも
そのまま、a-nickyv1.cgiでも運用可。
*********************データの構造など補足、さらに変更時の参考
yukinnko<>whitecat@xyz.com<>愛猫寸景<>これは件名テスト<>snapshot.gif<>192<>242<>1100392551<>admin （当方のデータから）
320 ($names,$mail,$url,$text,$img,$wid,$hei,$no,$pass)
$url（変数）の中身（値）が「愛猫寸景」であることが確認できますね。
なお、文字ですが、変「数」といいます。
******************************************************
>１００回足し
今回は、わずか、3回です。「根気」の限度内でしょう。
「文才」不要。出来上がりを、一つ、二つ、よろしければ、文で
語ってください。1日1000件を越すすえぽんサイトの訪問者で一人
でもa-nickyに興味をもたれる方がいれば、まさに、それが文才です
（愚論笑少）。
□ ゆきんこ [2004年11月15日22時35分]大感激です！！！
出来ました〜〜。
これこそ思い描いてたモノです！
本当にありがとうございました！
写真なので活字に出来ないので
2，3日中に作ったモノのＵＲＬで
書き込みします^^
ここに書き込む前に
ＵＲＬをタイトルにするとこまではよかったんですが
カレンダーに挿入が出来ずに悩みまくりました。
教えて頂いたものでいとも簡単に表示されたので
大感激とともに大変勉強になりました。
思ってるとおりに動くって
私からするとかなりの感動です^^;
□ ゆきんこ [2004年11月18日00時20分]NXerさん。
本当にありがとうございました。
これが出来上がったものです。
大満足な改造方法教えていただいて
感激です＾＾
http://cat.pinky.ne.jp/niki/ni.cgi
□ NXer [2004年11月18日21時18分]完成の報告までしていただき、恐縮です。NXerです。
すえぽんさとラウンジ利用者の皆さんのご理解をいただき
愚観を少々添えさせていただきます。お許しください。
ゆきんこさんの上記サイトを訪問させていただきました。
作品の「ダメ。」を見せていただき、不思議な「縁（えん）」
というものがあるのかな、と思いました。雷鳴、雷光のたびに
怯えた我が家の老犬、「ゆき」の思い出が突然蘇りました。
およそ100日前の姿です。ホームページには、ピンぼけの、この
犬の写真を以前掲載したことがありました。今残っているのは、
それ1葉です。
ラウンジでのご質問は、技術的には数行、あるいは1行で済む
こともあります。しかし、ゆきんこさんの完成版a-nicky
を見せていただいて、みなさんのウェブサイトにこめられて
いる想いが、当方のささやかな体験から、到底1行に収まら
ないことを痛感しました。
当方こそが、ときに勇気付けられ、また、いつも新鮮な感動を
いただいています。深謝。
この件、これにて完結させていただきます。
一定時間書込が無かったので過去ログに移りました
|
|
