Sunday, May 19, 2013

Social Sprites Icons Widget

Social Sprites Icons Widget - CodeCanyon Item for Sale


Social Sprites Icons Widget - CodeCanyon Item for Sale

buttons // css // fireworks // icons // social // sprites // widget // wordpress //



























Created 13 December 12
Last Update 19 February 13
Compatible Browsers IE8, IE9, Firefox, Safari, Opera, Chrome
Software Version WordPress 3.5, WordPress 3.4, WordPress 3.3, WordPress 3.2, WordPress 3.1, WordPress 3.0
Compatible With BuddyPress 1.6.1, WP e-Commerce 3.8.x, WooCommerce 1.6.5.1, Bootstrap 2.1.1
Files Included HTML, CSS, PHP, Layered PNG



social sprites




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




social sprites




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.




social sprites






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





Related produck


Social Sprites Icons - CodeCanyon Item for Sale

More items by IamShipon1988

No comments:

Post a Comment