吹き出し - 使った感じ2

  • ここでは自作のWEBサイト用画像素材のPNGまたはGIFファイルをフリー素材として公開しています。
    気に入ったものがございましたら、ご自由にダウンロードしてホームページの作成などにおやくだてください。
    ただし、ご使用の前に利用条件をご覧になり、これに同意することが必要です。
  • Internet Explorer 6.0 SP1(以下IE)にて表示確認しました。
  • 正常に表示されない場合は、更新ボタンを押してみて下さい。
  • HTML5では正常に表示できない問題が確認されています。HTML4で作成したHTMLに利用してください。

使った感じ

「吹き出し」の種類は基本的には全部で20種類です。
さらに、ソースを工夫する事でさまざまな使い方ができます。
背景色が変えられます
黄土色(薄) ピンク(薄) ピンク(濃)
黄色 ピンク
プラム アクア オリーブ オレンジ ベージュ
色を指定してください


実際に使ってみると、こんな風になります。
ホームページの雰囲気にあわせて使ってください。
キャラクターが真横にいるときは
こんな感じです。
towns14.PNG
文字に限らず
イラストなども使用可能
towns10.gif

吹き出しとキャラクターの配置は
TABLE タグを使うといいと思います。
towns12.PNG
セリフの長さやウィンドウの
大きさにより吹き出しが変形
するのでセリフがはみ出す
事はありません。
TABLEタグを使用してる
だけなので機種依存は
しないはずです。


心の中のセリフは
こんな感じ・・・
towns12.PNG
クチを変えるだけなのでソースの書き換えも簡単。
クチの所のファイル名を書き換えるだけ。
towns10.gif


部分的に書き換えることで、こんなことも可能。
ただし表示確認は各自で行ってください。
(少し位なら大丈夫だろうと思うけど)
towns041.PNG

枠のみ


クチ、左寄せ


右寄せ


関連記事

  1. 利用条件 素材をご利用の前に このコンテンツで配布している画像素材をご...
  2. 吹き吐きさん 前の画像 次の画像 ダウンロード 吹き吐きさん Ver.0....