賢威でアイコンを呼び出すタグ等

注意書き用の小文字

※これは注意書きに用いる小さい文字と段落です。

<p class="note"><small>※これは注意書きに用いる小さい文字と段落です。</small></p>

文章の前にアイコンを置く

<p class="icon-point">ブログでhtmlを</p>

<p class="icon-caution">そのまま</p>

<p class="icon-new">表示する</p>

<p class="icon-wakaba">ためには</p>

<p class="icon-blank">タグの</p>

<p class="icon-zip">始まりを</p>

<p class="icon-mail">表す</p>

<p class="icon-cart">「<」を</p>

<p class="icon-search">&lt;に変えて</p>

<p class="icon-home">記述します</p>

<p class="icon-arrow-t">ちなみに</p>

<p class="icon-arrow-r">&lt;を</p>

<p class="icon-arrow-b">そのまま</p>

<p class="icon-arrow-l">表示する</p>

<p class="icon-dl">ためには</p>

<p class="icon-pdf">&amp;lt;と</p>

<p class="icon-folder">記述します</p>

<p class="icon-time">ちなみにちなみに</p>

<p class="icon-calendar">&amp;lt;表示と</p>

<p class="icon-building">させるための記号は</p>

<p class="icon-map">&amp;amp;lt;です</p>

<ul class="check-list"><li>amp;を</li></ul>

<ul class="check-list-l"><li>増やせば</li></ul>

<div class="al-c">
<a href="#" class="btn btn-form01"><span>いいんです</span></a></div>

フローチャートを表示させる

1. 賢威のサポートサイトに

   ちゃんとヘルプが載っていますが

2. 毎回移動を繰り返すのが

   ちょっと面倒で

3. 覚書として載せました

<ol class="flow-chart">
<li>
<div class="process-box rc12">
<p class="f12em b m0-b">賢威のサポートサイトに</p>
<p class="m0-b">ちゃんとヘルプが載っていますが</p>
</div>
</li>
<li>
<div class="process-box rc12">
<p class="f12em b m0-b">毎回移動を繰り返すのが</p>
<p class="m0-b">ちょっと面倒で</p>
</div>
</li>
<li>
<div class="process-box rc12 end">
<p class="f12em b m0-b">覚書として載せました</p>
</div>
</li>
</ol>

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

コピペで

再現できます

賢威を使っている方は良ければ参考にどうぞ

<div class="col-wrap col3-wrap col-onimage">
 
<div class="col m20-b border">
<a href="リンク先URL">
<img class="w100" src="画像のURL" alt="画像の説明" width="242" height="176">
</a>
<p class="text-onimage"><a href="リンク先URL">テキスト</a></p>
</div>
 
<div class="col m20-b border">
<a href="リンク先URL">
<img class="w100" src="画像のURL" alt="画像の説明" width="242" height="176">
</a>
<p class="text-onimage"><a href="リンク先URL">テキスト</a></p>
</div>
 
<div class="col m20-b border">
<a href="リンク先URL">
<img class="w100" src="画像のURL" alt="画像の説明" width="242" height="176">
</a>
<p class="text-onimage"><a href="リンク先URL">テキスト</a></p>
</div>
 
</div>