cmyk
どもども! 俺です、リクルトスツーです!
 その節は大変お世話になっております!

rgb
そして俺です、俺もリクルトスツーです!
 その節は大変お世話になっております!

cmyk
会話っぽく文字並んでますけど、これ一人で入力してますからね…。
ワンルームマンションで一人で会話っぽく入力する男…、なんて姿を想像すると滑稽なこと極まりないのですがそれはさておきまして。

rgb
この度こういった具合の「会話っぽく見えるフキダシ付きtableタグ」を作りましてね。

cmyk
俺の中では使う機会全くないんですけど、もしかしたら欲している方がいるかもしれないので無料HP素材みたいな感じで当記事に載っけとこうかな、と思った次第です。

rgb
もー、「コピペ! そしてソッコー文字入力!」みたいな仕様を考えていますので、お気に召しましたら、是非に。
気になる方は下記「続きを読む」から。



cmyk
とは言ったものの、まず注意書き。
自分の中のタグの入力関係の知識は2003年くらいから止まったまんまなので、下記に記すタグはかなりアナクロな出来になってると思います。

rgb
どういう環境下で使用して上手くいかなかった、と言われても本当に対応できないことをご理解くださいませ。

cmyk
あとフキダシの部分も、当ブログの画像への絶対パスになっているので注意が必要です。
個人的には直リンして貰ってもいいくらいのスタンスでいるんですけど、万がイチ仮に当ブログが死んだ場合フキダシの部分が空白になっちゃうと思うのでそれはさすがにご使用される方にとって不都合だと思うので。

rgb
なので↓こちら、
フキダシ上左部
フキダシ上中部
フキダシ上右部
フキダシ中左部
フキダシ中右部
フキダシ下左部
フキダシ上中部
フキダシ上右部
の画像を保存してテキトーな名前にリネームして使う方がいいんじゃないかなって、思います。

cmyk
という注意点にお気をつけ下さい。
では、きったないタグになっちゃったんですけど、コチラのタグをささっとコピペって下さいませ。

rgb
<table cellpadding="0" cellspacing="0" border="0">
<tbody><tr>
<td valign="top">
<img src="http://livedoor.blogimg.jp/rickrotes/imgs/9/c/9c92a077.gif" border="0" height="100" width="100">
</td>
<td valign="top">
<table cellpadding="0" cellspacing="0" border="0">
<tbody><tr>
<td background="http://livedoor.blogimg.jp/rickrotes/imgs/7/d/7dc47b32.gif" height="15" width="16"></td>
<td background="http://livedoor.blogimg.jp/rickrotes/imgs/c/2/c24f6f2f.gif" height="15"></td>
<td background="http://livedoor.blogimg.jp/rickrotes/imgs/a/d/ad9b49ae.gif" height="15" width="4"></td>
</tr>
<tr>
<td background="http://livedoor.blogimg.jp/rickrotes/imgs/c/a/ca0084ba.gif" width="16"></td>
<td bgcolor="#ffffff">
ここに本文を入力しよう。
</td>
<td background="http://livedoor.blogimg.jp/rickrotes/imgs/2/d/2d6268fb.gif" width="4"></td>
</tr>
<tr>
<td background="http://livedoor.blogimg.jp/rickrotes/imgs/e/9/e9dda110.gif" height="13" width="16"></td>
<td background="http://livedoor.blogimg.jp/rickrotes/imgs/1/3/13ad269e.gif" height="13"></td>
<td background="http://livedoor.blogimg.jp/rickrotes/imgs/c/f/cf77809d.gif" height="13" width="4"></td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>

cmyk
という上記のようなタグをコピペったら、下のような表示になると思われます。

fuki_port
ここに本文を入力しよう。

rgb
「ここに本文を入力しよう」って書いてある部分にあなたの思いを綴りましょう。
あと赤色のプロフ画像は「100pix * 100pix」です。そんなサイズの画像をご用意ください。

cmyk
コチラのタグの使用には特に許可は必要ないです。お好きなタイミングで使って下さい。
フキダシの横幅もデザインも自由に改変してもらって結構です。

rgb
というか、改変推奨。
さすがに直リンクOKしてますけど、やっぱ各々手の届く範疇に画像を保管しといたほうがいいので。

cmyk
てなわけで!

rgb
素晴らしいブログライフを!


てゆーの作ったけど、本当、マジ、俺が一番使わんな。。。