お知らせCGI フレーム(レスポンシブ) サンプルページ
|
| 更新履歴 | |
表示見本
設定・登録内容・CSSファイルの変更により、下記の様な表示が可能です。
Aタイプ
↓ デフォルト設定での表示。横幅はレスポンシブ指定。
↓ メッセージ内に画像を表示。横幅はレスポンシブ指定。
↓ 設定と外部CSSにて、デザイン変更。日付をメッセージ部へ移動し、代わりに画像を表示。
横幅は%指定。
横幅は%指定。
Bタイプ
↓ フレームサイズとタイプを変更。
横幅は固定。
横幅は固定。
↓ 設定と外部CSSにて、デザイン変更。
メッセージ内に画像を表示。横幅は固定。
メッセージ内に画像を表示。横幅は固定。
←スマホページのサンプルはこちら |
・ | WEBページ内の、インラインフレームの中のメッセージを、WEB上からリアルタイムで更新できます。 | |
・ | お知らせの表示は専用タグを貼るだけ。複数ページに表示可能 お知らせを表示させたいページのソース内に、専用タグを1つ挿入するだけでOK! 独自方式により様々な環境に対応させる事を実現。しかも複数のページのお好きな場所に簡単に設置可能。 WordPressにも対応。 文字コードはUTF-8を採用(UTF-8以外のコードで書かれたページへの表示も可能です)。 |
|
・ |
スマホ専用タグも標準装備 スマホページのソース内に貼るだけでOK。複数ページに表示可能。必要に応じてご使用下さい。 PCと同じ内容をスマホ用の書式で出力します。スマホ専用CSSファイルにてデザイン変更が可能。 |
|
・ |
レスポンシブデザイン対応 モバイルフレンドリーなページが作成可能。 ブラウザの幅が、メッセージ表示部の設定幅(pxピクセル単位)以下になると、自動的に幅100%で表示します。 その他、幅の単位を%(パーセント)で指定する事もできます。これにより、設置場所の幅指定に合わせたレスポンシブ化が行えます。 レスポンシブ化をせず、横幅固定の設定も管理画面にて行えます。 |
|
・ |
リンク先ページの表示を、別ページに表示、又は同じページに表示かを選択可能。 各メッセージにリンクを張る事が可能です。このリンク先を表示させる方法として、同じページ内に表示、又は別ページを新たに作り表示かを、メッセージ毎に指定出来ます。 |
|
・ |
詳細別小窓自動生成機能 お知らせのメッセージにWebページを直リンクさせる機能に加え、メッセージをクリックすると別小窓を立ち上げ、文章・画像を表示させることも可能です。 別小窓は、管理画面にて編集出来ます。画像・PDFファイルアップ機能付。PDFファイルはアイコンにてリンク表示。 直感的な簡易HTMLエディターにより、別小窓内及びメッセージ内に、リンク・画像・文字色等のHTMLタグを簡単に挿入可能。 |
|
・ |
リサイズ付きファイルアップロード機能 画像ファイルのアップロードは、従来のファイル指定フォームに加え、ドラッグ&ドロップでもアップが可能。複数のファイルを一度にアップする事も可能です。 一定の寸法以上の画像は、ファイル自体をリサイズ(ファイルを加工して寸法を小さく)する機能を標準装備。 ※リサイズする画像サイズの上限値は、管理画面にて設定可能。 ※この機能は、設置サーバにPerlのGDモジュールが使用可能な状態である場合のみ使用できます。 |
|
・ |
フレーム内のメッセージ・日付部分にも画像表示が可能 各メッセージ毎にアップした画像は、別小窓だけでなく、フレーム内のメッセージ部分や日付部分にも表示させる事が出来ます。 画像の表示サイズは、メッセージ用と別小窓用の2種類設定できますので、同じ画像をサイズを変えて、メッセージにも別小窓内にも表示させる事が出来ます。 日付部分の画像サイズはメッセージ用と同じになります。 |
|
・ |
「New」などのアイコン画像は管理画面より追加・変更可能 フレーム内のメッセージにアイコン画像を付ける事が出来ます(最新記事用の「New」など)。 アイコン画像は管理画面よりアップ出来ますので、簡単に追加・変更が可能です。 複数のアイコンをアップしておき、記事ごとに選択する事が出来ます。 ※アイコンの表示位置は、管理画面の「設定」にて、メッセージの前又は後ろのどちらかに設定出来ます(Aタイプのみ。Bタイプは日付後ろに固定)。 |
|
・ | メッセージの表示レイアウトは2タイプ。管理画面にて変更可能。
Aタイプ:日付をメッセージの左に表示。(幅の広い表示向き) Bタイプ:日付をメッセージの上に表示。(幅の狭い表示向き) ※スマホ専用タグは、Bタイプにて表示します。 |
|
・ | フローティングフレーム使用のため、ごく少スペースで設置可能です。 外枠のタイトル・フレーム部分はJavaScriptにより表示し、フレームの中のメッセージはCGI にて表示します。 ホームページ更新のご案内や、日毎のニュース、オーナーからのメッセージ等、文章を自由に入力・編集・削除できます。 各メッセージの毎に日付表示が出来ます。 新規メッセージの追加は、既存メッセージの最上段もしくは最下段のどちらか選べ、メッセージの順番も変更可能です。 |
|
・ | デザイン、フレームサイズは管理画面より変更出来ます。 | |
インラインフレーム外枠の横・縦のサイズをpixel単位で指定できます。 フレーム枠色やタイトル文の変更の他、フレーム内のメッセージの文字色・リンク色・サイズ・背景色・太字、文章の行間(line-height)、メッセージとメッセージの間隔 なども管理画面より変更可能。 | ||
別小窓の横・縦のサイズ指定の他、別小窓内の文章の文字色・リンク色・サイズ・背景色なども指定出来ます。
又、アップ画像表示サイズの最大値が指定出来ます(メッセージ内用と別小窓内用を別々に設定可能)。指定サイズ以上の画像は自動的に縮小表示されます。
※外部CSSファイルは、管理画面からも編集可能です。(FTP等でファイルをサーバよりダウンロードし、編集後上書きでアップする方法も可能。) 設置完了時にCSSファイルの説明書をお渡しします。 |
||
# | 管理画面のログインパスワードは、設置後管理画面より変更可能です。 (ごく一部、この機能が使えない設定のサーバがあります。その場合は手動変更となりますので、予めご承知置き下さい。) |
お知らせCGI フレーム(レスポンシブ)の 価格・ご注文方法 |
あおぞらCGI工房 > ページ更新システムCGI制作 > お知らせCGI フレーム(レスポンシブ) |
最近見たCGIプログラム | あおぞらCGI工房 | |
お試しプログラム・価格表 | ご注文orお見積り | オーダーメイドCGIプログラム お見積り | 設置・動作 環境条件 特定商取引法による表示 | サイトマップ | お問い合わせ一覧 | 実績 | あおぞらCGI工房トップページ |
©1996-
AOZORA(あおぞらCGI工房)