CSSでバブルタイプのblockquote『Bubble Quote』を作りました。 – creamu

先日のエントリーで紹介した『CSS Speach Bubbles』が好評だったこともあって、無性に作りたくなったので作りました。 CSSでバブルタイプのblockquote『Bubble Quote（バブルクオート）』です。 特長は以下の4点です。 1.クリーンHTML！CSSでデザイン、レイアウトしています。 2.カスタマイズも簡単！widthやカラーを簡単に変えることができます。 3.ブログにぴったり！引用をするならBubble Quote！CSSを追記してHTMLを書けば、すぐにクールで柔らかいblockquoteデザインのできあがりです。 4.CSSのclassがかぶらない！CSSのclass名が既存のものとかぶらないように、独自のネーミング（bubblequote）にしています。 ↓のようなデザインです。 copyrightは特に設けていません。自由にお使いいただいて結構です。

[veadar]

引用を魅せるために、便利そげ

[hxxk]

IRC経由で。時間が取れたらコメント欄で直接指摘なりリファクタリングなりしたいところ。/修正入った。<q>私が普段blockquoteタグを使用せず、divやpで代用すること。</q>エエエエ

[usodainchiki]

実用性はあまりないけど、ちょっと面白い

[kits]

どこがblockquoteなのだろう。(divとpとspanとCSSの組み合わせ) / id属性を使っているので文書中で1度しか使えない。

[sweetlove]

かわいい吹き出し4色

[lomo_lomo]

CSSで吹きだし(引用やコメント欄に)