超簡単!!画像・ブログパーツの横並び方法

http://oyaji3.com/enews01.swf
　　　　　　　　　上に表示される記事タイトル　↑　をクリックすると表示された記事が開きます

ブログパーツや画像を、横並び（並列）に配置する方法を解説します。

Wikiテーブルタグを使って画像やブログパーツを横に並べる方法です

■注意点

・記事の横幅は５６０ピクセルなのでそれぞれのパーツや画像の
　横幅の合計がそれ以内でないと画面レイアウトが崩れます

・縦棒「|」は必ず行の冒頭から記入して下さい。スペース（空白）が入ると
　Wiki枠として反映しません。


★横並び方法

・２列基本形（画像）

||||<#FFFFFF'``||
||[[img(http://～,横幅,高さ,Alt文)]]
||[[img(http://～,横幅,高さ,Alt文)]]


・２列基本形（ブログパーツなど）

||||<#FFFFFF'``||
||[[item(http://～.swf,横幅,高さ)]]
||[[item(http://～.swf,横幅,高さ)]]


・３列基本形（画像）

||||||<#FFFFFF'``||
||[[img(http://～,横幅,高さ,Alt文)]]
||[[img(http://～,横幅,高さ,Alt文)]]
||[[img(http://～,横幅,高さ,Alt文)]]


・３列基本形（ブログパーツなど）

||||<#FFFFFF'``||
||[[item(http://～.swf,横幅,高さ)]]
||[[item(http://～.swf,横幅,高さ)]]
||[[item(http://～.swf,横幅,高さ)]]


★ポイント★

２列基本形の１行目　||||<#FFFFFF'``|| 　←この縦棒「|」が
４本になっている事に注目して下さい

３列基本形の場合は　||||||<#FFFFFF'``||　←と６本になっています。

つまり、並列にしない普通のテーブル枠の場合は
||<#FFFFFF'``||　←と、縦棒２本でいいのですが、

横にならべるために、２つ並べるのなら２本付けたして４本に。
３つ並べるのなら６本にして、次の行にそのアドレスを貼り付けるのです。


・画像の「Alt文」とは、画像の上にマウスカーソルを
　置いた場合に表示される説明文のことです。
　普通に記事に画像を投稿した時は、マウスを画像の上に置くと
　「イメージ１」や「イメージ２」と表示されますが
　それが「Alt文」です

並列の見本（３つ横並びの場合）

★貼り付けタグ

||||||<#FFFFFF'``||
||[[img(画像のアドレス,80,80,Alt文)]]
||[[img(画像のアドレス,80,80,Alt文)]]
||[[img(画像のアドレス,80,80,Alt文)]]

★実例

並列の見本（３つ横並び＆タイトル付きの場合１）

★貼り付けタグ

||||||<#FFCFDE'``ここがタイトルだよ♪||
||[[img(画像のアドレス,80,80,Alt文)]]
||[[img(画像のアドレス,80,80,Alt文)]]
||[[img(画像のアドレス,80,80,Alt文)]]

★実例

ここがタイトルだよ♪

並列の見本（３つ横並び＆タイトル付きの場合２）

★貼り付けタグ

||||||<#FFFFFF'``||
||<#FFCFDE' style=width:80px;``赤色でぇす
||<#FFCFDE' style=width:80px;``黄色でぇす
||<#FFCFDE' style=width:80px;``青色でぇす
||||||<#FFFFFF'``ここは透明に♪||
||[[img(画像のアドレス,80,80,Alt文)]]
||[[img(画像のアドレス,80,80,Alt文)]]
||[[img(画像のアドレス,80,80,Alt文)]]

★実例