Social Media Widget - Version 2.0

Version Description

Download this release

Release Info

Developer brianfreytag
Plugin Icon 128x128 Social Media Widget
Version 2.0
Comparing to
See all releases

Code changes from version 1.4 to 2.0

Files changed (33) hide show
  1. images/cutout/16/stumble.png +0 -0
  2. images/cutout/16/vimeo.png +0 -0
  3. images/cutout/32/stumble.png +0 -0
  4. images/cutout/32/vimeo.png +0 -0
  5. images/cutout/64/stumble.png +0 -0
  6. images/cutout/64/vimeo.png +0 -0
  7. images/default/16/stumble.png +0 -0
  8. images/default/16/vimeo.png +0 -0
  9. images/default/32/stumble.png +0 -0
  10. images/default/32/vimeo.png +0 -0
  11. images/default/64/stumble.png +0 -0
  12. images/default/64/vimeo.png +0 -0
  13. images/heart/16/stumble.png +0 -0
  14. images/heart/16/vimeo.png +0 -0
  15. images/heart/32/stumble.png +0 -0
  16. images/heart/32/vimeo.png +0 -0
  17. images/heart/64/stumble.png +0 -0
  18. images/heart/64/vimeo.png +0 -0
  19. images/sketch/16/stumble.png +0 -0
  20. images/sketch/16/vimeo.png +0 -0
  21. images/sketch/32/stumble.png +0 -0
  22. images/sketch/32/vimeo.png +0 -0
  23. images/sketch/64/stumble.png +0 -0
  24. images/sketch/64/vimeo.png +0 -0
  25. readme.txt +23 -9
  26. screenshot-1.png +0 -0
  27. screenshot-2.png +0 -0
  28. screenshot-3.png +0 -0
  29. screenshot-4.png +0 -0
  30. screenshot-5.png +0 -0
  31. screenshot-6.png +0 -0
  32. social-widget.php +81 -31
  33. social_widget.css +32 -2
images/cutout/16/stumble.png ADDED
Binary file
images/cutout/16/vimeo.png ADDED
Binary file
images/cutout/32/stumble.png ADDED
Binary file
images/cutout/32/vimeo.png ADDED
Binary file
images/cutout/64/stumble.png ADDED
Binary file
images/cutout/64/vimeo.png ADDED
Binary file
images/default/16/stumble.png ADDED
Binary file
images/default/16/vimeo.png ADDED
Binary file
images/default/32/stumble.png ADDED
Binary file
images/default/32/vimeo.png ADDED
Binary file
images/default/64/stumble.png ADDED
Binary file
images/default/64/vimeo.png ADDED
Binary file
images/heart/16/stumble.png ADDED
Binary file
images/heart/16/vimeo.png ADDED
Binary file
images/heart/32/stumble.png ADDED
Binary file
images/heart/32/vimeo.png ADDED
Binary file
images/heart/64/stumble.png ADDED
Binary file
images/heart/64/vimeo.png ADDED
Binary file
images/sketch/16/stumble.png ADDED
Binary file
images/sketch/16/vimeo.png ADDED
Binary file
images/sketch/32/stumble.png ADDED
Binary file
images/sketch/32/vimeo.png ADDED
Binary file
images/sketch/64/stumble.png ADDED
Binary file
images/sketch/64/vimeo.png ADDED
Binary file
readme.txt CHANGED
@@ -1,12 +1,12 @@
1
  === Social Media Widget ===
2
  Contributors: Brian Freytag
3
  Donate link: http://www.idontlikethisgame.com/code/donate/
4
- Tags: social media, twitter, facebook, myspace, digg, email, rss, reddit, linkedin, orkut, youtube, buzz, social, icons, links, subscribe, follow, follow me, friendfeed
5
  Requires at least: 2.9.1
6
  Tested up to: 3.0
7
- Stable tag: 1.4
8
 
9
- Adds links to all of your social media and sharing site profiles. Icons come in 3 sizes and 4 different icon styles.
10
 
11
  == Description ==
12
 
@@ -26,7 +26,9 @@ The Social Media Widget is a simple sidebar widget that allows users to input th
26
  * Digg
27
  * Reddit
28
  * Delicious
 
29
  * Buzz
 
30
  * RSS
31
  * E-mail Subscription Info Page (or mailto: address)
32
 
@@ -41,8 +43,13 @@ The Social Media Widget is a simple sidebar widget that allows users to input th
41
  * Heart - <a href="http://thedesignsuperhero.com/2009/03/heart-v2-free-social-iconset-in-heart-shape/">Heart v2</a> by The Design Superhero
42
  * Cutout - <a href="http://www.iconspedia.com/pack/icontexto-inside-2222/">Icontexto Inside Icons</a>
43
 
44
- * Ability to choose starting icon opacity from 50% opacity to 100% opacity
45
- note: on hover, icons are 100% opaque. Does not work in Internet Explorer due to bad transparent .png support. IE6+ made the buttons look terrible in most cases (black border around the icons) - removed alpha filter to fix this.
 
 
 
 
 
46
 
47
  * Ability to choose whether or not to use the rel="nofollow" tag in your links. (Recommended see http://en.wikipedia.org/wiki/Nofollow)
48
 
@@ -57,21 +64,28 @@ Follow the steps below to install the plugin.
57
  3. Go to Appearance/Widgets and activate the widget to customize
58
 
59
  == Screenshots ==
60
- 1. Shows all of the 32px icon packs
61
- 2. Shows all of the 64px icon packs
62
- 3. Shows all of the 16px icon packs
63
- 4. Shows the widget control panel
 
 
64
 
65
  == Frequently Asked Questions ==
66
 
67
  1) Can you add [insert social media service] support?
68
  Yes I can. Just e-mail me at <a href="mailto:brifreytag@gmail.com">brifreytag_at_gmail.com</a> or leave a comment at http://www.idontlikethisgame.com/updates/social-media-widget/.
69
 
 
 
 
70
  == Help ==
71
 
72
  For help, you can send an e-mail to <a href="mailto:brifreytag@gmail.com">brifreytag_at_gmail.com</a> or get ahold of me via twitter at <a href="http://www.twitter.com/brianfreytag">@brianfreytag</a>
