<< パーツトップに戻る
パーツ選択
★「お気に入り」は、このブラウザに簡易保存される機能です。ブラウザのデータ・履歴を消したり、別の端末・ブラウザで開いた場合は引き継がれません。確実に残したい構成は、右下の「マイテンプレ構成」→「構成を保存」でJSONファイルをダウンロードしてください。
2カラム（ui-tools-c2-1）
section内で使う2カラムボックス。
Google Mapつきアクセス（ui-tools-access1）
アスペクト比固定でGoogle Map（モノクロですがカラーにもなります）をiFrameで埋め込む。アクセス方法のアイコンは入れ替え可能。
Google Map・YouTube読み込み用（ui-tools-iframe1）
アスペクト比固定でGoogle MapをiFrameで埋め込む。YouTube動画にも。
sticky風・画像固定（ui-tools-fixed1）
セクションが終わるまで左側の画像ブロックが固定表示されます。ステップ案内などにも。
sticky風・画像固定（ui-tools-fixed2）
スクロール中、画像ブロックがフェードで入れ替わります。ステップ案内などにも。
sticky（ui-tools-sticky1）
セクションが終わるまで左側の見出しが固定表示されます。ステップ案内などに。
アイコン付き「〜〜への行き方」ブロック用（ui-tools-access2）
アイコンは入れ替え可能。
カレンダー（ui-tools-calender1）
カレンダーです。カレンダーの設定はjsで、レイアウトはcssで調整。
両サイドに画像（ui-tools-grid1）
両サイドに画像、中央にテキストと3カラムが配置されたセクション。画面幅700px以下で写真２枚が上に横並びで配置されます。
左右に画像とテキストを配置（ui-tools-access4）
テキストと画像（またはGoogle Map）を左右に並べます。画面幅700px以下で縦積み。
左右に画像を配置、中央テキスト（ui-tools-access3）
左右に写真、中央にテキスト。画面幅700px以下で、両サイドの画像がテキストの上に２列配置されます。
日本地図（ui-tools-map1）
日本地図。
汎用レイアウトセット（ui-tools-free1）
使いたいレイアウトだけ残して下さい。
画像、アイコン、テキスト（ui-tools-grid3）
画面幅700px以下で、画像と右側キャッチが上に２列並びになります。
簡易検索（ui-tools-search1）
javascriptを使った簡易検索。
選ばれる3つの理由（ui-tools-grid2）
3カラムの左に見出したついたタイプのセクション。画面幅900px以下で見出しだけ上部中央に配置され500px以下で3カラムが1カラムになります。
汎用レイアウト（ui-tools-flex1）
左にアイコン入りリスト、右は画像ブロック。画面幅700px未満で1カラムに。
汎用レイアウト（ui-tools-flex2）
右半分に画像が配置されますが、境界がグラデーションになります。画面幅700px以下で縦積みに。
汎用レイアウト（ui-tools-flex3）
画面幅700px以下でテキストブロックと画像ブロックは縦積みになります。