[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
 

 
 
 こんな感じになります。 
 
  
 
 ラウンド枠としても使えます
文字数が増えたり、
行数が増えるとこんな感じ。
 
 
  
 
 おまけの枠です 
 

 
 
作り方の流れの例
   
   
   
 → 
 
   
 
 → 
 
   
 
3行3列のテーブルを組み、
四隅に当たる部分を残して背
景色を白にする。その際、
 BORDER="0"
 CELLSPACING="0"
 CELLPADDING="0"
 に。
 角の部分にそれぞれの
画像を入れる。
ラウンドや枠の時は
これでOK。
  吹き出しの場合、尖らせたい
部分に当たる画像を入れ替える。
 

ソースです。コピーして適宜、変更して使ってくださいませ(例題は画像データと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・バナー