WorldWideScripts.net Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
CSS / Miscellaneous

Tooltips - Round & Oval

— アドオンWorldWideScripts.netへ

@ja1wws日付まで滞在するために私達のフィードを購読する!

新しい!あなたがそれを望むように私たちに従ってください!


Tooltips - Round & Oval - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

ラウンド&オーバルツールチップがポップアップし、あなたの顔に笑顔を置くために!

彼らはだけでなく、特に若い観客(子供、十代の若者たち)に最適です。

ラウンドシェイプを使用するサイトは、これらのツールチップであってもクーラーになります...

特徴:

  • 1の4:ラウンドバブル、バブルオーバル、ラウンドツールチップ、オーバルツールチップ
  • 革新的でユニークなデザイン
  • 8サイズ
  • 8位
  • autopositioningプラグイン(smarTooltip)
  • 16色の組み合わせのスタイル
  • 6縁取りのスタイル
  • 13クールなフリーフォントの選択
  • CSS3のトランジション
  • 準備ができて素晴らしいフォント
  • 最新のブラウザ=なしジャバスクリプトだけCSS3 +画像なし+
  • IE 9 =部分CSS3 +画像なし+ jQueryの遷移
  • IE 8 =画像+ jQueryの
  • 4 LESSファイルに含ま
  • 最大CSSの最小マークアップ
  • 4詳細なHTMLドキュメントファイル
  • サポートとアップデート
あなたは、アイコン、リンク、これらのツールチップ内の画像を置くことができます。

あなたは、画像にツールチップを置くことができます。

驚くべき、遊び心のデザインを作成するためにそれらを使用してください。

テキストの外観やツールチップの内側に配置されている方法を最大限に制御を持っています。 ツールチップのサイズは、その中に追加どのくらいの内容に応じて自動的に変更されません。 代わりに、内部のあなたの内容に合わせて8既製サイズのクラスのいずれかを使用する必要があります。 あなたは、LESSファイルを使用して独自のカスタムサイズのクラスを作ることができます。

また、私は、CMSで使用するためにそれらをお勧めしません。 これにより手動でツールチップ内のコンテンツをallignする必要があるという事実に、彼らはdinamically生成されたコンテンツとうまく動作しません。

smarTooltip

smarTooltipは、オプションのjQueryのプラグインを私が作っているということです。 なお、この項目に含まれています。 これらのツールチップは、javascriptをせずに完全に動作しますが、このプラグインは、新しいレベルにそれらを取ります! smarTooltiptプラグインは、次の機能があります。
  • autopositions全部または画面上での一時的な位置に応じてのみ、特定のツールチップ(ブラウザウィンドウ)
  • autopositioningを使用する各ツールヒントのための設定した位置の制限(例外)。
  • 任意のJavaScriptを編集する必要はありません、すべてはhtmlファイル内で行われています。 単にCSSクラスとデータ属性を追加します。
私はそれを本当に好き。 見てみな !

ブラウザの互換性:

  • Firefoxの16+
  • クローム23+
  • サファリ5.1+
  • オペラ12.1
  • IE 10
  • IE 9:jQueryの遷移がフォールバックに
  • IE 8:画像+ jQueryのフォールバック

コピーライト

場合は拡張ライセンスを購入してください:
  • あなたはThemeforrestまたはCodecanyonアイテムにこの項目からコードを含めます

クレジット:

アップデート:

3月18日: 3月13日:
  • IE 9のために追加されたフォールバック:jQueryの遷移
  • IE 8のための追加のフォールバック:画像+ jQueryの

コメントや評価に感謝しています!

おかげで

チューダー


ダウンロードしてください
このカテゴリー内の他のコンポーネントこの著者のすべてのコンポーネント
コメントよくある質問と回答を求めた

プロパティ

作成:
3月8日13

最終更新:
3月18日13

推奨ブラウザ:
IE8、IE9、IE10は、Firefox、Safariの、オペラ、クローム

含まれるファイル:
JavaScriptのJS、HTML、CSS、LESS

ソフトウェアバージョン:
CSS3

キーワード

eコマース, eコマース, 全商品, 泡, サークル, CSS3, 後退する, 革新的な, jqueryの, お知らせ, オーバル, ラウンド, スマート, ヒント, ツールチップ, ツールチップ, トランジション