動くプレートの設置

＜動くプレートサンプル＞
m73_line1.gif m73_main.gif
ここに文章
m73_icon.gif m73_line1.gif
＜使い方＞

携帯デコメールで作成したテンプレートをブログのサイドバーに設置されているサイトを見掛けましたので、 使えそうなテンプレートのHTMLソースを編集し直して載せました。 設置方法は簡単です。画像を自分のサーバーにアップロードして  内のHTMLソースをコピペするだけです。もちろんメイン記事にも使えます。

※ 設置するにはHTML編集ができる環境が必要です。HTML編集に対応していない環境（一部のブログなど）では利用できません。

＜動くプレートサンプルの説明＞
moving_sample.gif 三角矢印  内の 動くプレートサンプルは table （表）によって画像や文字を配置しています。
  •  は <table> ～ </table>
  •  は <td> ～ </td>
  •  は <img src=""～>
  • 文章は「ここに文章」の箇所に書きます。

＜ 内のHTMLソースの説明＞

  • 「width:240px」 = 全体の横幅を240pxにしています。数値（240）を変更すれば横幅の大きさが変わります。
  • 「margin:0 auto」 = 全体を中央配置にしています。
  • 「background:#ffffff」 = 全体の背景色を白色（#ffffff）にしています。数値（ffffff）を変更すれば背景色が変わります。
  • 「m73_line1.gif」 = 画像ファイル名です。違う画像を使用する場合はここの部分を変更します。
  • 「width="217"」 = 画像の横幅です。違う画像を使用する場合は数値（217）を変更します。（使う画像の横幅の数値にします）
  • 「height="25"」 = 画像の高さです。違う画像を使用する場合は数値（25）を変更します。（使う画像の高さの数値にします）
  • 「alt="上のライン"」 = 画像の説明（代替テキスト）をしています。"" 内は自由に変更できます。
  • 「style="margin:0 auto;display:block;"」 = 画像の中央配置をスタイルシートで指定しています。
  • 「vertical-align:top」 = 文字の垂直位置の指定です。top で文字が上寄せになります。
  • 「color:#000000」 = 文字の色を黒色（#000000）に指定しています。数値（000000）を変更すれば文字色が変わります。
上に戻る