見る人にホームページをデザインしてもらう(実用版)

1/21 バグを修正しました。
Internet Explorer(5.5),Netscape4.7で動作確認済み。

Webページの体裁を見る人の好みに応じてデザインしてもらうことが出来ます。何度も訪問してくれる リピーターさんに感謝するためです。(^=^;
TOPページ(ホームページ)をこの様な仕様にしておくと興味を引くかも知れません。
デザインをどこまで変更可能にするかは凝ればキリがありませんので、ここでは背景画像と未リンクカラー、リンク済みカラー、テキストカラー、タイトルの色が換えられ、 そしてリンク先を選べる様にして見ます。今回は、僭越ながらあなたに当HPのTOPページをデザインしてもらうことにしました。

背景画像を変更するには、JavaScriptが使えそうで、IE4では document.body.background="hoge.gif" を使い、NN4ではこれが使えないので、layer で重ねる document.layers[0].background.src="hoge.gif"を使うようなことが書かれています。一応動作するまでにはなりましたが、 NN4の方は document.layers文を置く位置が制限されたりして背景画像が出るタイミングが遅くなったりで余りかんばしくありません。またブラウザごと に処理も分けなければならないのも面倒です。さてどうするものかと思案しましたが、JavaScriptの基本であるHTML書き出し機能で BODY タグを 強引に出力させることに気が付きました。しかしふと考えると JavaScript 文はヘッダーか BODY タグの下に書くのが当たり前で、 BODYタグ自体をJavaScriptで出力するには一体どこに書くのだろうと思いましたが、どう考えてもヘッダーの直後に書くしかないのでそうしたら問題なく 動作しました。(案ずるより産むが易し)

このページでは、再訪の時もそれが再現されるようにデザインの情報をHDDのクッキーに保存する実用版を作成できます。 デザインするとこのページが作成されます。URLはhttp://www.clio.ne.jp/~kuwa/yourindex.htmとなります。 当HPのあなただけのオリジナルTOPページとしてご使用ください。
背景画像にどんな画像を使用していただいても構いません。作成したデザインは作成したパソコンでしか見られません。

1.壁紙の設定
壁紙を下のいずれかのボタンをクリックして指定してください。




壁紙なし


上の壁紙を使わず、あなたのお気に入りの壁紙の場合は下のテキストBOXにその画像のURLを入力して下さい。 あなたの PC内の画像ファイルの場合は フルパス名 【例】C:\ABC\DEF.JPG( NCの場合は、file:///C|/ABC/DEF.JPG )
どこかのサーバーの画像ファイルの場合はそのURL 【例】http://www.abc.com/DEF.jpg


2.写真の設定
張り付ける写真を下のサムネイルのボタンをクリックして選んでください。(実際の表示は450の幅です)






3.行っていないリンク、行ったリンク、文字の色、タイトルの色の設定
色は光の3原色(赤、緑、青)(R、G、B)の各色を00(最小)からFF(最大)まで(16進2桁)の256段階の混合状態で指定します。#RRGGBB。 これで1600万色が指定できます。例えば、#000000は黒、#FF0000は赤、#FFFF00は黄色、#FFFFFFは白です。半角で入力のこと。 # は消さない様に。
行っていないリンクの色 行ったリンクの色 文字の色 タイトルの色

4.リンク先の選択
私のページのように雑多なページで構成されている場合、リピータはその中の興味のあるページへのリンク以外は表示されない方が 良いと考えるかもしれません。そこでどのリンク先を表示するかの選択が出来るようにしておきます。
表示するリンク先をチェックしてください。
ふるさと伊那谷 野の花たち今月の写真 What’s New
伊那地方の方言 水草水槽入門 翻訳ソフトの実力試験 道祖神を訪ねる
全部設定したら→決定ボタンをクリック!   デザインしたページを見る

戻る  ヒント集メニュー

JavaScriptのソースまでは解説できませんので興味のある方はお勉強して下さい。リンク先の追加や質問があればメールでお寄せください。