var	ModificationTime = '2016/07/16 18:20';
DoesNotAdd2Title = true;

if(typeof h2_ == "undefined") var h2_ = {} ;if(typeof t_ == "undefined") var t_ = {} ; function kijinai(){var elm = document.getElementById('KIZINAI');if(elm){var sn = -1 ;



//_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/	「ここから」
h2_[ ++sn ] = 'index.html パラメトリックHTMLについて'

t_[ sn ] = '

本ページのソースをご覧ください。「骨」だけです(爆笑) カウンター

' + '

 この「骨だけのパラメトリックHTML」に「CDP対応テンプレート」、そして「コンテンツと言う」の合体で「美しい青年風」「綺麗な美人風」HPと錯覚しますよね。 複数の拠点HPは「骨」だけにして、「肉」は唯一なるデーターを配信する(DNSラウンドロビン DNS round robin なら惨事に強くメンテナンス中の応答タイムアウトも無い) ・・・・・ 「夢」ではないですよ! さあ、起きてっ!(笑) 治安の悪い末端のサーバーでは「骨」だけを配信し、「肉」は日本国内と米国の安全(?)なサーバーから配信する。 末端で物理的な盗難、占領、支配、そして地震・津波・火災に遭遇し、オンライン・クラッカーに乗っ取られても ・・・・・ あらゆる惨事と言う名の野良犬には 「骨」だけをしゃぶらせておきましょうよ(笑) もちろん弱者に優しい「スタイルチェンジャー」がお好きなら、もうそれだけで「みんなのHP」として使ってやってくださいね。

' //_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/ 「ここまで」の繰り返しです。 移動する場合も「ここから」「ここまで」を一緒にね // 「ここから」「ここまで」をコメント化すれば表示を中断できます。 //_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/ 「ここから」 h2_[ ++sn ] = 'メニューについて' t_[ sn ] = '

クリックしても移動できないメニューはあります。

' + '

 「無駄だから ・・・・・ 消せば?!」と言うご意見はもっともです。 何らかの意図で「今は残しておきたい」ケースがおありなら、「クリックしても移動は叶わない」メニュー設定機能があると言うことです。 詳しくは「パラメトリックソースの調整手順」から各解説ページを参照願います。 ダウンロードして解凍した直後に存在する sample2.html と sample3.html も「同じメニュー表示」となる「1つのパラメトリックファイル」を参照していますので「クリックしても移動は叶わない」メニューはございます。

' //_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/ 「ここまで」の繰り返しです。 移動する場合も「ここから」「ここまで」を一緒にね // 「ここから」「ここまで」をコメント化すれば表示を中断できます。 //_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/ 次も「ここから」 h2_[ ++sn ] = '「着せ替え」CSSを入手しよう!' t_[ sn ] = '

入手したら、 csstemplate フォルダーの下の default フォルダーの下に、 style.css を作成するように構築しましょう。
そうすれば、このまま編集無用で利用できます。

【推奨】: alevirita

または、CDP対応の テンプレートを 配布している サイトリンク集

本ページ index.html と sample2.html では目下 「スタイルチェンジャー」が機能しています。 「着せ替えCSSの即実行」ボタンを押します。

' + 'ブラウザー用の拡張機能「 FireMobileSimulator 」で、PCの画面のままに各機種スマートフォン、各機種ガラパゴス携帯で、検討中の着せ替えテンプレートが「どの様に崩れる」かが軽症かを確認できます。' //_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/ 「ここまで」の繰り返しです。 移動する場合も「ここから」「ここまで」を一緒にね // 「ここから」「ここまで」をコメント化すれば表示を中断できます。 function dl(dt,dd){ return '
' + dt + '
' + dd + '
'; } function atag(href){ return '' + href + ' を見る。'; } h2_[ ++sn ] = '2016/06/30 09:00 スタイルチェンジャー新機能' t_[ sn ] = '

チェックボックスを追加し「記憶」をサポートします。

' + '

 人それぞれに趣味は違いますよね。 わたしの様に「目力」が衰えている人間にとって「見え易い」スタイルに積極的に切り替えたい。 「スタイルチェンジャー」で遊んでいるうちに「好み」が強いテンプレートがあれば、セレクトタグの真横にある「チェックボックス」をクリックします。 以後、再表示してもスタイルを固定化し選択を再現します。 これは訪問者が決めて、訪問者のブラウザーのみの働きでスタイルの初期値固定化を決めていきます。 ローカルストレージ機能でスタイル番号のみの保存と復元をしますので、「プライベート・タブ」や「プライベート・ウィンドー」ですとブラウザーの終了とともにローカルストレージデーターは失われます。 「着せ替えCSS開発者用に」アンケート集計機能が追加出来ればいいんですけど ・・・・・(笑) ところで sample3.html はプレーンHTMLと言えますが、 「スタイルチェンジャー」機能の蚊帳の外です。(笑) sample3.html だけは淋しいかぎりですかね ・・・・・(笑) につきまして、 sample3.html を「スタイル参照型」に昇格しました。 index.html や sample2.html で保存された「好みのスタイル」を参照だけして「好みのスタイル」で表示します。 HTMLソースをご覧くだされば機種依存文字による数字でコメントしましたが、①から⑤の5ヶ所の追加のみとなります。

'; t_[ sn ] += '2016/06/27 19:40 ※ 目下の完動確認しているのは以下の通りです。 みなさんの環境では如何ですか?!
'; t_[ sn ] += dl('iPhone3 iOS 6.1.6','Chrome 37.0.2062 で全てのオプションが機能します。 残念ながら Safari では切り替わるだけです。'); t_[ sn ] += dl('iPhone4 iOS 7.1.2','Chrome 43.0.2357 で全てのオプションが機能します。 残念ながら Safari では切り替わるだけです。'); t_[ sn ] += dl('Nexus7(2013) Android6.0.1','Chrome 51.0.2704.81 で全てのオプションが機能します。 残念ながら Firefox では切り替わるだけです。'); t_[ sn ] += dl('Win10 Pro(64) ','Chrome 51.0.2704.106 m (64-bit) で全てのオプションが機能します。'); t_[ sn ] += dl('Win10 Pro(64) ','Edge 25.10586.0.0 で全てのオプションが機能します。 残念ながら IE では切り替わるだけです。'); t_[ sn ] += dl('Win10 Pro(64) ','IE11 11.0.33 で全てのオプションが機能します。'); t_[ sn ] += dl('Win10 Pro(64) ','Comodo Dragon 50.14.22.465 (portable) で全てのオプションが機能します。'); t_[ sn ] += dl('Win10 Pro(64) ','Comodo Chromodo 50.14.22.468 (portable) で全てのオプションが機能します。 残念ながら IceDragon (FireFox) では切り替わるだけです。'); t_[ sn ] += dl('Win10 Pro(64) ','Avast SafeZone 1.48 で全てのオプションが機能します。'); t_[ sn ] += dl('1CD Puppy Linux Precise-571JP','Opera 12.16 で全てのオプションが機能します。'); t_[ sn ] += dl('SYSTEM-RESCUE-CD 4.7.2','midori 0.5.10 で全てのオプションが機能します。'); t_[ sn ] += '
'; h2_[ ++sn ] = 'パラメトリックソースを見る (UTF-8)' t_[ sn ] = '
'; t_[ sn ] += dl('共通・ヘッダー',atag('./js/header.js')); t_[ sn ] += dl('共通・メニュー',atag('./js/menu.js')); t_[ sn ] += dl('共通・フッター',atag('./js/footer.js')); t_[ sn ] += dl('本文',atag('./js/index/kijinai.js') + ' | 特殊デバッグ表示(PHP)'); t_[ sn ] += dl('外部サーバーから本文特定部への埋め込み更新','絶対パスURL: http://2017.fs4y.com / myhp / js / index / ParametricSourceAdjustmentProcedure.js を見る。
みなさんが見ている下の「パラメトリックソースの調整手順」の内容は「わたしが管理しているサーバー」から別途受信して表示しています。 正しい情報を提供できます。 但し、ブラウザーのキャッシュが消えない限り古いままですけど ・・・・・ (微笑)'); t_[ sn ] += dl('共通・履歴',atag('./js/history.js')); t_[ sn ] += dl('ベーシック関数',atag('./js/common/base.js') + ' | YUIコンプレッサー処理済み
※ 基幹関数ですので、このHP内の「./js/common/base.js」の最下段の履歴を参照願います。 特に「バグフィックス」には注意願います。 正確な最新情報を知るには、移動先で、ブラウザーのキャッシュを削除し、再表示願います。
警告 : 文中「このHP内」とありますが、ダウンロード後のみなさんのHPではありません! みなさんのダウンロードが古くなければ特にサポート問題はありません。'); t_[ sn ] += dl('2016/06/25 特殊機能',atag('./ini_.js') + '
配布用「DEMO」なのに、「スタイルチェンジャー」を機能させることにしました。 配布用「DEMO」が実際のところ、様々な着せ替えテンプレートで「美しく機能する」かを確認するのが目的です。 ところで「ダウンロード」には一切のテンプレートが無い訳です。 テンプレートが無いのに「スタイルチェンジャー」が機能するのは滑稽に違いないですよね。 そこで、 ./ini_.js の登場です。 乱暴でも「消す」と「スタイルチェンジャー」環境を読み込みませんし、機能も表示すらもしません。 「消さない場合」は、中身の変数「 DoItStyleChanger 」に「 false 」を指定願います。 変数「 DoItStyleChanger 」が「 true 」のままでも、その次の行には変数「 KeepTheStyleOne 」があり「 false 」にセットすればチェックボックスは表示しませんし再訪問時にスタイルをデフォルト以外に固定化する機能も失われます。 そして次なる行は「 iPhone の様な画面が小さい端末に対する表示を改善させる」様々な手法の数ある中の1つです。 消しても構わないです。
index.html と sample2.html は「スタイルチェンジャー」が機能するHTMLに変更しています。 以下の「パラメトリックソースの調整手順」の「スタイルチェンジャー」に詳細がありますが、 sample3.html はプレーンHTMLと言えます。 (2016/06/30 09:00 sample3.htl は「スタイルチェンジャー参照型」に機能を格上げしています。)'); t_[ sn ] += '
'; function atag2(href){ return '解説ページへ移動する'; } h2_[ ++sn ] = 'パラメトリックソースの調整手順' t_[ sn ] = '
'; t_[ sn ] += dl('ヘッダーのパラメトリック化',atag2('http://2017.fs4y.com/sampleUTF/about_HEADER.html')); t_[ sn ] += dl('メニューのパラメトリック化',atag2('http://2017.fs4y.com/sampleUTF/about_MENU.html')); t_[ sn ] += '
'; h2_[ ++sn ] = '添付している iPhone.css について' t_[ sn ] = '

本来、着せ替えCSS個別に対応しなければならないところを、最大公約数的に共通CSSとして処理しています。 スタイルチェンジャー機能によって総てのスタイルに対して、特に画面の小さな iPhone で、メニューが表示しないなど、画面レイアウトが崩れるケースもございます。 添付している iPhone.css を個別に修正すれば正常となると存じます。 技術的なご支援を是非、宜しくお願い致します。

' h2_[ ++sn ] = 'ブラウザーのキャッシュを無視して再表示?' t_[ sn ] = '

Chrome なら、 「Shift」キーを押しっ放しで、Chromeの再表示アイコン(右回転矢印)をクリック、または 「Shift」キーを押しっ放しで、「F5」キーを押します。

' function atagC(hrf,txt){ return '' + txt + ' 最下段のコメントシステム'; } h2_[ ++sn ] = '質問は?' t_[ sn ] = '

 本「DEMO」表示にはコメント受け付け機能がありません。 以下の場所で受け付けます。 それぞれに2種類のコメント統合化システムがあります。 アカウントをお持ちのシステムでどうぞ。 アカウントを作成される方は以下「MAINのコメント」移動先の「コメント」表題横の「?」画像をクリックすると日本語アシスト関連ページを表示します。
※ また「パラメトリックソースの調整手順」に関するご質問は個々の調整手順ページでお願いできたらと思います。

' + dl("ダウンロードトラブル関連:",atagC('http://goo.gl/BCqZg8','パラメトリックHTML「ダウンロード」DL & DEMO')) /* + dl("HEADER関連:",atagC('http://2017.fs4y.com/sampleUTF/about_HEADER.html','HEADERのパラメトリック')) + dl("MENU関連:",atagC('http://2017.fs4y.com/sampleUTF/about_MENU.html','MENUのパラメトリック')) + dl("FOOTER関連:",atagC('http://2017.fs4y.com/sampleUTF/about_FOOTER.html','FOOTERのパラメトリック')) */ + dl("パラメトリックHTML全般:",atagC('http://goo.gl/rBqIGv','MAINのコメント')) t_[ sn ] += '

お気軽にどうぞ (^L~)/~

' elm.innerHTML = make_KIJINAI()}} kijinai(); h2_ = {} ; t_ = {} ; AppendChildJS2013('http://2017.fs4y.com/myhp/js/index/ParametricSourceAdjustmentProcedure-min.js?touch=' + MakeNum2013()); //_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/次のCounterImg2016にはイメージ型カウンターを登録可能です。 /* var CounterImg2016 = '' + 'カウンター' + '
' */ //_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/カウンター表示が無用なら削除願います if(typeof ModificationTime != "undefined" && ModificationTime != "") ModificationTimeF(ModificationTime);