テンプレート記事用装飾

saudade_clock_aterapiadealice-04.jpg



Alphabet

Et assum accusata nam, ut recusabo sententiae nam. Eam in malis labore complectitur, nostrud legimus dolores nam no, esse omnesque ei quo. Sea fugit nominati ei, ut vidit facer prompta vis, veri nominavi facilisi pro id. Mel ei sint civibus appareat. Vix ea volutpat dignissim mnesarchum, usu probo ludus partiendo ad, cum id solet exerci lobortis. Solet maiestatis sed an, ex ius veniam causae accommodare.

1234567890, &


日本語

私も生涯まるでそのふり年という事の時に飛びだった。
とにかく十月を意味院もしかるにこういう講演ですないでもで入れから来るですにも努力したですて、わざわざには喜ぶたますたた。傍点を受けないのもよほど昨日にどうしてもたんた。


太字

Love the life you live. Live the life you love. Bob Marley
自分の生きる人生を愛せ。自分の愛する人生を生きろ。 ボブ マーリー


<b>テキスト内容</b>

or

<span style="font-weight: bold;">テキスト内容</span>



意味的強調 (重要性)

この内容は非常に重要な意味を持っています

<strong>テキスト内容</strong>



イタリック体

It always seems impossible until it’s done. Nelson Mandela
何事も成功するまでは不可能に思えるものである。 ネルソン マンデラ


<i>テキスト内容</i>

or

<span style="font-style: italic;">テキスト内容</span>



整形済みテキスト

<div style="text-align: center;">あいうえお</div>

<pre>エスケープ表記テキスト内容</pre>



リンク

リンクテキスト

<a href="遷移先アドレス" target="_blank">テキスト内容</a>



引用

Lorem ipsum dolor sit amet, an oratio tamquam accusam quo, sea modus oporteat partiendo ad, eu debet urbanitas duo. Ut accusata voluptatibus usu. Hendrerit necessitatibus et sed, ei postea percipitur mea. Salutandi euripidis ut mel, scaevola delicata appellantur te his, detracto mentitum vix an. Scaevola suavitate an vis, id dico elaboraret ius. Mentitum quaestio et sea. Eu labitur numquam docendi sit, eos tantas eirmod reprehendunt no.


<blockquote>引用テキスト内容</blockquote>

or

<blockquote><p>引用テキスト内容<p></blockquote>


Lorem ipsum dolor sit amet, an oratio tamquam accusam quo, sea modus oporteat partiendo ad, eu debet urbanitas duo. Ut accusata voluptatibus usu. Hendrerit necessitatibus et sed, ei postea percipitur mea. Salutandi euripidis ut mel, scaevola delicata appellantur te his, detracto mentitum vix an. Scaevola suavitate an vis, id dico elaboraret ius. Mentitum quaestio et sea. Eu labitur numquam docendi sit, eos tantas eirmod reprehendunt no.

Lorem ipsum

<blockquote><p>引用テキスト内容<p></blockquote><cite><a href="引用元URL" target="_blank">引用元サイト名</a></cite>



リスト


箇条書きリスト
  • 一つ目のリスト
  • 二つ目のリスト
  • 三つ目のリスト

<ul><li>テキスト</li><li>テキスト</li><li>テキスト</li></ul>

番号つき箇条書きリスト
  1. 一つ目のリスト
  2. 二つ目のリスト
  3. 三つ目のリスト

<ol><li>テキスト</li><li>テキスト</li><li>テキスト</li></ol>



画像にドロップシャドウ(独自クラス)


sample


<img class="shadow-attachment" src="画像アドレス" alt="代替テキスト">


動画縦横比固定 (独自クラス)




<div class="box-for-video" style="max-width: 動画横幅px; margin: 0 auto;"><iframe src="動画アドレス"></iframe></div>
関連記事

2 Comments

まだコメントはありません

unknown  

コメントのサンプルです
訪問者
リンクなし

2015/10/12 (Mon) 02:05

Akira  

管理人コメント

管理人のコメントです。

2018/02/10 (Sat) 19:39
vanillaice (Akira)

Leave a comment