nicky! + mobile upper を、このカスタマイズ状態で使いたい?


〜日記CGI nicky! カスタムのヒント〜 カスタムデータ[ピンナップメモ]←便宜上のスキン名

とりあえず、まったく同じ状態で使えるようにする為に。
上から順に実行してって下さい。

■CGIをダウンロードして設置する
nicky!(画像アップロード/お絵描きアプレット対応日記CGI本体) +
mobile upper(携帯から画像添付メールを受け取って投稿するオプションプラグイン) +
list for nicky!(画像一覧他を付加するオプションプラグイン)

■素材画像をダウンロードする
この素材を使う場合は、フッタで素材サイトへ必ずリンクしてください。
下に書いてあるフッタをそのままコピペすれば済みます。


Line301

・・・・・LINE - ドット系 Feather【line_feather-s04.gif】
・・・・・icon - P3 [new&up/ガラス風]【Clear_0_gray.gif】
・・・・・OTHER - P2 テーブル #01/メモ【table_01.zip】

IMAGE

・・・・・background - dot:01【dt01-01.gif】

■CGIを入れたディレクトリの下に[img]ディレクトリを作ってそこに画像を入れる。

■nicky!の初期設定
上のリンクの初期設定を参考に、以下だけ必須。
日記本文にまつわる設定→画像表示サイズのデフォルト→120 有効
日記のタイトルにまつわる設定→日記タイトルの先頭に付加する文字↓(

最新版を出力させるHTMLファイルネーム→index.html

■nicky!のヘッダ・フッタ
たくさんあって面倒なのでここから全部そのまんまコピペしてください。
もちろんURLなど適宜変更するのを忘れずに。
ヘッダの中の携帯へURLと投稿先アドレスを転送という説明のpinup_mailsc.htmも必要なら作る。
要らないなら該当個所を消す。
どうして別ファイルにしているかというと、cgiからのmailtoで日本語が化けてうまく行かないからです。
この説明文はRAKUGAの、もとさんのものを参考にしました。勝手に御免(^_^;)。

■nicky!のユーザーカスタマイズモード(日記本文エリア)
http://設置したURL/nicky.cgi?UserCustomで呼び出し。
たくさんあって面倒なのでここから全部そのまんまコピペしてください。
特に変更箇所などは無いはず。

■nicky!のユーザーカスタマイズコメント(日記レスコメントエリア)
http://設置したURL/nicky.cgi?UserCustomCで呼び出し。
たくさんあって面倒なのでここから全部そのまんまコピペしてください。
特に変更箇所などは無いはず。

■以上で出来上がり、のはずです。

後記
・注意→横幅はこの大きさで固定です。PCから直に大きな画像投稿時に、画像fitのチェックボックスを外すと表示が乱れます。
・注意→連続した半角文字がテーブル枠以上続くと表示が乱れます。具体的には半角65文字程度で改行するといい感じ。全角の場合は長くても問題ありません。このへんはブラウザの解釈のせいらしいです。
作ってる時は気が付かなかったのですが、素材のテーブル画像の分割状態の関係でこうなってます(^_^;)。
サンプル通り書き込み欄に注意を促すか、nickyのCGIそのものから本文のTEXTAREA を探しだし、<TEXTAREA wrap="hard">〜</TEXTAREA>に改造かつ、入力エリアを狭めるとかして下さい(この場合も、メールで連続した半角文字の投稿には対処できません)。
こんな書き込みがあった時は管理人が地味に手作業で改行してやる方が簡単です(^_^;)。
・このデザインはsugarplumのこまちさん作成カスタマイズデータをベースに作りました。感謝。
・ステキな素材サイトさんにも感謝。イマドキは自分でヘタレ素材を用意するよかよっぽどステキになります。色違いなどもあるので、違う色にしてみるとか、頑張って自作するのも一興。
・作者の私は実はスタイルシートはまるでわかってません(^_^;)。
こうした方が美しいとかスマートだよとかいう部分がソースに多々あると思いますが、そういった感想、及びうまく動かないだのズレるだのといった苦情・質問は一切受け付けません。
(恥を忍んで)公開してあるだけラッキーと思ってて下さい。

スタイルシートやっつけ勉強参考リンク
Dymamic HTML Styling
HTMLクイックリファレンス
とほほのスタイルシート入門

CGIの不具合はCGI作者へ(必ずしもレスポンスがあるとは限りません)→nicky!履歴
・改造、アレンジご自由にどうぞ。
でも、このソースから改造するくらいなら、まっさらの状態からやった方がいいと思う…。
著作権表示も特に要りません。消しても良し。ただし素材サイトから貰って使ってる画像の著作リンクは消しちゃダメ。

RINDA's Ring Ring Mix!