テンプレート記事用装飾

投稿 2014年08月09日
2
未分類(個人的テスト等)
TestTemplate
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="代替テキスト">



テキストハイライト


このテキストはハイライトされています。

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



見出し等テキスト装飾 (独自クラス)


手書き風

手書き風テキスト



<h3 class="freehand">テキスト内容</h3>

or

<div class="freehand">テキスト内容</div>


ドッグイヤー

ドッグイヤーテキスト



<h3 class="dogear">テキスト内容</h3>

or

<div class="dogear">テキスト内容</div>


カール

カールテキスト



<h3 class="curl">テキスト内容</h3>

or

<div class="curl">テキスト内容</div>



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




<div class="box-for-video" style="max-width: 動画横幅px; margin: 0 auto;"><iframe src="動画アドレス"></iframe></div>
YOU MAY ALSO LIKE
もっと見る
vanillaice (Akira)
vanillaice (Akira)

2 COMMENTS

There are no comments yet.

unknown  

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

2015/10/12 (Mon) 02:05
vanillaice (Akira)

Akira  

管理人コメント

管理人のコメントです。

2018/02/10 (Sat) 19:39

LEAVE A REPLY

テンプレートに関するご質問・不具合のご報告の際はご自身のブログアドレス記載必須です
ご質問の前に 必ずお読みください
テンプレートに関するご質問時のお願い
必ず該当テンプレートの専用記事にお願いします。無関係な記事・別のテンプレート専用記事でのコメントはお控えください。
テンプレートカテゴリ
テンプレート一覧(表示タイプ別)