[Materials]
Back フリー素材集

TABLEタグと組み合わせて使う、吹き出し用のパーツです。背景透過になっております。
　
「吹き出し用のパーツ」
白の吹き出し用


　
fuki/shiro01.gif fuki/shiro02.gif fuki/shiro03.gif fuki/shiro04.gif fuki/shiro01f.gif fuki/shiro02f.gif fuki/shiro03f.gif fuki/shiro04f.gif 　fuki/kaku01.gif fuki/kaku02.gif fuki/kaku03.gif fuki/kaku04.gif
　
　
　
　こんな感じになります。　
　
　　
　
　ラウンド枠としても使えます
文字数が増えたり、
行数が増えるとこんな感じ。		　
　
　　
　
　おまけの枠です　
　

　
　
作り方の流れの例
　　　
　　　
　　　
　→　
　
　　　
　
　→　
　
　　　
　
３行３列のテーブルを組み、
四隅に当たる部分を残して背
景色を白にする。その際、
　BORDER="0"
　CELLSPACING="0"
　CELLPADDING="0"　に。
　角の部分にそれぞれの
画像を入れる。
ラウンドや枠の時は
これでＯＫ。		　 吹き出しの場合、尖らせたい
部分に当たる画像を入れ替える。
　
ソースです。コピーして適宜、変更して使ってくださいませ（例題は画像データとhtmlファイルが同じフォルダにある場合です）。
　
　
　（ここに文章が入る）　
　
　 <TABLE BORDER="0" CELLSPACING="0" CELLPADDING="0"> <TR><TD><IMG SRC="shiro01f.gif" BORDER="0" WIDTH="24" HEIGHT="24"></TD><TD BGCOLOR="#FFFFFF">　</TD><TD><IMG SRC="shiro02.gif" BORDER="0" WIDTH="24" HEIGHT="24"></TD></TR> <TR BGCOLOR="#FFFFFF"><TD>　</TD><TD>（ここに文章が入る）</TD><TD>　</TD></TR> <TR><TD><IMG SRC="shiro03.gif" BORDER="0" WIDTH="24" HEIGHT="24"></TD><TD BGCOLOR="#FFFFFF">　</TD><TD><IMG SRC="shiro04.gif" BORDER="0" WIDTH="24" HEIGHT="24"></TD></TR> </TABLE>

　

　
　（ここに文章が入る）　
　
　 <TABLE BORDER="0" CELLSPACING="0" CELLPADDING="0"> <TR><TD><IMG SRC="shiro01.gif" BORDER="0" WIDTH="24" HEIGHT="24"></TD><TD BGCOLOR="#FFFFFF">　</TD><TD><IMG SRC="shiro02f.gif" BORDER="0" WIDTH="24" HEIGHT="24"></TD></TR> <TR BGCOLOR="#FFFFFF"><TD>　</TD><TD>（ここに文章が入る）</TD><TD>　</TD></TR> <TR><TD><IMG SRC="shiro03.gif" BORDER="0" WIDTH="24" HEIGHT="24"></TD><TD BGCOLOR="#FFFFFF">　</TD><TD><IMG SRC="shiro04.gif" BORDER="0" WIDTH="24" HEIGHT="24"></TD></TR> </TABLE>

　

　
　（ここに文章が入る）　
　
　 <TABLE BORDER="0" CELLSPACING="0" CELLPADDING="0"> <TR><TD><IMG SRC="shiro01.gif" BORDER="0" WIDTH="24" HEIGHT="24"></TD><TD BGCOLOR="#FFFFFF">　</TD><TD><IMG SRC="shiro02.gif" BORDER="0" WIDTH="24" HEIGHT="24"></TD></TR> <TR BGCOLOR="#FFFFFF"><TD>　</TD><TD>（ここに文章が入る）</TD><TD>　</TD></TR> <TR><TD><IMG SRC="shiro03f.gif" BORDER="0" WIDTH="24" HEIGHT="24"></TD><TD BGCOLOR="#FFFFFF">　</TD><TD><IMG SRC="shiro04.gif" BORDER="0" WIDTH="24" HEIGHT="24"></TD></TR> </TABLE>

　

　
　（ここに文章が入る）　
　
　 <TABLE BORDER="0" CELLSPACING="0" CELLPADDING="0"> <TR><TD><IMG SRC="shiro01.gif" BORDER="0" WIDTH="24" HEIGHT="24"></TD><TD BGCOLOR="#FFFFFF">　</TD><TD><IMG SRC="shiro02.gif" BORDER="0" WIDTH="24" HEIGHT="24"></TD></TR> <TR BGCOLOR="#FFFFFF"><TD>　</TD><TD>（ここに文章が入る）</TD><TD>　</TD></TR> <TR><TD><IMG SRC="shiro03.gif" BORDER="0" WIDTH="24" HEIGHT="24"></TD><TD BGCOLOR="#FFFFFF">　</TD><TD><IMG SRC="shiro04f.gif" BORDER="0" WIDTH="24" HEIGHT="24"></TD></TR> </TABLE>

　

　

Giggurat・バナー