MIX-B・テーブル素材

テーブル素材（黒背景）
01・02・03・04・05・06・07・08・09・10

テーブル素材（白背景）
01・02・03・04・05・06・07・08・09・10

テーブル素材＜09＞


	＜縦横サイズ変更可能・ 220×220＞８パーツ素材


	＜No.１＞８パーツ素材


	＜No.２＞８パーツ素材

パーツ１	パーツ２	パーツ３
パーツ４	＜No.１～２・220×220＞８パーツ素材文章が入ります	パーツ５
パーツ６	パーツ７	パーツ８

下記のソースをコピーしてください。ソース内の画像URL（パーツ１～８）はお好きなURLに変更していただいて結構です。縦横サイズ変更可（素材サイズの変更は不可）です。
素材は一括ダウンロードはできませんので、上記各素材のパーツをそれぞれからダウンロード願います。

<table cellpadding="0" cellspacing="0" border="0" height="220" width="220" bgcolor="#ffffff">
<tr>
<td align="center" height=60" width="60"><img src="画像URL（パーツ１）" height="60" width="60"></td>
<td style="background-image:url(画像URL（パーツ２）); background-repeat:repeat-x; background-position:top center; width:100; height:60;"></td>
<td align="center" height=60" width="60"><img src="画像URL（パーツ３）"  height=60" width="60"></td>
</tr>
<tr>
<td style="background-image:url(画像URL（パーツ４）); background-repeat:repeat-y; background-position:top center; width:60; height:100;"></td>
<td align="center" height="100" width="100">文章</td>
<td style="background-image:url(画像URL（パーツ５）); background-repeat:repeat-y; background-position:top center; width:60; height:100;"></td>
</tr>
<tr>
<td align="center" height="60" width="60"><img src="画像URL（パーツ６）" height="60" width="60"></td>
<td style="background-image:url(画像URL（パーツ７）); background-repeat:repeat-x; background-position:top center; width:100; height:60;"></td>
<td align="center" height="60" width="60"><img src="画像URL（パーツ８）" height="100" width="100"></td>
</tr>
</table>


	＜520×620＞サイズ縦に長くしたい時は… tableのheightと文章のheightを100ずつ増やしてください。横に長くしたい時は… tableのwidthを200ずつ増やし、文章のwidthはtableのwidthから120引いた数字を入れてください。（このテーブルはheight300、tableのwidthを400、文章のwidthを400増やしています）

<table cellpadding="0" cellspacing="0" border="0" height="520" width="620" bgcolor="#ffffff">
<tr>
<td align="center" height=60" width="60"><img src="画像URL（パーツ１）" height="60" width="60"></td>
<td style="background-image:url(画像URL（パーツ２）); background-repeat:repeat-x; background-position:top center; width:100; height:60;"></td>
<td align="center" height=60" width="60"><img src="画像URL（パーツ３）"  height=60" width="60"></td>
</tr>
<tr>
<td style="background-image:url(画像URL（パーツ４）); background-repeat:repeat-y; background-position:top center; width:60; height:100;"></td>
<td align="center" height="400" width="500">文章</td>
<td style="background-image:url(画像URL（パーツ５）); background-repeat:repeat-y; background-position:top center; width:60; height:100;"></td>
</tr>
<tr>
<td align="center" height="60" width="60"><img src="画像URL（パーツ６）" height="60" width="60"></td>
<td style="background-image:url(画像URL（パーツ７）); background-repeat:repeat-x; background-position:top center; width:100; height:60;"></td>
<td align="center" height="60" width="60"><img src="画像URL（パーツ８）" height="60" width="60"></td>
</tr>
</table>


	＜320×420＞サイズ縦に長くしたい時は…tableのheightと文章のheightを100ずつ増やしてください。横に長くしたい時は…tableのwidthを200ずつ増やし、文章のwidthはtableのwidthから120引いた数字を入れてください。（このテーブルはheight100、tableのwidthを200、文章のwidthを100増やしています）【注意点】文章がサイズよりはみ出すと飾り枠は自動で大きくなりますが、この例のように崩れてしまう可能性が高いです。その際はテーブルサイズを調整してください。


	上記飾り枠サイズを調整したものです。＜420×620＞サイズ縦に長くしたい時は…tableのheightと文章のheightを100ずつ増やしてください。横に長くしたい時は…tableのwidthを200ずつ増やし、文章のwidthはtableのwidthから120引いた数字を入れてください。（このテーブルはheight200、tableのwidthを400、文章のwidthを400増やしています）【注意点】文章がサイズよりはみ出すと飾り枠は自動で大きくなりますが、上記例のように崩れてしまう可能性が高いです。その際はテーブルサイズを調整してください。


	＜420×420＞サイズ上下左右のパーツの入れ換えもできます。

素材そのものの加工やソース内での素材サイズ変更等は禁止です。
Firefoxにて空白部分ができる場合は、＜style type="text/css"＞内に、img {vertical-align:bottom;}を入れてください。