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.
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.
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.
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.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.