賢威7にバージョンアップして多彩な装飾タグが増えたので、ホームページ作りやブログ記事の表現方法が増えました。html版のスタイルガイドのソースコードを見ながらでは大変なので、備忘録として作ってみました。まだ載せていない装飾タグもあるのですが、私自身が使いそうにないので省きました。(^^ゞ

賢威7.0ビューティー版の表示です。タグの記述方法は同じだと思いますが、コーポレート版・プリティ版・クール版ではアイコンおよび表示が変わる可能性があります。

多段カラム

4カラム

テキストが入ります。
テキストが入ります。
テキストが入ります。
テキストが入ります。
テキストが入ります。
テキストが入ります。
テキストが入ります。
テキストが入ります。
テキストが入ります。

3カラム

テキストが入ります。
テキストが入ります。
テキストが入ります。
テキストが入ります。
テキストが入ります。

2カラム

テキストが入ります。
テキストが入ります。

画像とテキストの組み合わせ

画像の上にテキストを配置

背景画像の上にテキストを配置

テキストが入りますテキストが入りますテキストが入りますテキストが入ります

テキストが入りますテキストが入りますテキストが入りますテキストが入ります

テキストが入りますテキストが入りますテキストが入りますテキストが入ります

Q&A

ここには質問文が入ります。
ここには回答文が入りますここには回答文が入りますここには回答文が入ります。
ここには回答文が入ります。
ここには回答文が入りますここには回答文が入りますここには回答文が入りますここには回答文が入ります。
ここには質問文が入ります。
ここには回答文が入りますここには回答文が入りますここには回答文が入ります。
ここには回答文が入ります。
ここには回答文が入りますここには回答文が入りますここには回答文が入りますここには回答文が入ります。

フロー図

  1. 手続きの流れに関する文章が入ります

    流れに関する詳細文章が入ります。流れに関する詳細文章が入ります。流れに関する詳細文章が入ります。流れに関する詳細文章が入ります。

  2. 手続きの流れに関する文章が入ります

    流れに関する詳細文章が入ります。流れに関する詳細文章が入ります。流れに関する詳細文章が入ります。流れに関する詳細文章が入ります。

  3. 手続きの流れに関する文章が入ります

画像の装飾

猫4

ノーマル
猫4

影付き
猫4

影付き2
猫4

囲み線(1px)
猫4

角丸
猫4

猫4

写真風

文章中の間の表現

本文がこちらに入る予定です本文がこちらに入る予定です、本文がこちらに入る予定です本文がこちらに入る予定です本文がこちらに入る予定です。
本文がこちらに入る予定です本文がこちらに入る予定です、本文がこちらに入る予定です本文がこちらに入る予定です本文がこちらに入る予定です。



本文がこちらに入る予定です本文がこちらに入る予定です、本文がこちらに入る予定です本文がこちらに入る予定です本文がこちらに入る予定です。
本文がこちらに入る予定です本文がこちらに入る予定です、本文がこちらに入る予定です本文がこちらに入る予定です本文がこちらに入る予定です。



画像ズームでの強調

本文がこちらに入る予定です本文がこちらに入る予定です本文がこちらに入る予定です本文がこちらに入る予定です本文がこちらに入る予定です
本文がこちらに入る予定です本文がこちらに入る予定です本文がこちらに入る予定です本文がこちらに入る予定です本文がこちらに入る予定です

猫

猫

猫

次回予告

次回のキャッチコピーが入ります。

次回の内容のあらすじが入ります次回の内容のあらすじが入ります次回の内容のあらすじが入ります次回の内容のあらすじが入ります次回の内容のあらすじが入ります次回の内容のあらすじが入ります。
次回の内容のあらすじが入ります次回の内容のあらすじが入ります次回の内容のあらすじが入ります次回の内容のあらすじが入ります。

次回、サイトタイトル
「次回のタイトルが入ります」

動画等の埋め込み

Youtube

埋め込みGoogleフォーム

お客様の声

写真左

お客様1

ご職業:ネットショップ制作 ご購入年:2013年

ここにお客様のご感想が入りますここにお客様のご感想が入りますここにお客様のご感想が入りますここにお客様のご感想が入りますここにお客様のご感想が入ります。
ここにお客様のご感想が入りますここにお客様のご感想が入りますここにお客様のご感想が入りますここにお客様のご感想が入りますここにお客様のご感想が入りますここにお客様のご感想が入ります。

写真右

お客様2

ご職業:ネットショップ制作 ご購入年:2013年

ここにお客様のご感想が入りますここにお客様のご感想が入りますここにお客様のご感想が入りますここにお客様のご感想が入りますここにお客様のご感想が入ります。
ここにお客様のご感想が入りますここにお客様のご感想が入りますここにお客様のご感想が入りますここにお客様のご感想が入りますここにお客様のご感想が入りますここにお客様のご感想が入ります。

吹き出し右向き

登場人物3登場人物3

ここにお客様のご感想が入りますここにお客様のご感想が入りますここにお客様のご感想が入りますここにお客様のご感想が入りますここにお客様のご感想が入ります。
ここにお客様のご感想が入りますここにお客様のご感想が入りますここにお客様のご感想が入りますここにお客様のご感想が入りますここにお客様のご感想が入りますここにお客様のご感想が入りますここにお客様のご感想が入ります。
ここにお客様のご感想が入りますここにお客様のご感想が入ります

ご職業:ネットショップ制作 ご購入年:2013年

吹き出し左向き

登場人物4登場人物4

ここにお客様のご感想が入りますここにお客様のご感想が入りますここにお客様のご感想が入りますここにお客様のご感想が入りますここにお客様のご感想が入ります。
ここにお客様のご感想が入りますここにお客様のご感想が入りますここにお客様のご感想が入りますここにお客様のご感想が入りますここにお客様のご感想が入りますここにお客様のご感想が入りますここにお客様のご感想が入ります。
ここにお客様のご感想が入りますここにお客様のご感想が入ります

ご職業:ネットショップ制作 ご購入年:2013年