FC2ブログ
CSSで角がまるい吹き出しを作る「CSS Speech Bubbles」とか吹き出しいろいろ・無料でダウンロードできる!画像、動画、壁紙、オンラインゲームなど、無料で入手する情報満載でお届けします!

スポンサーサイト


上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

使えるソフト、無料ゲーム満載 ⇒ 人気blogランキングへ

CSSで角がまるい吹き出しを作る「CSS Speech Bubbles」とか吹き出しいろいろ


あなたのお笑いセンス、分析しませんか?⇒お笑いセンス分析

CSS(Cascading Style Sheets(カスケーディング・スタイル・シート))とは、HTML や XML の要素をどのように修飾(表示)するかを指示する仕様で、W3Cによる勧告の一つ。カスケード・スタイル・シートとも呼ばれる。スタイルシートの一種。文書の構造と体裁を分離させるという理念を実現する為に提唱されたスタイルシートの仕様の一つ。

CSS は HTML で表現可能と考えられるデザインの大部分を実現できる要素を取り入れつつ、新たなデザイン機能を備えている。

 

CSSを使って吹き出しを作成することができるCSSファイルとJSファイル、それから画像ファイルをひとまとめにしたセットです。XHTML1.0準拠で、Internet Explorer 6 と 7、Firefox 2.0、Safari 2.0、Opera 9.0で動作確認ができています。
角をまるくしているのは、「curvyCorners」を使用しているとのこと。

ほかにもこの吹き出し方はたくさんあります。

入力欄(フォーム)部分をマウスでクリックすると吹き出しが出てくるタイプ「Tooltip for forms
リンクの上にマウスを乗せると吹き出しが表示されるタイプ「Ajax tooltip
リンクの上にマウスを乗せるとページの右下に吹き出しが表示されるタイプ「Title to note
リンクの上にマウスを乗せると吹き出しが表示され、その影の部分は半透明になっているタイプ「Tooltip with transparent shadow
マンガの吹き出しっぽい形のタイプ「Balloon tooltip
角がまるく、影が半透明でな吹き出し「wg:Bubble Tooltips
海外ではいわゆる「ツールチップ」とか「バルーン」と呼ばれているタイプですね、この吹き出し方のものは。

拡張・修正の続いている CSS 仕様の全てを完全に実装しているユーザエージェントは事実上存在していないといっても過言ではなく、実際シェアで多数を占めるユーザエージェントは部分対応にすぎない。しかし実用上支障のないレベルの実装はされてきており、なおかつ表現のお互いの互換性についても考慮されてきている状態。

使えるソフト満載 ⇒ 人気blogランキングへ

(引用:GIGAZINE


使えるソフト、無料ゲーム満載 ⇒ 人気blogランキングへ
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。