ダイナミックHTMLお知らせCGI (レスポンシブ) サンプル

ダイナミックHTMLお知らせCGI (レスポンシブ) サンプルページ

↑ 変更できるスペース ↑

←スマホ等でのご確認はこちら

・	このCGIプログラムを設置することにより、現在のページがアクティブな最新ページに変貌！

・	ダイナミックHTMLにより、ページアクセス時には、お知らせのタイトル部分のみを一覧表示します。読みたいタイトルをクリックすると、タイトル下にメッセージが現れます。

・	JavaScript表示により、ページ内の規定のスペースに、随時変更したいメッセージを、WEB上からリアルタイムで更新できます。

・	レスポンシブデザイン対応モバイルフレンドリーなページが作成可能。ブラウザの幅が、メッセージ表示部の設定幅(pxピクセル単位)以下になると、自動的に幅100％で表示します。その他、幅の単位を%(パーセント)で指定する事もできます。これにより、設置場所の幅指定に合わせたレスポンシブ化が行えます。 ※レスポンシブ非対応ページへの設置でも、まるで問題ありません。

・	お知らせの表示は専用タグを貼るだけ。複数ページに表示可能お知らせを表示させたいページのソース内に、専用タグを1つ挿入するだけでOK！独自方式により様々な環境に対応させる事を実現。しかも複数のページのお好きな場所に簡単に設置可能。WordPressなどのCMSにも対応。文字コードはUTF-8を採用(UTF-8以外のコードで書かれたページへの表示も可能です)。

・	フレームによる表示ではなく、全メッセージを同一ページ内に表示します。表示枠の横幅は設定値で固定。縦幅はメッセージの数により自動的に伸縮します。横幅を広く設定し、記事数を多く掲載して、お知らせだけのページにする事も出来ます。

・	メッセージの背景色・枠色の変更の他、文字の色・サイズ・太字指定なども各メッセージ毎に設定できます。表示枠の大きさも自由に変更可能です。さらに、簡易HTMLエディターにより、メッセージ中の一部分をリンク指定にしたり、部分的な色変更・太字設定などがワンクリックで行えます。HTMLタグの入力も可能。

・	CSSは、外部ファイルにて指定お知らせ表示及び詳細用別窓は、それぞれ外部ファイルにて指定していますので、レスポンシブ設定や、デザインの詳細な指定は、CSSを編集する事により可能です。管理画面より、外枠の横幅、及びメッセージとメッセージの間隔を指定できます。指定値は、CSSファイルに自動反映。横幅は、px(ピクセル)と%(パーセント)のどちらかで指定可能。px(ピクセル)指定の場合、レスポンシブ表示となります。 ※外部CSSファイルは、管理画面からも編集可能です。(FTP等でファイルをサーバよりダウンロードし、編集後上書きでアップする方法も可能。) 設置完了時にCSSファイルの説明書をお渡しします。 ※下記のサンプルは、外部CSSにて外枠に角丸と影を付けてあります。　行間、文字間隔、font-family、外枠の装飾等は設置ページのCSS設定に依存します。

・	新規メッセージの追加は、既存メッセージの最上段もしくは最下段のどちらか選べます。また、クリック一つでメッセージの順番変更も可能です。

・	外枠の横幅、及びメッセージとメッセージの間隔、詳細小窓のサイズをpixel単位で指定できます。

＃	管理画面のログインパスワードは、設置後管理画面より変更可能です。（ごく一部、この機能が使えない設定のサーバがあります。その場合は手動変更となりますので、予めご承知置き下さい。）

	最近見たCGIプログラム	あおぞらCGI工房