枠線を２重にしたブログテンプレート

枠線を２重にしたブログテンプレート

　文章を枠線で囲む、ブログ用HTMLタグクリエイターです。枠線の種類や色、文字の色も変更出来ます。
　枠線は、内側の枠線と外側の枠線を個別に設定できますので、沢山の組み合わせが出来ますね。いろいろ試して、HTMLタグを作成してみてください。もちろん無料です。また、背景画像も指定できるようになりました。毎日の日記にご利用ください。

ツールで作成したサンプル

フォントタグを使用したり、位置指定が出来ます。
　
また、枠線の太さも指定できますので、カスタマイズが自由ですね。

楽天ブログの場合：
　楽天フォトへ表示したい背景画像を登録します。既に登録済みの場合は、登録は不要です。表示したい画像のHTMLタグを取得します。

　上のHTMLのタグ内の赤い文字の部分が、このツールの背景画像リンクに指定する部分です。

ブログ用タグを作成してみよう

　HTMLタグを作成すると、クリップボードへ自動でコピーされます。下のテキストボックスからも選択できます。手順は次の通りです。

「テキスト」へ、実際の日記を入力します。
「背景画像URL」へ、指定したい画像のURLを入力します。省略可能
外枠・内枠の線の種類や幅、色を選択します。
文字の種類や色など、お好みの設定を行います。
「HTML作成」ボタンを押します。

テキスト

背景画像設定省略可能

背景画像URLhttp://sunafukey.fc2web.com/image/backtree.gif　など

表示方法繰り返し表示　中央に１つ表示

外枠設定

外枠線指定なし

背景色指定なし

内枠設定

内枠線指定なし

背景色指定なし

文章設定

テキスト色指定なし

文字サイズ指定なし　小さい　やや小さい　標準　やや大きい　大きい
非常に大きい　かなり大きい

　※注意　環境により、文字のサイズが違う場合があります。実際に貼り付けて大きさを確認してください。

レイアウト左寄せ　中央寄せ　右寄せ　指定なし

著作権表示あり　なし

※ボタンを押しても何も反応が無い場合は、ブラウザの再読み込みボタンを押して、画面を再読み込みしてください。

注意：背景画像の外部での利用が禁止されているところ（楽天など）では、プレビュー画面で背景が正常に表示されない場合があります。実際に日記へ書き込むと表示されますので、うまく表示されない場合はブログへ書き込んで確認をお願いします。

作成されたHTMLタグ

ブログレイアウトツールでは

　この、ブログテンプレートタグクリエーターでは、次のHTMLタグを使用しています。

ブロック要素　<div>～</div>

　なお、カスケーディングスタイルシート(CSS)も使用しておりますので、環境によってはうまく表示されない場合もあります。

　また、本ツールでは、JavaScript を使用しています。したがって、JavaScriptが使用できない設定になっているブラウザでは、使用することが出来ません。ブラウザのJavaScriptを実行可能に設定して、ご利用ください。

　無料ツールとなっております。本ホームページへのリンクもフリーです。

更新履歴

2007/11/30 背景画像を中央へ一つ表示するオプションを追加
2007/11/16 背景画像指定追加