73
 
74
  == Changelog ==
 
 
75
  1.4 - Added support for Flickr and Delicious
76
 
77
  1.3.1 - Quick changes to make the Readme.txt standardized.
1
  === Social Media Widget ===
2
  Contributors: Brian Freytag
3
  Donate link: http://www.idontlikethisgame.com/code/donate/
4
+ Tags: social media, twitter, facebook, myspace, digg, email, rss, reddit, linkedin, orkut, youtube, buzz, social, icons, links, subscribe, follow, follow me, friendfeed, flickr, stumbleupon, vimeo, delicious
5
  Requires at least: 2.9.1
6
  Tested up to: 3.0
7
+ Stable tag: 2.0
8
 
9
+ Adds links to all of your social media and sharing site profiles. Icons come in 3 sizes, 4 icon styles, and 4 animations.
10
 
11
  == Description ==
12
 
26
  * Digg
27
  * Reddit
28
  * Delicious
29
+ * StumbleUpon
30
  * Buzz
31
+ * Vimeo
32
  * RSS
33
  * E-mail Subscription Info Page (or mailto: address)
34
 
43
  * Heart - <a href="http://thedesignsuperhero.com/2009/03/heart-v2-free-social-iconset-in-heart-shape/">Heart v2</a> by The Design Superhero
44
  * Cutout - <a href="http://www.iconspedia.com/pack/icontexto-inside-2222/">Icontexto Inside Icons</a>
45
 
46
+ * Choose from multiple animations including:
47
+ * Fade In (you can choose the starting opacity too!)
48
+ * Scale (zoom in)
49
+ * Bounce
50
+ * Combo (All three)
51
+ * Note: Because these are all CSS3 style animations, IE6-7 aren't supported at all, although IE8 will support Scale. In IE6-8, icons will not be animated and use 100% opacity.
52
+
53
 
54
  * Ability to choose whether or not to use the rel="nofollow" tag in your links. (Recommended see http://en.wikipedia.org/wiki/Nofollow)
55
 
64
  3. Go to Appearance/Widgets and activate the widget to customize
65
 
66
  == Screenshots ==
67
+ 1. Web 2.0 icon pack
68
+ 2. Cutout icon pack
69
+ 3. Heart icon pack
70
+ 4. Sketch icon pack
71
+ 5. Top half of control panel
72
+ 6. Bottom half of control panel
73
 
74
  == Frequently Asked Questions ==
75
 
76
  1) Can you add [insert social media service] support?
77
  Yes I can. Just e-mail me at <a href="mailto:brifreytag@gmail.com">brifreytag_at_gmail.com</a> or leave a comment at http://www.idontlikethisgame.com/updates/social-media-widget/.
78
 
79
+ 2) Why aren't the animations working in Internet Explorer 6+?
80
+ The only animation supported by Internet Explorer is Scale, and that only works reliably with Internet Explorer 8. Scale is also included in Combo. No other animations will work. This is because I do not want to use Javascript to animate my icons. All of these animations are using CSS3 styles. The animations work the best with Webkit based browsers such as Chrome and Safari, though Firefox is fully supported without transition animations.
81
+
82
  == Help ==
83
 
84
  For help, you can send an e-mail to <a href="mailto:brifreytag@gmail.com">brifreytag_at_gmail.com</a> or get ahold of me via twitter at <a href="http://www.twitter.com/brianfreytag">@brianfreytag</a>
85
 
86
  == Changelog ==
87
+ 2.0 - Added support for Vimeo and StumbleUpon. Added Fade In, Scale, Bounce, Combo animations.
88
+
89
  1.4 - Added support for Flickr and Delicious
90
 
91
  1.3.1 - Quick changes to make the Readme.txt standardized.
screenshot-1.png CHANGED
Binary file
screenshot-2.png CHANGED
Binary file
screenshot-3.png CHANGED
Binary file
screenshot-4.png CHANGED
Binary file
screenshot-5.png ADDED
Binary file
screenshot-6.png ADDED
Binary file
social-widget.php CHANGED
@@ -2,8 +2,8 @@
2
  /**
3
  * Plugin Name: Social Media Widget
4
  * Plugin URI: http://www.idontlikethisgame.com/updates/social-media-widget/
5
- * Description: Place social media icons on your Sidebar by inputting URLs to your profiles!
6
- * Version: 1.4
7
  * Author: Brian Freytag
8
  * Author URI: http://www.idontlikethisgame.com/
9
  **/
