初心者にもやさしい 簡単HTML作成:ホームページのタグ作成ツール
枠線を2重にしたブログテンプレート

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

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

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

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

<img src="http://sunafukey.fc2web.com/image/bg.gif" width="60" height="60" alt="背景">

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

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

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

  1. テキスト」へ、実際の日記を入力します。
  2. 背景画像URL」へ、指定したい画像のURLを入力します。省略可能
  3. 外枠・内枠の線の種類や幅、色を選択します。
  4. 文字の種類や色など、お好みの設定を行います。
  5. HTML作成」ボタンを押します。
テキスト
背景画像設定省略可能
背景画像URLhttp://sunafukey.fc2web.com/image/backtree.gif など
表示方法  
外枠設定
外枠線
線の太さ
背景色
内枠設定
内枠線
線の太さ
背景色
文章設定
テキスト色
文字スタイル        
文字サイズ         
 

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

レイアウト      
著作権表示  
  

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

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

作成されたHTMLタグ

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

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

  • ブロック要素 <div>〜</div>

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

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

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

更新履歴

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

サイトマップ
SEO [PR] おまとめローン Windows7 冷え性対策 動画 掲示板 レンタルサーバー ライブチャット SEO