NOVA

NOVAの装飾一覧

NOVAで使用できる装飾一覧です。すべての装飾は画像を使わずにCSSとアイコンフォントで再デザインされました。


このページの目次

見出しとリストなど

見出し

見出し1

見出し2

見出し3

見出し4

見出し5
見出し6

 

リスト

  • これはリストです。
  • これはリストです。
  • これはリストです。

 

数字付きリスト

  1. これは数字付きリストです。
  2. これは数字付きリストです。
  3. これは数字付きリストです。

 

引用文

これは引用文です。

 

蛍光ペン

これは蛍光ペンです。
これは蛍光ペン(イエロー)です。
これは蛍光ペン(ピンク)です。
これは蛍光ペン(レッド)です。
これは蛍光ペン(ブルー)です。
これは蛍光ペン(グリーン)です。
これは蛍光ペン(シアン)です。
これは蛍光ペン(オレンジ)です。
これは蛍光ペン(グレー)です。
これは蛍光ペン(イエロー)です。
これは蛍光ペン(ピンク)です
これは蛍光ペン(レッド)です。
これは蛍光ペン(ブルー)です。
これは蛍光ペン(グリーン)です。
これは蛍光ペン(シアン)です。
これは蛍光ペン(オレンジ)です。
これは蛍光ペン(グレー)です。

 

レイアウト枠

レイアウト枠左列です。

レイアウト枠右列です。

ボックス

通常枠

ここにテキストが表示されます。

 

通常枠(灰色背景)

ここにテキストが表示されます。

 

点線枠

ここにテキストが表示されます。

 

点線枠(灰色背景)

ここにテキストが表示されます。

 

灰色背景

ここにテキストが表示されます。

 

黄色背景

ここにテキストが表示されます。

 

角丸枠1(灰色線+灰色背景)

ここにテキストが表示されます。

 

角丸枠2( オレンジ太線)

ここにテキストが表示されます。

 

角丸枠3(シャドウ枠)

ここにテキストが表示されます。

 

角丸枠4(灰色背景)

ここにテキストが表示されます。

 

角丸枠5(灰色線+灰色背景+シャドウ)

ここにテキストが表示されます。

 

画像付きボックス

警告

ここにテキストが表示されます。

 

承認

ここにテキストが表示されます。

 

注意

ここにテキストが表示されます。

 

ヒント

ここにテキストが表示されます。

 

警告(画像なし)

ここにテキストが表示されます。

 

承認(画像なし)

ここにテキストが表示されます。

 

注意(画像なし)

ここにテキストが表示されます。

 

ヒント(画像なし)

ここにテキストが表示されます。

 

口コミ(男性)

ここにテキストが表示されます。

 

口コミ(女性)

ここにテキストが表示されます。

 

口コミ(画像なし)

ここにテキストが表示されます。

 

画像を使った口コミ

画像を使った口コミも作れます。

 

画像を回り込みさせて、ボックスは好きなデザインを使用。

 

FAQ(デザイン1)

ここに質問が表示されます。

ここに回答が表示されます。

 

FAQ(デザイン2)

ここに質問が表示されます。

ここに回答が表示されます。

吹き出し

追加クラスを使用して名前を表示できます。

 

 

名前

 

ここにテキストが表示されます。


 

名前

 

ここにテキストが表示されます。


 

吹き出し1(灰色線・灰色背景)

 

ここにテキストが表示されます。


 

吹き出し2(灰色線・白背景)

 

ここにテキストが表示されます。


 

吹き出し3(灰色背景)

 

ここにテキストが表示されます。


 

吹き出し4(青色線・青色背景)

 

ここにテキストが表示されます。


 

吹き出し5(赤色線・赤色背景)

 

ここにテキストが表示されます。


 

吹き出し6(赤色太線)

 

ここにテキストが表示されます。


 

吹き出し7(青色太線)

 

ここにテキストが表示されます。


 

吹き出し8(オレンジ色太線)

 

ここにテキストが表示されます。


 

吹き出し9(緑色太線)

 

ここにテキストが表示されます。


 

吹き出し方向

左向き

 

ここにテキストが表示されます。


 

右向き

 

ここにテキストが表示されます。


 

上向き

 

ここにテキストが表示されます。


 

下向き

ここにテキストが表示されます。

 


 

吹き出し(幅自動)

 

ここにテキストが表示されます。ここにテキストが表示されます。ここにテキストが表示されます。


 

 

ここにテキストが表示されます。


 

吹き出し(高さ調整)

 

吹き出しの上に余白を追加。


 

角丸

 

ここにテキストが表示されます。


 

画像を円で表示

 

ここにテキストが表示されます。


 

 

ここにテキストが表示されます。


 

フォントサイズ変更

 

ここにテキストが表示されます。


 

画像の横幅の最大値

NOVAでは「左向き」と「右向き」の画像の幅が固定されていますので、「左向き」と「右向き」でこの機能は無効です。

 

「上向き」で幅50pxを指定した場合

 

ここにテキストが表示されます。


 

吹き出しの縦幅上限

デザインの問題で吹き出しの三角は表示されません。

 

 

ここにテキストが表示されます。ここにテキストが表示されます。ここにテキストが表示されます。


ポイントと矢印

ポイント

デフォルトのポイント

ここにテキストが表示されます。

 

ポイント1

ここにテキストが表示されます。

 

ポイント2

ここにテキストが表示されます。

 

ポイント3

ここにテキストが表示されます。

 

ポイント30

ポイント30まで使用できます。<div class="point30">のように変更してください。

 

矢印(オレンジ)

オレンジはグリーンチェックになりました。

矢印(ブラック)

ブラックは矢印のままです。

矢印(ブルー)

ブルーはスクエアになりました。

矢印(レッド)

レッドはバツになりました。

ランキングとランキングテーブル

ランキング

ランキング1位

ここにテキストが表示されます。

 

ランキング2位

ここにテキストが表示されます。

 

ランキング3位

ここにテキストが表示されます。

 

ランキング30位

ランキング30位まで使用できます。<div class="rank30">のように変更してください。

 

サイドメニューで表示した場合

 

ランキングテーブル

NOVAテンプレートの特徴

ここに説明文1が表示されます。ここに説明文1が表示されます。ここに説明文1が表示されます。ここに説明文1が表示されます。ここに説明文1が表示されます。ここに説明文1が表示されます。ここに説明文1が表示されます。ここに説明文1が表示されます。

価格 999
評価 評価5
備考 備考
フリー項目 フリー項目1
フリー項目 フリー項目2
フリー項目 フリー項目3
フリー項目 フリー項目4
フリー項目 フリー項目5
フリー項目 フリー項目6
NOVAテンプレートの総評

ここに説明文2が表示されます。

NOVAテンプレートの特徴

ここに説明文1が表示されます。ここに説明文1が表示されます。ここに説明文1が表示されます。ここに説明文1が表示されます。ここに説明文1が表示されます。ここに説明文1が表示されます。ここに説明文1が表示されます。ここに説明文1が表示されます。

価格 999
評価 評価5
備考 備考
NOVAテンプレートの総評

ここに説明文2が表示されます。

NOVAテンプレートの特徴

ここに説明文1が表示されます。ここに説明文1が表示されます。ここに説明文1が表示されます。ここに説明文1が表示されます。ここに説明文1が表示されます。ここに説明文1が表示されます。ここに説明文1が表示されます。ここに説明文1が表示されます。

価格 999
評価 評価5
備考 備考
NOVAテンプレートの総評

ここに説明文2が表示されます。

 

ランキングテーブル(サイドメニューで表示した場合)

水平線

水平線1

 

 

水平線2

 

 

水平線3

 

 

水平線(点線)

 

 

水平線(太点線)

 

記事スタイル

点線背景

ここにテキストが表示されます。

 

灰色背景

ここにテキストが表示されます。

 

カラー背景

ここにテキストが表示されます。

 

灰色枠

 

ここにテキストが表示されます。

 

 

カラー枠

 

ここにテキストが表示されます。

 

 

角丸枠

 

ここにテキストが表示されます。

 

 

飾り枠1

飾り枠1

枠の色はサイトカラーが適用されます。

 

 

飾り枠2

飾り枠2

枠の色はサイトカラーが適用されます。

 

目次

上からデフォルト、デザイン1、デザイン2、デザイン3、デザイン4