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 / Buttons

Social Sprites Icons

— アドオンWorldWideScripts.netへ

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

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


Social Sprites Icons - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

WordPressのために利用可能

フェイスブック \\ ツイッター

導入

ソーシャルスプライトアイコンは、遷移CSSの使いやすさを使用して、一般的に使用される社会的なアイコンのセットです。 このセットは、超軽量で、簡単に任意のWebサイトに統合することができました。 アイコンの2つのバージョンがあります。 正常な状態のための白い背景と透明な背景のバージョンでOne。 ホバーで、アイコンの背景色は、ソーシャルネットワークの公式の色に変わります。 アイコンのすべてが26.1キロバイトを合計1スプライトPNG形式です。

ソーシャルスプライト

拡張ライセンス

拡張ライセンスはEnvatoによって記載されている規約に従います。 これらの用語はして見つけることができます こちらをクリック 。 さらに、これらの特別な条件が適用されます。
  • アイコンは、ウェブ上で販売されているテンプレートを使用することができます。
  • アイコンが別々に転売することはできません。
  • アイコンは、ご購入後に無料のために与えることはできません。
  • アイコンは、ライセンスのみごとに販売さ​​れている1テンプレートに使用することができます。 追加ライセンスについては、購入後ダウンロード可能アーカイブ内に見つかった電子メールアドレスを経由してご連絡ください。

使い方

設定のソーシャルスプライトアイコンを使用することは非常に簡単です。 あなたのウェブサイトにそれを統合するために必要なことは、社会的なスプライト非順序付きリストから呼び出すです。 それは非侵入的にするために、我々は、このクラスのSSを命名しました。

ソーシャルスプライト- 40ピクセルのアイコンによって40ピクセル

 <ULクラス= "SS"> <LIクラス= "Facebookの"> <a href="#">ログインfacebook </a>にます。</ li> <LIクラス= "dribbble"> <a href="#"> dribbbleする</a>ます。</ li> <LIクラス= "さえずり"> <a href="#">さえずりする</a>ます。</ li> </ UL> 

30pxのアイコンによって30px -ソーシャルスプライトミニ

 <ULクラス= "SSM"> <LIクラス= "Facebookの"> <a href="#">ログインfacebook </a>にます。</ li> <LIクラス= "dribbble"> <a href="#"> dribbbleする</a>ます。</ li> <LIクラス= "さえずり"> <a href="#">さえずりする</a>ます。</ li> </ UL> 
:弊社のナレッジベースに完全なガイドを見る http://kb.fwpolice.com/kits/social-sprites-icons/

DEMO&WATERMARK

あなたは上から「ライブプレビュー」をクリックすると、このファイルのライブデモを見ることができます。 我々はまた、利用可能な透かしのないファイルのビデオを持って http://www.screenr.com/Wa68

デモでは、ボタンの上にいくつかの白のテキストが表示されます。 これらはコンテンツを盗むから人々を防ぐために透かしています。 これはあなたを起こしたことがトラブルのため申し訳ありません。

レビュー

ソーシャルスプライト

ファイルのサポート

あなたが任意のサポートが必要な場合は、コメント欄に投稿したり、アーカイブに含まれる「You.pdfありがとう」ファイルでご覧下さい。 :ファイルの設定のヘルプについては、当社のナレッジベースでの完全なガイドを閲覧http://kb.fwpolice.com/kits/social-sprites-icons/

ファイルの更新

更新2.7 - 2014年7月8日
  • About.me - - Bandcamp - ビッキー - がdeviantart - 興:5新しいアイコンを追加しました
  • スプライトは、より良い品質のためのPNG-32として保存します
更新2.6 - 2013年10月20日
  • 白のアイコンへの更新
  • ミニアイコンの追加されたホワイトバージョン
更新2.5 - 2013年10月13日
  • コー​​ドのクリーンアップ大規模な
  • スタイルシートは、パフォーマンスを向上させるために圧縮されています
  • すべてのレイアウトスタイリングアイコンのスタイリングから分離されました
  • アイコンのスタイルシートはsocialsprites.cssに名前が変更されました
  • テーマスタイルinterferranceを防止するためのコードを優先順位付け
  • 遷移に改善
  • Twitterのアイコンにアップデート
  • - 共有 - docの星:3新しいアイコンを追加しました
  • スプライトのクリーンアップ
  • それが簡単にスプライトへのパスを編集するメイド
更新2.4 - 2013年9月12日
  • Twitterのアイコンにアップデート
更新2.3 - 2013年6月3日
  • Twitterのアイコンにアップデート
更新2.2 - 2012年12月18日
  • Behance - - Yelpの - メール - Instagramの - フォースクエア - ZerplyのGithub:7新しいアイコンを追加しました
  • サークルアイコンのオプションが追加されました。 サークルのアイコンを追加するには、あなたは自分にsscircleクラスを追加する必要があります
      タグ。 さらに、あなたは、もはや以前のようにコンテナクラスを使用する必要がありません。 あなたは、単にのulタグに直接ボーダレスクラスを使用することができます。 例では、通常のサイズのアイコンのために、あなたが使用します。
 <ULクラス= "ssのボーダレスsscircle"> ... </ UL> 
更新2.1 - 2012年11月15日
  • IEのバグの修正(追加IE条件付き)
  • ミニアイコンのエッジの修正(2アイコンの削除ボケ)
更新2.0 - 2012年11月9日
  • 追加されたソーシャルスプライトミニ(30px 30pxによって)
  • PNGのクリーンアップ
  • 商業テーマで使用するために追加されている拡張ライセンス
  • 「ライブプレビュー」に控えめウォーターマークを追加しました
更新1.1 - 2012年11月7日
  • 数学へのアップデート

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

プロパティ

作成した:
5 11月12日

最後の更新:
7月9日14

互換性のあるブラウザ:
IE8、IE9、Firefoxの、サファリ、オペラ、クローム

含まれるファイル:
HTML、CSS、レイヤードPNG

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

キーワード

eコマース, eコマース, 全商品, ボタン, CSS, フェイスブック, 花火, アイコン, 以下のような, メディア, シェア, ソーシャル, ソーシャルメディア, スプライト, スプライト, ツイート, さえずり