>  デザインサンプル

デザインサンプル

※以下、エディタでCSS作成済のデザインです。他に欲しいものがある場合は、Google管理に記載お願いします。

見出し1 H1

見出し2 H2

見出し3 H3

見出し4 H4

見出し5 H5
見出し6 H6 ←使用しない!

 


 

テンプレート「テーブル1」

項目 説明
○○○  

 

テンプレート「テーブル2」

項目1 あいうえお
項目2  

 

テンプレート「囲み線01」テキスト

サンプルテキスト

 

テンプレート「囲み線02」画像

画像を挿入

 

テンプレート「ポイント」div

便利操作や機能など入力

 

テンプレート「チェック」div

チェック内容を入力

 

テンプレート「注意事項」div

データが上書きされるなど、超注意する内容を入力

 

左右レイアウト(div flex 枠線無し)

左側(幅固定:300px)
あああああああああああああああああああああああああああああああああ。
右側(幅可変)
ああああああああああああああああああああああああああああああああああああああああああああああああああああ。

 

ページ下 次ページ用(左右レイアウト div flex)

 


 

ボタンやアイコンなど(下記もテンプレート化済)

●●画面の新規登録ボタンをクリック btn_add

●●画面の登録ボタンをクリック btn_entry

●●画面の参照ボタンをクリック btn_base subbtn_mini ← 次回から下を使用してください!

●●画面の参照ボタンをクリック btn_ref

●●画面のDLボタンをクリック btn_download

●●画面の検索ボタンをクリック btn_search

●●画面のクリアボタンをクリック btn_clear

●●画面のキャンセルボタンをクリック btn_cancel

●●画面のボタンボタンをクリック btn_gray

●●画面のボタンボタンをクリック btn_gray_mini

●●画面の登録ボタンをクリック btn_system(システム標準ボタン)

●●画面の アイコンをクリック ico_edit 編集

●●画面の アイコンをクリック ico_ref 参照

●●画面の アイコンをクリック ico_del 削除

 

全体説明、参照、帳票、例 を記載するとき

ページ上部に「概要説明」を記載します。

 

 

帳票名を入力

 

例を入力。