固有のデザイン指定方法

Evergreenスキンには固有のCSSクラスが用意されております。ここではEvergreenスキン固有のデザイン指定方法を紹介します。
お好みの装飾がありましたら、ぜひページの制作にご利用ください。

見出しブロック用のクラス名

見出しブロックに使用するクラス名です。通常の見出しブロックより少し大きく表示されます。

  • 見出しブロックを配置し、見出しを入力して下さい。
  • 高度な設定の追加CSSクラスに「vk-headding-lp」をつけると以下のように装飾されます。

ブラウザでの表示

見出しブロックよりも少し大きく表示されます

VK 見出しブロック用のクラス名

VK 見出しブロックに使用するクラス名です。中央寄せでサブテキストの左右にボーターのデザインがつきます。

  • VK 見出しブロックを配置し、見出しとサブテキストは表示にして入力して下さい。
  • 見出しスタイルは「装飾無し」、余白設定の見出しとサブテキストの余白サイズは1.5、サブテキスト設定の文字サイズは1.12としています。
    見出しの文字サイズはcssで調整してありますので空白にして下さい。
  • 高度な設定の追加CSSクラスに「vk-heading-subtext-border」をつけると以下のように装飾されます。サブテキストが英語の場合は、「vk-heading-subtext-en」のクラス名もつけると、サブテキストがrobotoのフォントに変わります。

ブラウザでの表示

VK 見出しブロック

サブテキスト

VK 見出しブロック

SUBTEXT

トップへ戻る
error: Content is protected !!