Flexible Common – Image

概要

画像とテキストのコンテンツ情報を扱う時に使用できるテンプレートになります。

使用例

​

使用方法

• 編集ページ の「Flexible Commmon」から[Add Section]から使用するテンプレートを選択して下さい。
• レイアウトの設定はローカル設定になります

テンプレート

4col ImgBox A、3col ImgBox A、2col ImgBox A、2col Img | Editor A-B、2col Editor | Img A-B

設定

1. 内容
   • Title Height：タイトルの高さ設定
   • Image/Editro Heigh：画像、コンテンツエリアの高さの設定
   • Title Col Underline Color：タイトルのアンダーライン色
   • Image/Editor Bgcolor/Boder color：テキストの背景・枠線色
   • Column Width：カラム幅(%)設定（2col Img | Editor A-B、2col Editor | Img A-B）
   • Image Fix：画像の真ん中を基準として、表示される枠のサイズ内に合わせた表示機能で異なった画像サイズを整える機能としても利用が出来ます。
2. 備考
   • Image Fixの説明は「画像の左右・コンテンツとの高さを整える」で確認して下さい。
   • カラムの幅の設定の説明は「カラムの幅を調整する」で確認して下さい。

設定内容

• Title Height：60
• Image/Editro Heigh：100
• Title Col Underline Color：#B17A5E, #DD9933, #EEEE22, #81D742
• Editor Bgcolor/Boder color：#F0E4FC, #8224E3

設定内容

• Title Height：100
• Image/Editro Heigh：320, 100
• Title Col1-4 Underline Color：#C0C0C0, #C0C0C0, #C0C0C0
• Editor Bgcolor/Boder color：#FFFFFF, #FFFFFF

設定内容

• Title Height：60
• Image/Editro Heigh：280、100
• Title Col Underline Color：#C0C0C0, #C0C0C0
• Editor Bgcolor/Boder color：#F7F7F7, #C0C0C0
• Image Fix：有効

設定内容

• Title Height：60
• Image/Editro Heigh：－
• Title Col Underline Color：#C0C0C0, #C0C0C0
• Editor Bgcolor/Boder color：#F7F7F7, #C0C0C0
• Image Bgcolor/Boder color：#F7F7F7, #C0C0C0
• Column1/2 Width：50, 50
• Image Fix：－

設定内容

• Title Height：60
• Image/Editro Heigh：280
• Title Col Underline Color：#C0C0C0, #C0C0C0
• Editor Bgcolor/Boder color：#F7F7F7, #C0C0C0
• Image Bgcolor/Boder color：#F7F7F7, #C0C0C0
• Column1/2 Width：40, 60
• Image Fix：有効 ※「2col Img | Editor A」と同じ画像を使用しています。