ブログテンプレート集 [飾り枠編]

使用上の注意:

 以下のボックス内のテンプレートコードは、どなたでも自由にお使いいただけます。
 改変は自由です。使用にあたっては、当サイトへのご連絡、リンクも一切不要です。

 当サイトでは、テンプレートコードの著作権を主張しておりません(版権フリーです)。
 ただし、 これらのコードを改変したものを使ってご自身の著作権を主張することは、どうぞご遠慮ください。
 その理由は、以下のページでご説明させていただいておりますので、ご利用前にご一読いただけますよう、お願い申し上げます。

ショップハンターについて

 なお、改変を加えたものを二次配布することについては、成果物に版権を入れない(著作権表示を入れない)ことを条件に自由とします。
 言い換えると、作った人間が著作権を主張せずに無料配布しているものは、みんなで自由に配布しあいましょう、ということです。
 これはサンプル 1 です(枠なし)。
<div style="width:500px;background-color:#f5f5f5;padding:40px;box-shadow: 5px 5px 5px rgba(0,0,0,0.4);">
<div style="margin-bottom:20px;">
 ここにテキストを入力します。
</div>
</div>
 これはサンプル 2 です(角丸枠なし)。
<div style="width:500px;background-color:#f5f5f5;padding:40px;-webkit-border-radius:20px;border-radius:20px;box-shadow: 5px 5px 5px rgba(0,0,0,0.4);">
<div style="margin-bottom:20px;">
 ここにテキストを入力します。
</div>
</div>
 これはサンプル 3 です(角丸枠付き、太さ 3 ピクセル)。
<div style="width:500px;background-color:#f0f4dc;padding:40px;-webkit-border-radius:20px;border-radius:20px;border:solid 3px #2e8b57;box-shadow: 5px 5px 5px rgba(0,0,0,0.4);">
<div style="margin-bottom:20px;">
 ここにテキストを入力します。
</div>
</div>
 これはサンプル 4 です(角丸枠付き、破線、太さ 3 ピクセル)。
<div style="width:500px;background-color:#ffe5e5;padding:40px;-webkit-border-radius:20px;border-radius:20px;border:dashed 3px #db7093;box-shadow: 5px 5px 5px rgba(0,0,0,0.4);">
<div style="margin-bottom:20px;">
 ここにテキストを入力します。
</div>
</div>
 これはサンプル 5 です(変形レインボー)。
<div style="width:500px;background-color:#e6e6fa;padding:40px;-webkit-border-radius:0 90px 0 90px;border-radius:0 90px 0 90px;border-style:solid;border-width:3px 8px 3px 8px;border-color:#ffc0cb #ffd700 #3cb371 #6495ed;box-shadow: 5px 5px 5px rgba(0,0,0,0.4);">
<div style="margin-bottom:20px;">
 ここにテキストを入力します。
</div>
</div>
 コードの改変についてはサポートを提供しておりませんが、コードの貼り付け方がわからない、引用テキストをどこに入れればよいのかわからないなど、基本的な操作方法についてご質問のある方は、以下の拍手タグからお願いします。

 質問をされる場合は、質問者を識別するために、ニックネームの入力にご協力ください。

website statistics
web拍手 by FC2 tweet this


© Rakuten Group, Inc.
Design a Mobile Site
スマートフォン版を閲覧 | PC版を閲覧
Share by: