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, ಕನ್ನಡ, Українська мова, ไทย
WordPress / Interface Elements / Buttons

Social Sprites Icons Widget

— Add-On to WorldWideScripts.net

Subscribe to our feed to stay up to date!

New! Follow us as you want it!


Social Sprites Icons Widget - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Our Social Places Includes social icons Circle Square icons option CSS3 transitions Created using sprites

Follow Facebook get resources and updates\\Follow Twitter get notifications and previews

INTRODUCTION

Social Sprites Icons is a set of commonly used social icons that transition using CSS ease. This set is super lightweight and could easily be integrated into any website. There are two versions for the icons. One is the standard icon set, and the other is a mini set. On hover, the icons background color will change to the official color of the social network. All of the icons are in one sprite png that totals 26.1 KB.

video preview

SEARCH Easy install Simple widget panel Custom icons OUR SOCIAl. PLACES Circle icons Borderless icons Google Plus

Social Sprite Icons installed on SmartStart Theme.

PRIORITIZED CODE

Each themes come with its own customization for the sidebar and widgets. One of the most popular and heavily customized tag is.widget. Since each theme is styled differently, we cannot predict what preset will affect our buttons. With this in mind, we decided to take a different approach. Instead of attempting to reset the.widgets class, we prioritized our sprites list instead. Therefore, all of our lines of code in the stylesheet has ”!important” callout to provide you with un-intrusive code.

HOW TO USE

There is a “Thank You.pdf” file included with every file. Please read that file to learn how to use this widget.

DEMO & WATERMARK

You can view the live demo of this file by clicking ‘Live Preview’ from above. We also have a video of the file without the watermark available at http://screenr.com/1jg7.

On the demo you will see some white text over the buttons. Those are watermarks to prevent people from stealing the content. Sorry for the trouble this may have caused you.

STANDARD ICONS digg TRANSPARENT. BORDERLESS ICONS digg CIRCLE BORDERLESS ICONS SOCIAL SPRITES MINI dqg SOCIAL SPRITES MINI CIRCLES

FILE SUPPORT

If you require any support, please post in the comment section or look in the “Thank You.pdf” file included in the archive.

FILE UPDATE

Update 1.9.1 – 12/09/2013
  • Bug fix for custom icons.
Update 1.9 – 10/20/2013
  • Added option to choose background color. This new feature supports HEX (#000AAA) and RGB/RGBA support. Furthermore, you can also prioritize the color with CSS’s!important tag.
  • Added white icons.
Update 1.8.1 – 10/13/2013
  • Fixes a bug caused by the last update
  • Fixes a conflict issue from WordPress defined class
Update 1.8 – 10/12/2013
  • CSS definitions has been prioritized to prevent over-definition.
  • CSS file has been compressed for improved performance.
  • Minor improvements to CSS to improve transition.
Update 1.7 – 06/03/2013
  • Updated Twitter icon
Update 1.6 – 02/18/2013
  • Bug fixes
Update 1.5 – 02/17/2013
  • Added a target option to all links. Now you can open links in new windows.
    • Note this is a manual input field. To learn about target attribute. click here.
Update 1.4 – 01/12/2013
  • Added 3 new icons: Document, Star, ShareThis
  • Code fix for Stumbleupon icon
  • CSS code fixes to prevent overflow
Update 1.3 – 12/23/2012
  • Fixed mail icons code
  • Fixed version number to latest
  • Added support and verified use on WordPress 3.5
Update 1.2 – 12/19/2012
  • Added 7 new icons: Github – Behance – Yelp – Mail – Instagram – Foursquare – Zerply
  • Code fix to custom icons to fix a small bug
  • Added margins to circle icons
  • Update to documentation
  • WordPress direct upload issues now fixed

Update 1.1 – 12/17/2012 This update adds the following features:

  • Ability to add 2 custom icons.
  • Option to select circle icons.
Upload 1.0 – 12/10/2012
  • File Submitted for review.

Flag Counter


Download
Other components in this categoryAll components of this author
CommentsFrequently asked questions and answers

Properties

Created:
13 December 12

Last Update:
10 December 13

Compatible Browsers:
IE8, IE9, IE10, Firefox, Safari, Opera, Chrome

Files Included:
HTML, CSS, PHP, Layered PNG

Software Version:
WordPress 3.6, WordPress 3.5, WordPress 3.4, WordPress 3.3, WordPress 3.2, WordPress 3.1, WordPress 3.0

Keywords

eCommerce, All Items, buttons, css, fireworks, icons, media, social, sprites, widget, wordpress