Flexible Common – Button

概要

リンクをボタンとして視覚的にレイアウトを付加することで通常のリンク以上に特別な視覚効果を促すことが出来ます。

4個までのボタンを設定することが出来ます。

使用例

使用方法

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

テンプレート

2col Editor | Button A

設定

1.  内容
   • Number of Button：有効にするボタンの数
   • Title Height：タイトルの高さ設定
   •  Contents Heigh：コンテンツエリアの高さ設定
   • Title Col Underline Color：タイトルのアンダーライン色
   • Editor Bgcolor/Boder color：テキストの背景・枠線色
   • Button Section Bgcolor/Boder color：ボタンエリアの背景・枠線色
   • Button Bgcolor/Boder color：ボタンの背景・枠線色
   • Button Link Text/Hover Color：リストリンクテキスト/マウスオーバー色

設定内容

• Number of Button：4
• Title Height：6
•  Contents Heigh：300
• Title Col Underline Color：#1E73BE
• Editor Bgcolor/Boder color：#FFFFFF, #FFFFFF
• Button Section Bgcolor/Boder color：#FFFFFF, #FFFFFF
• Button Bgcolor/Boder color：#FFFFFF, #C0C0C0
• Button Link Text/Hover Color：#001E62, #001E62
• Column1/2 Width：60：40