@@ -57,11 +57,14 @@ class Social_Widget extends WP_Widget {
57
  $digg = $instance['digg'];
58
  $reddit = $instance['reddit'];
59
  $delicious = $instance['delicious'];
 
60
  $buzz = $instance['buzz'];
 
61
  $rss = $instance['rss_url'];
62
  $subscribe = $instance['subscribe'];
63
  $icon_size = $instance['icon_size'];
64
  $icon_pack = $instance['icon_pack'];
 
65
  $icon_opacity = $instance['icon_opacity'];
66
  $nofollow = $instance['nofollow'];
67
 
@@ -97,109 +100,125 @@ class Social_Widget extends WP_Widget {
97
 
98
  // Facebook
99
  if ( $facebook != '') {
100
- ?> <a href="<?php echo $facebook; ?>" <?php echo $nofollow; ?> target="_blank"> <img class="subscribes" src="<?php echo WP_PLUGIN_URL.'/'.str_replace(basename( __FILE__),"",plugin_basename(__FILE__)); ?>images/<?php echo $icon_pack.'/'.$icon_size; ?>/facebook.png" alt="<?php echo $title; ?> on Facebook" title="<?php echo $title; ?> on Facebook" style="opacity: <?php echo $icon_opacity;?>; -moz-opacity: <?php echo $icon_opacity;?>;"/></a><?php
101
  } else {
102
  echo ''; //If no URL inputed
103
  }
104
 
105
  // Twitter
106
  if ( $twitter != '' ) {
107
- ?> <a href="<?php echo $twitter; ?>" <?php echo $nofollow; ?> target="_blank"><img class="subscribes" src="<?php echo WP_PLUGIN_URL.'/'.str_replace(basename( __FILE__),"",plugin_basename(__FILE__)); ?>images/<?php echo $icon_pack.'/'.$icon_size; ?>/twitter.png" alt="<?php echo $title; ?> on Twitter"
108
- title="<?php echo $title; ?> on Twitter" style="opacity: <?php echo $icon_opacity;?>; -moz-opacity: <?php echo $icon_opacity;?>;" /></a><?php
109
  } else {
110
  echo ''; //If no URL inputed
111
  }
112
 
113
  // MySpace
114
  if ( $myspace != '' ) {
115
- ?><a href="<?php echo $myspace; ?>" <?php echo $nofollow; ?> target="_blank"><img class="subscribes" src="<?php echo WP_PLUGIN_URL.'/'.str_replace(basename( __FILE__),"",plugin_basename(__FILE__)); ?>images/<?php echo $icon_pack.'/'.$icon_size; ?>/myspace.png" alt="<?php echo $title; ?> on MySpace"
116
- title="<?php echo $title; ?> on MySpace" style="opacity: <?php echo $icon_opacity;?>; -moz-opacity: <?php echo $icon_opacity;?>;" /></a><?php
117
  } else {
118
  echo ''; //If no URL inputed
119
  }
120
 
121
  // FriendFeed
122
  if ( $friendfeed != '' ) {
123
- ?><a href="<?php echo $friendfeed; ?>" <?php echo $nofollow; ?> target="_blank"><img class="subscribes" src="<?php echo WP_PLUGIN_URL.'/'.str_replace(basename( __FILE__),"",plugin_basename(__FILE__)); ?>images/<?php echo $icon_pack.'/'.$icon_size; ?>/friendfeed.png" alt="<?php echo $title; ?> on FriendFeed"
124
- title="<?php echo $title; ?> on FriendFeed" style="opacity: <?php echo $icon_opacity;?>; -moz-opacity: <?php echo $icon_opacity;?>;" /></a><?php
125
  } else {
126
  echo ''; //If no URL inputed
127
  }
128
 
129
  // Orkut
130
  if ( $orkut != '' ) {
131
- ?><a href="<?php echo $orkut; ?>" <?php echo $nofollow; ?> target="_blank"><img class="subscribes" src="<?php echo WP_PLUGIN_URL.'/'.str_replace(basename( __FILE__),"",plugin_basename(__FILE__)); ?>images/<?php echo $icon_pack.'/'.$icon_size; ?>/orkut.png" alt="<?php echo $title; ?> on Orkut"
132
- title="<?php echo $title; ?> on Orkut" style="opacity: <?php echo $icon_opacity;?>; -moz-opacity: <?php echo $icon_opacity;?>;" /></a><?php
133
  } else {
134
  echo ''; //If no URL inputed
135
  }
136
 
137
  // LinkedIN
138
  if ( $linkedin != '' ) {
139
- ?><a href="<?php echo $linkedin; ?>" <?php echo $nofollow; ?> target="_blank"><img class="subscribes" src="<?php echo WP_PLUGIN_URL.'/'.str_replace(basename( __FILE__),"",plugin_basename(__FILE__)); ?>images/<?php echo $icon_pack.'/'.$icon_size; ?>/linkedin.png" alt="<?php echo $title; ?> on LinkedIn"
140
- title="<?php echo $title; ?> on LinkedIn" style="opacity: <?php echo $icon_opacity;?>; -moz-opacity: <?php echo $icon_opacity;?>;" /></a><?php
141
  } else {
142
  echo ''; //If no URL inputed
143
  }
144
 
145
  // Flickr
146
  if ( $flickr != '' ) {
147
- ?><a href="<?php echo $flickr; ?>" <?php echo $nofollow; ?> target="_blank"><img class="subscribes" src="<?php echo WP_PLUGIN_URL.'/'.str_replace(basename( __FILE__),"",plugin_basename(__FILE__)); ?>images/<?php echo $icon_pack.'/'.$icon_size; ?>/flickr.png" alt="<?php echo $title; ?> on Flickr"
148
- title="<?php echo $title; ?> on Flickr" style="opacity: <?php echo $icon_opacity;?>; -moz-opacity: <?php echo $icon_opacity;?>;" /></a><?php
149
  } else {
150
  echo ''; //If no URL inputed
151
  }
152
 
153
  // YouTube
154
  if ( $youtube != '' ) {
155
- ?><a href="<?php echo $youtube; ?>" <?php echo $nofollow; ?> target="_blank"><img class="subscribes" src="<?php echo WP_PLUGIN_URL.'/'.str_replace(basename( __FILE__),"",plugin_basename(__FILE__)); ?>images/<?php echo $icon_pack.'/'.$icon_size; ?>/youtube.png" alt="<?php echo $title; ?> on YouTube"
156
- title="<?php echo $title; ?> on YouTube" style="opacity: <?php echo $icon_opacity;?>; -moz-opacity: <?php echo $icon_opacity;?>;" /></a><?php
157
  } else {
158
  echo ''; //If No URL Inputed
159
  }
160
 
161
  // Digg
162
  if ( $digg != '' ) {
163
- ?><a href="<?php echo $digg; ?>" <?php echo $nofollow; ?> target="_blank"><img class="subscribes" src="<?php echo WP_PLUGIN_URL.'/'.str_replace(basename( __FILE__),"",plugin_basename(__FILE__)); ?>images/<?php echo $icon_pack.'/'.$icon_size; ?>/digg.png" alt="<?php echo $title; ?> on Digg"
164
- title="<?php echo $title; ?> on Digg" style="opacity: <?php echo $icon_opacity;?>; -moz-opacity: <?php echo $icon_opacity;?>;" /></a><?php
165
  } else {
166
  echo ''; //If no URL Inputed
167
  }
168
 
169
  // Reddit
170
  if ( $reddit != '' ) {
171
- ?><a href="<?php echo $reddit; ?>" <?php echo $nofollow; ?> target="_blank"><img class="subscribes" src="<?php echo WP_PLUGIN_URL.'/'.str_replace(basename( __FILE__),"",plugin_basename(__FILE__)); ?>images/<?php echo $icon_pack.'/'.$icon_size; ?>/reddit.png" alt="<?php echo $title; ?> on Reddit"
172
- title="<?php echo $title; ?> on Reddit" style="opacity: <?php echo $icon_opacity;?>; -moz-opacity: <?php echo $icon_opacity;?>;" /></a><?php
173
  } else {
174
  echo ''; //If no URL Inputed
175
  }
176
 
177
  // Delicious
178
  if ( $delicious != '' ) {
179
- ?><a href="<?php echo $delicious; ?>" <?php echo $nofollow; ?> target="_blank"><img class="subscribes" src="<?php echo WP_PLUGIN_URL.'/'.str_replace(basename( __FILE__),"",plugin_basename(__FILE__)); ?>images/<?php echo $icon_pack.'/'.$icon_size; ?>/delicious.png" alt="<?php echo $title; ?> on Delicious"
180
- title="<?php echo $title; ?> on Delicious" style="opacity: <?php echo $icon_opacity;?>; -moz-opacity: <?php echo $icon_opacity;?>;" /></a><?php
 
 
 
 
 
 
 
 
181
  } else {
182
  echo ''; //If no URL Inputed
183
  }
184
 
185
  // Google Buzz
186
  if ( $buzz != '' ) {
187
- ?><a href="<?php echo $buzz; ?>" <?php echo $nofollow; ?> target="_blank"><img class="subscribes" src="<?php echo WP_PLUGIN_URL.'/'.str_replace(basename( __FILE__),"",plugin_basename(__FILE__)); ?>images/<?php echo $icon_pack.'/'.$icon_size; ?>/buzz.png" alt="<?php echo $title; ?> on Buzz"
188
- title="<?php echo $title; ?> on Buzz" style="opacity: <?php echo $icon_opacity;?>; -moz-opacity: <?php echo $icon_opacity;?>;" /></a><?php
 
 
 
 
 
 
 
 
189
  } else {
190
  echo ''; //If no URL Inputed
191
  }
192
 
193
  // RSS
194
  if ( $rss != '') {
195
- ?><a href="<?php echo $rss; ?>" <?php echo $nofollow; ?>><img class="subscribes" src="<?php echo WP_PLUGIN_URL.'/'.str_replace(basename( __FILE__),"",plugin_basename(__FILE__)); ?>images/<?php echo $icon_pack.'/'.$icon_size; ?>/rss.png" alt="Subscribe to our RSS Feeds" title="Subscribe to our RSS Feeds" style="opacity: <?php echo $icon_opacity;?>; -moz-opacity: <?php echo $icon_opacity;?>;" /></a><?php
196
  } else {
197
  echo '';// If no URL Inputed
198
  }
199
 
200
  // E-mail Subscription -- If Newsletter or Mailing List available
201
  if ( $subscribe != '' ) {
202
- ?><a href="<?php echo $subscribe; ?>" <?php echo $nofollow; ?>><img class="subscribes" src="<?php echo WP_PLUGIN_URL.'/'.str_replace(basename( __FILE__),"",plugin_basename(__FILE__)); ?>images/<?php echo $icon_pack.'/'.$icon_size; ?>/email.png" alt="Join our Mailing List" title="Join Our Mailing List" style="opacity: <?php echo $icon_opacity;?>; -moz-opacity: <?php echo $icon_opacity;?>;" /></a><?php
203
  } else {
204
  echo ''; // If no URL Inputed
205
  }
@@ -227,11 +246,14 @@ class Social_Widget extends WP_Widget {
227
  $instance['digg'] = strip_tags( $new_instance['digg'] );
228
  $instance['reddit'] = strip_tags( $new_instance['reddit'] );
229
  $instance['delicious'] = strip_tags( $new_instance['delicious'] );
 
230
  $instance['buzz'] = strip_tags( $new_instance['buzz'] );
 
231
  $instance['rss_url'] = strip_tags( $new_instance['rss_url'] );
232
  $instance['subscribe'] = strip_tags( $new_instance['subscribe'] );
233
  $instance['icon_size'] = $new_instance['icon_size'];
234
  $instance['icon_pack'] = $new_instance['icon_pack'];
 
235
  $instance['icon_opacity'] = $new_instance['icon_opacity'];
236
  $instance['nofollow'] = $new_instance['nofollow'];
237
 
@@ -259,7 +281,9 @@ class Social_Widget extends WP_Widget {
259
  'digg' => __('http://www.digg.com/users/yourname', 'smw'),
260
  'reddit' => __('http://www.reddit.com/user/yourname', 'smw'),
261
  'delicious' => __('http://delicious.com/yourname', 'smw'),
 
262
  'buzz' => __('http://www.google.com/profiles/yourname#buzz', 'smw'),
 
263
  'rss_url' => __('http://www.yoursite.com/feed', 'smw'),
264
  'icon_size' => 'default',
265
  'icon_pack' => 'default',
@@ -342,6 +366,13 @@ class Social_Widget extends WP_Widget {
342
  <label for="<?php echo $this->get_field_id( 'delicious' ); ?>"><?php _e('Delicious URL:', 'smw'); ?></label>
343
  <input id="<?php echo $this->get_field_id( 'delicious' ); ?>" name="<?php echo $this->get_field_name( 'delicious' ); ?>" value="<?php echo $instance['delicious']; ?>" style="width:85%;" />
344
  </p>
 
 
 
 
 
 
 
345
 
346
  <!-- Buzz URL: Text Input -->
347
  <p>
@@ -349,6 +380,13 @@ class Social_Widget extends WP_Widget {
349
  <input id="<?php echo $this->get_field_id( 'buzz' ); ?>" name="<?php echo $this->get_field_name( 'buzz' ); ?>" value="<?php echo $instance['buzz']; ?>" style="width:85%;" />
350
  </p>
351
 
 
 
 
 
 
 
 
352
  <!-- RSS URL: Text Input -->
353
  <p>
354
  <label for="<?php echo $this->get_field_id( 'rss_url' ); ?>"><?php _e('RSS URL:', 'smw'); ?></label>
@@ -382,8 +420,19 @@ class Social_Widget extends WP_Widget {
382
  <option value="sketch" <?php if($instance['icon_pack'] == 'sketch') { echo 'selected'; } ?>>Sketch Icons</option>
383
  </select>
384
  </p>
385
-
386
- <!--Starting Icon Opacity -->
 
 
 
 
 
 
 
 
 
 
 
387
  <p>
388
  <label for="<?php echo $this->get_field_id( 'icon_opacity' ); ?>"><?php _e('Default Icon Opacity', 'smw'); ?></label>
389
  <select id="<?php echo $this->get_field_id( 'icon_opacity' ); ?>" name="<?php echo $this->get_field_name( 'icon_opacity' ); ?>">
@@ -394,10 +443,11 @@ class Social_Widget extends WP_Widget {
394
  <option value="0.9" <?php if($instance['icon_opacity'] == '0.9') { echo 'selected'; } ?>>90%</option>
395
  <option value="1" <?php if($instance['icon_opacity'] == '1') { echo 'selected'; } ?>>100%</option>
396
  </select>
 
397
  </p>
398
-
399
 
400
- <!-- No Follow On or Off -->
 
401
  <p>
402
  <label for="<?php echo $this->get_field_id( 'nofollow' ); ?>"><?php _e('Use rel="nofollow" for links', 'smw'); ?></label>
403
  <select id="<?php echo $this->get_field_id( 'nofollow' ); ?>" name="<?php echo $this->get_field_name( 'nofollow' ); ?>">
2
  /**
3
  * Plugin Name: Social Media Widget
4
  * Plugin URI: http://www.idontlikethisgame.com/updates/social-media-widget/
5
+ * Description: Adds links to all of your social media and sharing site profiles in your sidebar. Icons come in 3 sizes and 4 different icon styles.
6
+ * Version: 2.0
7
  * Author: Brian Freytag
8
  * Author URI: http://www.idontlikethisgame.com/
9
  **/
57
  $digg = $instance['digg'];
58
  $reddit = $instance['reddit'];
59
  $delicious = $instance['delicious'];
60
+ $stumble = $instance['stumble'];
61
  $buzz = $instance['buzz'];
62
+ $vimeo = $instance['vimeo'];
63
  $rss = $instance['rss_url'];
64
  $subscribe = $instance['subscribe'];
65
  $icon_size = $instance['icon_size'];
66
  $icon_pack = $instance['icon_pack'];
67
+ $animation = $instance['animation'];
68
  $icon_opacity = $instance['icon_opacity'];
69
  $nofollow = $instance['nofollow'];
70
 
100
 
101
  // Facebook
102
  if ( $facebook != '') {
103
+ ?> <a href="<?php echo $facebook; ?>" <?php echo $nofollow; ?> target="_blank"> <img src="<?php echo WP_PLUGIN_URL.'/'.str_replace(basename( __FILE__),"",plugin_basename(__FILE__)); ?>images/<?php echo $icon_pack.'/'.$icon_size; ?>/facebook.png" alt="<?php echo $title; ?> on Facebook" title="<?php echo $title; ?> on Facebook" <?php if($animation == 'fade' || $animation == 'combo') { ?> style="opacity: <?php echo $icon_opacity; ?>; -moz-opacity: <?php echo $icon_opacity;?>;" <?php } ?>class="<?php echo $animation; ?>" /></a><?php
104
  } else {
105
  echo ''; //If no URL inputed
106
  }
107
 
108
  // Twitter
109
  if ( $twitter != '' ) {
110
+ ?> <a href="<?php echo $twitter; ?>" <?php echo $nofollow; ?> target="_blank"><img src="<?php echo WP_PLUGIN_URL.'/'.str_replace(basename( __FILE__),"",plugin_basename(__FILE__)); ?>images/<?php echo $icon_pack.'/'.$icon_size; ?>/twitter.png" alt="<?php echo $title; ?> on Twitter"
111
+ title="<?php echo $title; ?> on Twitter"<?php if($animation == 'fade' || $animation == 'combo') { ?> style="opacity: <?php echo $icon_opacity; ?>; -moz-opacity: <?php echo $icon_opacity;?>;" <?php } ?>class="<?php echo $animation; ?>" /></a><?php
112
  } else {
113
  echo ''; //If no URL inputed
114
  }
115
 
116
  // MySpace
117
  if ( $myspace != '' ) {
118
+ ?><a href="<?php echo $myspace; ?>" <?php echo $nofollow; ?> target="_blank"><img src="<?php echo WP_PLUGIN_URL.'/'.str_replace(basename( __FILE__),"",plugin_basename(__FILE__)); ?>images/<?php echo $icon_pack.'/'.$icon_size; ?>/myspace.png" alt="<?php echo $title; ?> on MySpace"
119
+ title="<?php echo $title; ?> on MySpace" <?php if($animation == 'fade' || $animation == 'combo') { ?> style="opacity: <?php echo $icon_opacity; ?>; -moz-opacity: <?php echo $icon_opacity;?>;" <?php } ?>class="<?php echo $animation; ?>" /></a><?php
120
  } else {
121
  echo ''; //If no URL inputed
122
  }
123
 
124
  // FriendFeed
125
  if ( $friendfeed != '' ) {
126
+ ?><a href="<?php echo $friendfeed; ?>" <?php echo $nofollow; ?> target="_blank"><img src="<?php echo WP_PLUGIN_URL.'/'.str_replace(basename( __FILE__),"",plugin_basename(__FILE__)); ?>images/<?php echo $icon_pack.'/'.$icon_size; ?>/friendfeed.png" alt="<?php echo $title; ?> on FriendFeed"
127
+ title="<?php echo $title; ?> on FriendFeed" <?php if($animation == 'fade' || $animation == 'combo') { ?> style="opacity: <?php echo $icon_opacity; ?>; -moz-opacity: <?php echo $icon_opacity;?>;" <?php } ?>class="<?php echo $animation; ?>"" /></a><?php
128
  } else {
129
  echo ''; //If no URL inputed
130
  }
131
 
132
  // Orkut
133
  if ( $orkut != '' ) {
134
+ ?><a href="<?php echo $orkut; ?>" <?php echo $nofollow; ?> target="_blank"><img src="<?php echo WP_PLUGIN_URL.'/'.str_replace(basename( __FILE__),"",plugin_basename(__FILE__)); ?>images/<?php echo $icon_pack.'/'.$icon_size; ?>/orkut.png" alt="<?php echo $title; ?> on Orkut"
135
+ title="<?php echo $title; ?> on Orkut" <?php if($animation == 'fade' || $animation == 'combo') { ?> style="opacity: <?php echo $icon_opacity; ?>; -moz-opacity: <?php echo $icon_opacity;?>;" <?php } ?>class="<?php echo $animation; ?>" /></a><?php
136
  } else {
137
  echo ''; //If no URL inputed
138
  }
139
 
140
  // LinkedIN
141
  if ( $linkedin != '' ) {
142
+ ?><a href="<?php echo $linkedin; ?>" <?php echo $nofollow; ?> target="_blank"><img src="<?php echo WP_PLUGIN_URL.'/'.str_replace(basename( __FILE__),"",plugin_basename(__FILE__)); ?>images/<?php echo $icon_pack.'/'.$icon_size; ?>/linkedin.png" alt="<?php echo $title; ?> on LinkedIn"
143
+ title="<?php echo $title; ?> on LinkedIn" <?php if($animation == 'fade' || $animation == 'combo') { ?> style="opacity: <?php echo $icon_opacity; ?>; -moz-opacity: <?php echo $icon_opacity;?>;" <?php } ?>class="<?php echo $animation; ?>" /></a><?php
144
  } else {
145
  echo ''; //If no URL inputed
146
  }
147
 
148
  // Flickr
149
  if ( $flickr != '' ) {
150
+ ?><a href="<?php echo $flickr; ?>" <?php echo $nofollow; ?> target="_blank"><img src="<?php echo WP_PLUGIN_URL.'/'.str_replace(basename( __FILE__),"",plugin_basename(__FILE__)); ?>images/<?php echo $icon_pack.'/'.$icon_size; ?>/flickr.png" alt="<?php echo $title; ?> on Flickr"
151
+ title="<?php echo $title; ?> on Flickr" <?php if($animation == 'fade' || $animation == 'combo') { ?> style="opacity: <?php echo $icon_opacity; ?>; -moz-opacity: <?php echo $icon_opacity;?>;" <?php } ?>class="<?php echo $animation; ?>" /></a><?php
152
  } else {
153
  echo ''; //If no URL inputed
154
  }
155
 
156
  // YouTube
157
  if ( $youtube != '' ) {
158
+ ?><a href="<?php echo $youtube; ?>" <?php echo $nofollow; ?> target="_blank"><img src="<?php echo WP_PLUGIN_URL.'/'.str_replace(basename( __FILE__),"",plugin_basename(__FILE__)); ?>images/<?php echo $icon_pack.'/'.$icon_size; ?>/youtube.png" alt="<?php echo $title; ?> on YouTube"
159
+ title="<?php echo $title; ?> on YouTube" <?php if($animation == 'fade' || $animation == 'combo') { ?> style="opacity: <?php echo $icon_opacity; ?>; -moz-opacity: <?php echo $icon_opacity;?>;" <?php } ?>class="<?php echo $animation; ?>" /></a><?php
160
  } else {
161
  echo ''; //If No URL Inputed
162
  }
163
 
164
  // Digg
165
  if ( $digg != '' ) {
166
+ ?><a href="<?php echo $digg; ?>" <?php echo $nofollow; ?> target="_blank"><img src="<?php echo WP_PLUGIN_URL.'/'.str_replace(basename( __FILE__),"",plugin_basename(__FILE__)); ?>images/<?php echo $icon_pack.'/'.$icon_size; ?>/digg.png" alt="<?php echo $title; ?> on Digg"
167
+ title="<?php echo $title; ?> on Digg" <?php if($animation == 'fade' || $animation == 'combo') { ?> style="opacity: <?php echo $icon_opacity; ?>; -moz-opacity: <?php echo $icon_opacity;?>;" <?php } ?>class="<?php echo $animation; ?>" /></a><?php
168
  } else {
169
  echo ''; //If no URL Inputed
170
  }
171
 
172
  // Reddit
173
  if ( $reddit != '' ) {
174
+ ?><a href="<?php echo $reddit; ?>" <?php echo $nofollow; ?> target="_blank"><img src="<?php echo WP_PLUGIN_URL.'/'.str_replace(basename( __FILE__),"",plugin_basename(__FILE__)); ?>images/<?php echo $icon_pack.'/'.$icon_size; ?>/reddit.png" alt="<?php echo $title; ?> on Reddit"
175
+ title="<?php echo $title; ?> on Reddit" <?php if($animation == 'fade' || $animation == 'combo') { ?> style="opacity: <?php echo $icon_opacity; ?>; -moz-opacity: <?php echo $icon_opacity;?>;" <?php } ?>class="<?php echo $animation; ?>" /></a><?php
176
  } else {
177
  echo ''; //If no URL Inputed
178
  }
179
 
180
  // Delicious
181
  if ( $delicious != '' ) {
182
+ ?><a href="<?php echo $delicious; ?>" <?php echo $nofollow; ?> target="_blank"><img src="<?php echo WP_PLUGIN_URL.'/'.str_replace(basename( __FILE__),"",plugin_basename(__FILE__)); ?>images/<?php echo $icon_pack.'/'.$icon_size; ?>/delicious.png" alt="<?php echo $title; ?> on Delicious"
183
+ title="<?php echo $title; ?> on Delicious" <?php if($animation == 'fade' || $animation == 'combo') { ?> style="opacity: <?php echo $icon_opacity; ?>; -moz-opacity: <?php echo $icon_opacity;?>;" <?php } ?>class="<?php echo $animation; ?>" /></a><?php
184
+ } else {
185
+ echo ''; //If no URL Inputed
186
+ }
187
+
188
+ // StumbleUpon
189
+ if ( $stumble != '' ) {
190
+ ?><a href="<?php echo $stumble; ?>" <?php echo $nofollow; ?> target="_blank"><img src="<?php echo WP_PLUGIN_URL.'/'.str_replace(basename( __FILE__),"",plugin_basename(__FILE__)); ?>images/<?php echo $icon_pack.'/'.$icon_size; ?>/stumble.png" alt="<?php echo $title; ?> on StumbleUpon"
191
+ title="<?php echo $title; ?> on StumbleUpon" <?php if($animation == 'fade' || $animation == 'combo') { ?> style="opacity: <?php echo $icon_opacity; ?>; -moz-opacity: <?php echo $icon_opacity;?>;" <?php } ?>class="<?php echo $animation; ?>" /></a><?php
192
  } else {
193
  echo ''; //If no URL Inputed
194
  }
195
 
196
  // Google Buzz
197
  if ( $buzz != '' ) {
198
+ ?><a href="<?php echo $buzz; ?>" <?php echo $nofollow; ?> target="_blank"><img src="<?php echo WP_PLUGIN_URL.'/'.str_replace(basename( __FILE__),"",plugin_basename(__FILE__)); ?>images/<?php echo $icon_pack.'/'.$icon_size; ?>/buzz.png" alt="<?php echo $title; ?> on Buzz"
199
+ title="<?php echo $title; ?> on Buzz" <?php if($animation == 'fade' || $animation == 'combo') { ?> style="opacity: <?php echo $icon_opacity; ?>; -moz-opacity: <?php echo $icon_opacity;?>;" <?php } ?>class="<?php echo $animation; ?>" /></a><?php
200
+ } else {
201
+ echo ''; //If no URL Inputed
202
+ }
203
+
204
+ // Vimeo
205
+ if ( $vimeo != '' ) {
206
+ ?><a href="<?php echo $vimeo; ?>" <?php echo $nofollow; ?> target="_blank"><img src="<?php echo WP_PLUGIN_URL.'/'.str_replace(basename( __FILE__),"",plugin_basename(__FILE__)); ?>images/<?php echo $icon_pack.'/'.$icon_size; ?>/vimeo.png" alt="<?php echo $title; ?> on Vimeo"
207
+ title="<?php echo $title; ?> on Vimeo" <?php if($animation == 'fade' || $animation == 'combo') { ?> style="opacity: <?php echo $icon_opacity; ?>; -moz-opacity: <?php echo $icon_opacity;?>;" <?php } ?>class="<?php echo $animation; ?>" /></a><?php
208
  } else {
209
  echo ''; //If no URL Inputed
210
  }
211
 
212
  // RSS
213
  if ( $rss != '') {
214
+ ?><a href="<?php echo $rss; ?>" <?php echo $nofollow; ?>><img src="<?php echo WP_PLUGIN_URL.'/'.str_replace(basename( __FILE__),"",plugin_basename(__FILE__)); ?>images/<?php echo $icon_pack.'/'.$icon_size; ?>/rss.png" alt="Subscribe to our RSS Feeds" title="Subscribe to our RSS Feeds" <?php if($animation == 'fade' || $animation == 'combo') { ?> style="opacity: <?php echo $icon_opacity; ?>; -moz-opacity: <?php echo $icon_opacity;?>;" <?php } ?>class="<?php echo $animation; ?>" /></a><?php
215
  } else {
216
  echo '';// If no URL Inputed
217
  }
218
 
219
  // E-mail Subscription -- If Newsletter or Mailing List available
220
  if ( $subscribe != '' ) {
221
+ ?><a href="<?php echo $subscribe; ?>" <?php echo $nofollow; ?>><img src="<?php echo WP_PLUGIN_URL.'/'.str_replace(basename( __FILE__),"",plugin_basename(__FILE__)); ?>images/<?php echo $icon_pack.'/'.$icon_size; ?>/email.png" alt="Join our Mailing List" title="Join Our Mailing List" <?php if($animation == 'fade' || $animation == 'combo') { ?> style="opacity: <?php echo $icon_opacity; ?>; -moz-opacity: <?php echo $icon_opacity;?>;" <?php } ?>class="<?php echo $animation; ?>" /></a><?php
222
  } else {
223
  echo ''; // If no URL Inputed
224
  }
246
  $instance['digg'] = strip_tags( $new_instance['digg'] );
247
  $instance['reddit'] = strip_tags( $new_instance['reddit'] );
248
  $instance['delicious'] = strip_tags( $new_instance['delicious'] );
249
+ $instance['stumble'] = strip_tags( $new_instance['stumble'] );
250
  $instance['buzz'] = strip_tags( $new_instance['buzz'] );
251
+ $instance['vimeo'] = strip_tags( $new_instance['vimeo'] );
252
  $instance['rss_url'] = strip_tags( $new_instance['rss_url'] );
253
  $instance['subscribe'] = strip_tags( $new_instance['subscribe'] );
254
  $instance['icon_size'] = $new_instance['icon_size'];
255
  $instance['icon_pack'] = $new_instance['icon_pack'];
256
+ $instance['animation'] = $new_instance['animation'];
257
  $instance['icon_opacity'] = $new_instance['icon_opacity'];
258
  $instance['nofollow'] = $new_instance['nofollow'];
259
 
281
  'digg' => __('http://www.digg.com/users/yourname', 'smw'),
282
  'reddit' => __('http://www.reddit.com/user/yourname', 'smw'),
283
  'delicious' => __('http://delicious.com/yourname', 'smw'),
284
+ 'stumble' => __('http://www.stumbleupon.com/stumbler/yourname', 'smw'),
285
  'buzz' => __('http://www.google.com/profiles/yourname#buzz', 'smw'),
286
+ 'vimeo' => __('http://www.vimeo.com/yourname', 'smw'),
287
  'rss_url' => __('http://www.yoursite.com/feed', 'smw'),
288
  'icon_size' => 'default',
289
  'icon_pack' => 'default',
366
  <label for="<?php echo $this->get_field_id( 'delicious' ); ?>"><?php _e('Delicious URL:', 'smw'); ?></label>
367
  <input id="<?php echo $this->get_field_id( 'delicious' ); ?>" name="<?php echo $this->get_field_name( 'delicious' ); ?>" value="<?php echo $instance['delicious']; ?>" style="width:85%;" />
368
  </p>
369
+
370
+ <!-- StumpleUpon URL: Text Input -->
371
+ <p>
372
+ <label for="<?php echo $this->get_field_id( 'stumble' ); ?>"><?php _e('StumbleUpon URL:', 'smw'); ?></label>
373
+ <input id="<?php echo $this->get_field_id( 'stumble' ); ?>" name="<?php echo $this->get_field_name( 'stumble' ); ?>" value="<?php echo $instance['stumble']; ?>" style="width:85%;" />
374
+ </p>
375
+
376
 
377
  <!-- Buzz URL: Text Input -->
378
  <p>
380
  <input id="<?php echo $this->get_field_id( 'buzz' ); ?>" name="<?php echo $this->get_field_name( 'buzz' ); ?>" value="<?php echo $instance['buzz']; ?>" style="width:85%;" />
381
  </p>
382
 
383
+ <!-- Vimeo URL: Text Input -->
384
+ <p>
385
+ <label for="<?php echo $this->get_field_id( 'vimeo' ); ?>"><?php _e('Vimeo URL:', 'smw'); ?></label>
386
+ <input id="<?php echo $this->get_field_id( 'vimeo' ); ?>" name="<?php echo $this->get_field_name( 'vimeo' ); ?>" value="<?php echo $instance['vimeo']; ?>" style="width:85%;" />
387
+ </p>
388
+
389
+
390
  <!-- RSS URL: Text Input -->
391
  <p>
392
  <label for="<?php echo $this->get_field_id( 'rss_url' ); ?>"><?php _e('RSS URL:', 'smw'); ?></label>
420
  <option value="sketch" <?php if($instance['icon_pack'] == 'sketch') { echo 'selected'; } ?>>Sketch Icons</option>
421
  </select>
422
  </p>
423
+
424
+ <!-- Type of Animation: Dropdown -->
425
+ <p>
426
+ <label for="<?php echo $this->get_field_id( 'animation' ); ?>"><?php _e('Type of Animation', 'smw'); ?></label>
427
+ <select id="<?php echo $this->get_field_id( 'animation' ); ?>" name="<?php echo $this->get_field_name( 'animation' ); ?>">
428
+ <option value="fade" <?php if($instance['animation'] == 'fade') { echo 'selected'; } ?>>Fade In</option>
429
+ <option value="scale" <?php if($instance['animation'] == 'scale') { echo 'selected'; } ?>>Scale</option>
430
+ <option value="bounce" <?php if($instance['animation'] == 'bounce') { echo 'selected'; } ?>>Bounce</option>
431
+ <option value="combo" <?php if($instance['animation'] == 'combo') { echo 'selected'; } ?>>Combo</option>
432
+ </select>
433
+ </p>
434
+
435
+ <!--Starting Icon Opacity: Dropdown -->
436
  <p>
437
  <label for="<?php echo $this->get_field_id( 'icon_opacity' ); ?>"><?php _e('Default Icon Opacity', 'smw'); ?></label>
438
  <select id="<?php echo $this->get_field_id( 'icon_opacity' ); ?>" name="<?php echo $this->get_field_name( 'icon_opacity' ); ?>">
443
  <option value="0.9" <?php if($instance['icon_opacity'] == '0.9') { echo 'selected'; } ?>>90%</option>
444
  <option value="1" <?php if($instance['icon_opacity'] == '1') { echo 'selected'; } ?>>100%</option>
445
  </select>
446
+ <span style="color: #999;"><em>Only applies to Fade and Combo animations</em></span>
447
  </p>
 
448
 
449
+
450
+ <!-- No Follow On or Off: Dropdown -->
451
  <p>
452
  <label for="<?php echo $this->get_field_id( 'nofollow' ); ?>"><?php _e('Use rel="nofollow" for links', 'smw'); ?></label>
453
  <select id="<?php echo $this->get_field_id( 'nofollow' ); ?>" name="<?php echo $this->get_field_name( 'nofollow' ); ?>">
social_widget.css CHANGED
@@ -13,7 +13,7 @@ li.Social_Widget a {
13
 
14
  .socialmedia-buttons img {
15
  border: 0 !important;
16
- margin-right: 10px;
17
  }
18
 
19
  .socialmedia-buttons a {
@@ -25,7 +25,37 @@ li.Social_Widget a {
25
  border: 0;
26
  }
27
 
28
- .socialmedia-buttons img:hover {
29
  opacity: 1 !important;
30
  -moz-opacity: 1 !important;
 
 
31
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
13
 
14
  .socialmedia-buttons img {
15
  border: 0 !important;
16
+ margin-right: 10px !important;
17
  }
18
 
19
  .socialmedia-buttons a {
25
  border: 0;
26
  }
27
 
28
+ .socialmedia-buttons img.fade:hover {
29
  opacity: 1 !important;
30
  -moz-opacity: 1 !important;
31
+ -webkit-transition: all 0.2s ease-in;
32
+ transition: all 0.2s ease;
33
  }
34
+
35
+ .socialmedia-buttons img.scale:hover {
36
+ -moz-transform: scale(1.2);
37
+ -webkit-transform: scale(1.2);
38
+ -webkit-transition: all 0.2s ease-in;
39
+ -ms-zoom: 1.2;
40
+ transition: all 0.2s ease;
41
+ }
42
+
43
+ .socialmedia-buttons img.bounce:hover {
44
+ transform: translate(0px, -2px);
45
+ -moz-transform: translate(0px, -2px);
46
+ -webkit-transform: translate(0px, -2px);
47
+ -webkit-transition: -webkit-transform 0.2s ease-in;
48
+ transition: all 0.2s ease;
49
+
50
+ }
51
+
52
+ .socialmedia-buttons img.combo:hover {
53
+ transform: translate(0px, -4px);
54
+ -moz-transform: scale(1.1) translate(0px, -4px);
55
+ -webkit-transform: scale(1.1) translate(0px, -4px);
56
+ -ms-zoom: 1.1;
57
+ opacity: 1 !important;
58
+ -moz-opacity: 1 !important;
59
+ -webkit-transition: all 0.2s ease-in;
60
+ transition: all 0.2s ease;
61
+ }