ショップハンター

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

使用上の注意：

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

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

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

　なお、改変を加えたものを二次配布することについては、成果物に版権を入れない（著作権表示を入れない）ことを条件に自由とします。
　言い換えると、作った人間が著作権を主張せずに無料配布しているものは、みんなで自由に配布しあいましょう、ということです。

これはサンプル 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>

　コードの改変についてはサポートを提供しておりませんが、コードの貼り付け方がわからない、引用テキストをどこに入れればよいのかわからないなど、基本的な操作方法についてご質問のある方は、以下の拍手タグからお願いします。

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