リスト(箇条書き)のデザインです。
オリジナルになります。利用するにはプラグイン「AddQuicktag」を導入する必要があります。
導入方法は下記記事をご覧ください。
使い方
ビジュアルエディタの場合
テキストエディタの場合
リスト一覧
- リスト1
- リスト2
- リスト3
<div class="list-box-1">
<ol class="list-1">
<li>リスト1</li>
<li>リスト2</li>
<li>リスト3</li>
</ol>
</div>- リスト1
- リスト2
- リスト3
<div class="list-box-1">
<ul class="list-2">
<li>リスト1</li>
<li>リスト2</li>
<li>リスト3</li>
</ul>
</div>- リスト1
- リスト2
- リスト3
<div class="list-box-2">
<ol class="list-1">
<li>リスト1</li>
<li>リスト2</li>
<li>リスト3</li>
</ol>
</div>- リスト1
- リスト2
- リスト3
<div class="list-box-2">
<ul class="list-2">
<li>リスト1</li>
<li>リスト2</li>
<li>リスト3</li>
</ul>
</div>- リスト1
- リスト2
- リスト3
<div class="list-box-3">
<ol class="list-1">
<li>リスト1</li>
<li>リスト2</li>
<li>リスト3</li>
</ol>
</div>- リスト1
- リスト2
- リスト3
<div class="list-box-3">
<ul class="list-2">
<li>リスト1</li>
<li>リスト2</li>
<li>リスト3</li>
</ul>
</div>- リスト1
- リスト2
- リスト3
<div class="list-box-4">
<ol class="list-1">
<li>リスト1</li>
<li>リスト2</li>
<li>リスト3</li>
</ol>
</div>- リスト1
- リスト2
- リスト3
<div class="list-box-4">
<ul class="list-2">
<li>リスト1</li>
<li>リスト2</li>
<li>リスト3</li>
</ul>
</div>自由入力
- リスト1
- リスト2
- リスト3
<div class="box1">
<div class="box-title">自由入力</div>
<ol class="list-1">
<li>リスト1</li>
<li>リスト2</li>
<li>リスト3</li>
</ol>
</div>自由入力
- リスト1
- リスト2
- リスト3
<div class="box1">
<div class="box-title">自由入力</div>
<ul class="list-2">
<li>リスト1</li>
<li>リスト2</li>
<li>リスト3</li>
</ul>
</div>カスタマイズしたい場合
カスタマイズしたい場合はCSSを編集する必要があります。
「ここをこうしたい！」などあれば、コメント欄、Twitter、問い合わせフォームからご連絡ください。
コメント
ほええ