Fuse Social Floating Sidebar - Version 1.3

Version Description

Download this release

Release Info

Developer daniyalahmedk
Plugin Icon 128x128 Fuse Social Floating Sidebar
Version 1.3
Comparing to
See all releases

Code changes from version 1.2.1 to 1.3

Files changed (4) hide show
  1. fuse_social_sidebar.php +1 -1
  2. inc/fuse_social_sidebar_admin.php +152 -87
  3. inc/fuse_social_sidebar_scripts.php +52 -42
  4. readme.txt +2 -2
fuse_social_sidebar.php CHANGED
@@ -3,7 +3,7 @@
3
  Plugin Name: Fuse Social Floating Sidebar
4
  Plugin URI: http://photontechs.com/fuse-social-sidebar
5
  Description: This Fuse Social Floating Sidebar plugin allow you to put social icons which can be link with your social media profiles.
6
- Version: 1.2.1
7
  Author: Daniyal Ahmed
8
  Author URI: http://www.photontechs.com
9
  License: GNU General Public License v3.0
3
  Plugin Name: Fuse Social Floating Sidebar
4
  Plugin URI: http://photontechs.com/fuse-social-sidebar
5
  Description: This Fuse Social Floating Sidebar plugin allow you to put social icons which can be link with your social media profiles.
6
+ Version: 1.3
7
  Author: Daniyal Ahmed
8
  Author URI: http://www.photontechs.com
9
  License: GNU General Public License v3.0
inc/fuse_social_sidebar_admin.php CHANGED
@@ -16,11 +16,11 @@ function register_fuse_social_sidebar_submenu_page()
16
 
17
  add_action('admin_menu', 'register_fuse_social_sidebar_submenu_page');
18
 
19
- //Getting square icons image for Admin Settings
20
 
21
  $awesome_sq_icon = "Square Icons <img src='" . plugin_dir_url(__FILE__) . "img/square_logo.png' /> &nbsp; &nbsp; &nbsp; ";
22
 
23
- //Getting round icons image for Admin Settings
24
 
25
  $awesome_ro_icon = "Round Icons <img src='" . plugin_dir_url(__FILE__) . "img/round_logo.png' />";
26
 
@@ -72,6 +72,26 @@ $size_options = array(
72
 
73
  );
74
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
75
  // Awesome Social call back for Admin Settings
76
 
77
  function fuse_social_callback()
@@ -99,22 +119,22 @@ function fuse_social_callback()
99
 
100
  // Activating tabs for Admin Settings
101
  (function( $ ) {
102
-
103
  // Add Color Picker to all inputs that have 'color-field' class
104
  $(function() {
105
  $('.color-field').wpColorPicker();
106
  });
107
-
108
  })( jQuery );
109
  (function( $ ) {
110
  $(function() {
111
-
112
  // Add Color Picker to all inputs that have 'color-field' class
113
  $( '.cpa-color-picker' ).wpColorPicker();
114
-
115
  });
116
  })( jQuery );
117
-
118
  $j=jQuery.noConflict();
119
 
120
  $j(document).ready(function(){
@@ -181,7 +201,7 @@ function fuse_social_callback()
181
 
182
  ?>
183
 
184
-
185
 
186
  });
187
 
@@ -215,7 +235,7 @@ function fuse_social_callback()
215
 
216
  // Getting social icons style type i.e Round or Sqaure for Admin Settings
217
 
218
- global $style_options,$size_options;
219
 
220
  $fuse_social_style = "";
221
 
@@ -287,7 +307,7 @@ function fuse_social_callback()
287
 
288
  <td style="width: 300px;">
289
 
290
- <?php // Open Links in new tab setting ?>
291
 
292
  <input id="fuse_social_options[linksnewtab]" name="fuse_social_options[linksnewtab]" type="checkbox" value="1" <?php
293
 
@@ -295,13 +315,13 @@ function fuse_social_callback()
295
 
296
  ?> />
297
 
298
-
299
 
300
  <label class="awesome_description" for="fuse_social_options[linksnewtab]"><strong><?php _e("Open links new tab.","fuse_social"); ?></strong></label>
301
 
302
  </td>
303
 
304
- <?php // Animation Settings ?>
305
 
306
  <td>
307
 
@@ -311,17 +331,17 @@ function fuse_social_callback()
311
 
312
  ?> />
313
 
314
-
315
 
316
  <label class="awesome_description" for="fuse_social_animate"><strong><?php _e("Animation on hover","fuse_social"); ?> </strong></label>
317
 
318
- <?php // Animation time settings ?>
319
 
320
  <input id="fuse_social_options_anim_sec" value="<?php
321
 
322
  esc_attr_e($options['animate_sec']);
323
 
324
- ?>" name="fuse_social_options[animate_sec]" type="text" placeholder="Delay in Seconds" style="width:250px;" />
325
 
326
  <span id="fuse_social_options_anim_s"><em><?php _e("Animation delay in seconds. For-example 0.5","fuse_social") ?></em></span>
327
 
@@ -329,7 +349,46 @@ function fuse_social_callback()
329
 
330
  </td>
331
 
332
-
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
333
 
334
  </tr>
335
 
@@ -347,9 +406,9 @@ function fuse_social_callback()
347
 
348
  ?> />
349
 
350
-
351
 
352
-
 
353
 
354
  <label class="awesome_description" for="fuse_social_options[shadow]"><strong><?php _e("Don't use shadow in icons.","fuse_social"); ?></strong></label>
355
 
@@ -366,9 +425,9 @@ function fuse_social_callback()
366
 
367
  ?> />
368
 
369
-
370
 
371
-
 
372
 
373
  <label class="awesome_description" for="fuse_social_options[mobile]"><strong><?php _e("Don't show in Mobile Version","fuse_social"); ?></strong></label>
374
 
@@ -381,7 +440,7 @@ function fuse_social_callback()
381
 
382
  <?php
383
 
384
- // Setting size of Social icons.
385
 
386
  $selected = $options['size'];
387
 
@@ -422,19 +481,19 @@ function fuse_social_callback()
422
  <?php
423
  add_action( 'admin_enqueue_scripts', 'awesome_color_picker' );
424
  function awesome_color_picker( $hook ) {
425
-
426
- if( is_admin() ) {
427
-
428
- // Add the color picker css file
429
- wp_enqueue_style( 'wp-color-picker' );
430
-
431
  // Include our custom jQuery file with WordPress Color Picker dependency
432
- wp_enqueue_script( 'custom-script-handle', plugins_url( 'custom-script.js', __FILE__ ), array( 'wp-color-picker' ), false, true );
433
  }
434
  }
435
 
436
  ?>
437
-
438
 
439
  <label class="samecolor" for="fuse_social_options[colorpicker]"><strong><?php _e("Use custom background color for all icons.","fuse_social"); ?></strong></label>
440
  <input class="cpa-color-picker" id="fuse_social_options[colorpicker]" value="<?php
@@ -454,9 +513,9 @@ function awesome_color_picker( $hook ) {
454
 
455
  ?> />
456
 
457
-
458
 
459
-
 
460
 
461
  <label class="awesome_description" for="fuse_social_options[hover]"><strong><?php _e("Change icon color on hover - For Custom Background","fuse_social"); ?></strong></label>
462
 
@@ -464,9 +523,9 @@ function awesome_color_picker( $hook ) {
464
 
465
  </tr>
466
 
467
-
468
 
469
-
 
470
 
471
  </table>
472
 
@@ -479,7 +538,7 @@ function awesome_color_picker( $hook ) {
479
  <?php // Setting links for social icons from Admin Settings ?>
480
 
481
  <strong><?php _e("Enter the URL(s) for your various social profiles below. If you leave a profile URL field blank, it will not be used.","fuse_social") ?> </strong>
482
-
483
 
484
  <div class="awesome_spacer"></div>
485
 
@@ -505,7 +564,7 @@ function awesome_color_picker( $hook ) {
505
 
506
  ?>" name="fuse_social_options[twitter]" type="text" placeholder="Twitter URL" />
507
 
508
-
509
 
510
 
511
 
@@ -519,7 +578,7 @@ function awesome_color_picker( $hook ) {
519
 
520
  ?>" name="fuse_social_options[rss]" type="text" placeholder="Rss URL" />
521
 
522
-
523
 
524
 
525
 
@@ -529,7 +588,7 @@ function awesome_color_picker( $hook ) {
529
 
530
  <tr>
531
 
532
-
533
 
534
  <td>
535
 
@@ -541,9 +600,9 @@ function awesome_color_picker( $hook ) {
541
 
542
  ?>" name="fuse_social_options[linkedin]" type="text" placeholder="Linkedin URL" />
543
 
544
-
545
 
546
-
 
547
 
548
  </td>
549
 
@@ -571,7 +630,7 @@ function awesome_color_picker( $hook ) {
571
 
572
 
573
 
574
-
575
 
576
  </td>
577
 
@@ -591,7 +650,7 @@ function awesome_color_picker( $hook ) {
591
 
592
  ?>" name="fuse_social_options[pinterest]" type="text" placeholder="Pinterest URL" />
593
 
594
-
595
 
596
  </td>
597
 
@@ -605,9 +664,9 @@ function awesome_color_picker( $hook ) {
605
 
606
  ?>" name="fuse_social_options[stumbleupon]" type="text" placeholder="Stumbleupon URL" />
607
 
608
-
609
 
610
-
 
611
 
612
  </td>
613
 
@@ -615,7 +674,7 @@ function awesome_color_picker( $hook ) {
615
 
616
  <hr />
617
 
618
-
619
 
620
  <i class="fa fa-google-plus"></i><label for="fuse_social_options[google-plus]" > Google Plus</label><br /><input id="fuse_social_options[google-plus]" value="<?php
621
 
@@ -623,15 +682,15 @@ function awesome_color_picker( $hook ) {
623
 
624
  ?>" name="fuse_social_options[google-plus]" type="text" placeholder="Google Plus URL" />
625
 
626
-
627
 
628
-
 
629
 
630
  </td>
631
 
632
  </tr>
633
 
634
-
635
 
636
  <tr>
637
 
@@ -639,7 +698,7 @@ function awesome_color_picker( $hook ) {
639
 
640
  <hr />
641
 
642
-
643
 
644
  <i class="fa fa-instagram"></i><label for="fuse_social_options[instagram]" > Instagram</label><br /><input id="fuse_social_options[instagram]" value="<?php
645
 
@@ -647,9 +706,9 @@ function awesome_color_picker( $hook ) {
647
 
648
  ?>" name="fuse_social_options[instagram]" type="text" placeholder="Instagram URL" />
649
 
650
-
651
 
652
-
 
653
 
654
  </td>
655
 
@@ -663,9 +722,9 @@ function awesome_color_picker( $hook ) {
663
 
664
  ?>" name="fuse_social_options[tumblr]" type="text" placeholder="Tumblr URL" />
665
 
666
-
667
 
668
-
 
669
 
670
  </td>
671
 
@@ -673,7 +732,7 @@ function awesome_color_picker( $hook ) {
673
 
674
  <hr />
675
 
676
-
677
 
678
  <i class="fa fa-vine"></i><label for="fuse_social_options[vine]" > Vine</label><br /><input id="fuse_social_options[vine]" value="<?php
679
 
@@ -681,20 +740,20 @@ function awesome_color_picker( $hook ) {
681
 
682
  ?>" name="fuse_social_options[vine]" type="text" placeholder="Vine URL" />
683
 
684
-
685
 
686
  </td>
687
 
688
  </tr>
689
-
690
-
691
  <tr>
692
 
693
  <td>
694
 
695
  <hr />
696
 
697
-
698
 
699
  <i class="fa fa-vk"></i><label for="fuse_social_options[vk]" > VK</label><br /><input id="fuse_social_options[vk]" value="<?php
700
 
@@ -702,9 +761,9 @@ function awesome_color_picker( $hook ) {
702
 
703
  ?>" name="fuse_social_options[vk]" type="text" placeholder="VK URL" />
704
 
705
-
706
 
707
-
 
708
 
709
  </td>
710
 
@@ -718,9 +777,9 @@ function awesome_color_picker( $hook ) {
718
 
719
  ?>" name="fuse_social_options[soundcloud]" type="text" placeholder="Sound Cloud URL" />
720
 
721
-
722
 
723
-
 
724
 
725
  </td>
726
 
@@ -728,7 +787,7 @@ function awesome_color_picker( $hook ) {
728
 
729
  <hr />
730
 
731
-
732
 
733
  <i class="fa fa-reddit"></i><label for="fuse_social_options[reddit]" > Reddit</label><br /><input id="fuse_social_options[reddit]" value="<?php
734
 
@@ -736,21 +795,21 @@ function awesome_color_picker( $hook ) {
736
 
737
  ?>" name="fuse_social_options[reddit]" type="text" placeholder="Reddit URL" />
738
 
739
-
740
 
741
  </td>
742
 
743
  </tr>
744
 
745
-
746
-
747
  <tr>
748
 
749
  <td>
750
 
751
  <hr />
752
 
753
-
754
 
755
  <i class="fa fa-stack-overflow"></i><label for="fuse_social_options[stack]" > Stack OverFLow</label><br /><input id="fuse_social_options[stack]" value="<?php
756
 
@@ -758,9 +817,9 @@ function awesome_color_picker( $hook ) {
758
 
759
  ?>" name="fuse_social_options[stack]" type="text" placeholder="Stack OverFlow URL" />
760
 
761
-
762
 
763
-
 
764
 
765
  </td>
766
 
@@ -774,9 +833,9 @@ function awesome_color_picker( $hook ) {
774
 
775
  ?>" name="fuse_social_options[behance]" type="text" placeholder="Behance URL" />
776
 
777
-
778
 
779
-
 
780
 
781
  </td>
782
 
@@ -784,7 +843,7 @@ function awesome_color_picker( $hook ) {
784
 
785
  <hr />
786
 
787
-
788
 
789
  <i class="fa fa-github"></i><label for="fuse_social_options[github]" > Github</label><br /><input id="fuse_social_options[github]" value="<?php
790
 
@@ -792,7 +851,7 @@ function awesome_color_picker( $hook ) {
792
 
793
  ?>" name="fuse_social_options[github]" type="text" placeholder="Github URL" />
794
 
795
-
796
 
797
  </td>
798
 
@@ -803,7 +862,7 @@ function awesome_color_picker( $hook ) {
803
 
804
  <hr />
805
 
806
-
807
 
808
  <i class="fa fa-envelope-o"></i><label for="fuse_social_options[envelope]" > Email</label><br /><input id="fuse_social_options[envelope]" value="<?php
809
 
@@ -811,12 +870,12 @@ function awesome_color_picker( $hook ) {
811
 
812
  ?>" name="fuse_social_options[envelope]" type="text" placeholder="mailto:someone@example.com" />
813
 
814
-
815
 
816
  </td>
817
- </tr>
818
-
819
- </table>
820
 
821
  </div>
822
 
@@ -842,7 +901,7 @@ function awesome_color_picker( $hook ) {
842
 
843
  <div class="awesome_spacer"></div>
844
 
845
- <p>Made With Love - By (<a href="https://www.facebook.com/mewoooooo" target="_blank" >Daniyal Ahmed</a>).</p><br />
846
 
847
  </form>
848
 
@@ -854,12 +913,12 @@ function awesome_color_picker( $hook ) {
854
 
855
  jQuery("#fuse_social_load").hide();
856
 
857
- jQuery('#fuse_social_form').submit(function() {
858
 
859
  jQuery("#fuse_social_load").show();
860
 
861
  jQuery(this).ajaxSubmit({
862
-
863
 
864
  success: function(){
865
 
@@ -873,12 +932,12 @@ function awesome_color_picker( $hook ) {
873
 
874
  ?></p>").show();
875
 
876
- },
877
 
878
  timeout:5000,
879
  error: function(data){
880
  jQuery("#fuse_social_load").hide();
881
-
882
  jQuery('#saveResult').html("<div id='saveMessage' class='successModal'></div>");
883
 
884
  jQuery('#saveMessage').append("<p><?php
@@ -887,11 +946,11 @@ function awesome_color_picker( $hook ) {
887
 
888
  ?></p>").show();
889
  }
890
- });
891
 
892
  setTimeout("jQuery('#saveMessage').hide('slow');", 5000);
893
 
894
- return false;
895
 
896
  });
897
 
@@ -903,7 +962,7 @@ function awesome_color_picker( $hook ) {
903
 
904
  echo '</div>';
905
 
906
-
907
 
908
  }
909
 
@@ -927,7 +986,7 @@ function fuse_social_icon_validate($input)
927
 
928
  {
929
 
930
- global $size_options, $style_options;
931
 
932
  // Link new tab checkbox value is either 0 or 1
933
 
@@ -995,8 +1054,14 @@ function fuse_social_icon_validate($input)
995
 
996
  $input['size'] = null;
997
 
 
 
 
 
 
 
998
  return $input;
999
 
1000
  }
1001
 
1002
- ?>
16
 
17
  add_action('admin_menu', 'register_fuse_social_sidebar_submenu_page');
18
 
19
+ //Getting square icons image for Admin Settings
20
 
21
  $awesome_sq_icon = "Square Icons <img src='" . plugin_dir_url(__FILE__) . "img/square_logo.png' /> &nbsp; &nbsp; &nbsp; ";
22
 
23
+ //Getting round icons image for Admin Settings
24
 
25
  $awesome_ro_icon = "Round Icons <img src='" . plugin_dir_url(__FILE__) . "img/round_logo.png' />";
26
 
72
 
73
  );
74
 
75
+ $pos_options = array(
76
+
77
+ 'left' => array(
78
+
79
+ 'value' => 'left',
80
+
81
+ 'label' => __( 'Left', 'fuse_social' )
82
+
83
+ ),
84
+
85
+ 'right' => array(
86
+
87
+ 'value' => 'right',
88
+
89
+ 'label' => __( 'Right', 'fuse_social' )
90
+
91
+ )
92
+
93
+ );
94
+
95
  // Awesome Social call back for Admin Settings
96
 
97
  function fuse_social_callback()
119
 
120
  // Activating tabs for Admin Settings
121
  (function( $ ) {
122
+
123
  // Add Color Picker to all inputs that have 'color-field' class
124
  $(function() {
125
  $('.color-field').wpColorPicker();
126
  });
127
+
128
  })( jQuery );
129
  (function( $ ) {
130
  $(function() {
131
+
132
  // Add Color Picker to all inputs that have 'color-field' class
133
  $( '.cpa-color-picker' ).wpColorPicker();
134
+
135
  });
136
  })( jQuery );
137
+
138
  $j=jQuery.noConflict();
139
 
140
  $j(document).ready(function(){
201
 
202
  ?>
203
 
204
+
205
 
206
  });
207
 
235
 
236
  // Getting social icons style type i.e Round or Sqaure for Admin Settings
237
 
238
+ global $style_options,$size_options,$pos_options;
239
 
240
  $fuse_social_style = "";
241
 
307
 
308
  <td style="width: 300px;">
309
 
310
+ <?php // Open Links in new tab setting ?>
311
 
312
  <input id="fuse_social_options[linksnewtab]" name="fuse_social_options[linksnewtab]" type="checkbox" value="1" <?php
313
 
315
 
316
  ?> />
317
 
318
+
319
 
320
  <label class="awesome_description" for="fuse_social_options[linksnewtab]"><strong><?php _e("Open links new tab.","fuse_social"); ?></strong></label>
321
 
322
  </td>
323
 
324
+ <?php // Animation Settings ?>
325
 
326
  <td>
327
 
331
 
332
  ?> />
333
 
334
+
335
 
336
  <label class="awesome_description" for="fuse_social_animate"><strong><?php _e("Animation on hover","fuse_social"); ?> </strong></label>
337
 
338
+ <?php // Animation time settings ?>
339
 
340
  <input id="fuse_social_options_anim_sec" value="<?php
341
 
342
  esc_attr_e($options['animate_sec']);
343
 
344
+ ?>" name="fuse_social_options[animate_sec]" type="text" placeholder="Delay in Seconds" style="width:250px;" />
345
 
346
  <span id="fuse_social_options_anim_s"><em><?php _e("Animation delay in seconds. For-example 0.5","fuse_social") ?></em></span>
347
 
349
 
350
  </td>
351
 
352
+ <td style="padding-top:8px;">
353
+
354
+ <hr />
355
+
356
+ <select name="fuse_social_options[position]">
357
+
358
+ <?php
359
+
360
+ // Setting size of Social icons.
361
+
362
+ $selected = $options['position'];
363
+
364
+ $p = '';
365
+
366
+ $r = '';
367
+
368
+
369
+ foreach ( $pos_options as $option ) {
370
+
371
+ $label = $option['label'];
372
+
373
+ if ( $selected == $option['value'] ) // Make default first in list
374
+
375
+ $p = "\n\t<option style=\"padding-right: 10px;\" selected='selected' value='" . esc_attr( $option['value'] ) . "'>$label</option>";
376
+
377
+ else
378
+
379
+ $r .= "\n\t<option style=\"padding-right: 10px;\" value='" . esc_attr( $option['value'] ) . "'>$label</option>";
380
+
381
+ }
382
+
383
+ echo $p . $r;
384
+
385
+ ?>
386
+
387
+ </select>
388
+
389
+ <label class="description" for="fuse_social_options[position]"><?php _e( '<strong>Position</strong>', 'fuse_social' ); ?></label>
390
+
391
+ </td>
392
 
393
  </tr>
394
 
406
 
407
  ?> />
408
 
 
409
 
410
+
411
+
412
 
413
  <label class="awesome_description" for="fuse_social_options[shadow]"><strong><?php _e("Don't use shadow in icons.","fuse_social"); ?></strong></label>
414
 
425
 
426
  ?> />
427
 
 
428
 
429
+
430
+
431
 
432
  <label class="awesome_description" for="fuse_social_options[mobile]"><strong><?php _e("Don't show in Mobile Version","fuse_social"); ?></strong></label>
433
 
440
 
441
  <?php
442
 
443
+ // Setting size of Social icons.
444
 
445
  $selected = $options['size'];
446
 
481
  <?php
482
  add_action( 'admin_enqueue_scripts', 'awesome_color_picker' );
483
  function awesome_color_picker( $hook ) {
484
+
485
+ if( is_admin() ) {
486
+
487
+ // Add the color picker css file
488
+ wp_enqueue_style( 'wp-color-picker' );
489
+
490
  // Include our custom jQuery file with WordPress Color Picker dependency
491
+ wp_enqueue_script( 'custom-script-handle', plugins_url( 'custom-script.js', __FILE__ ), array( 'wp-color-picker' ), false, true );
492
  }
493
  }
494
 
495
  ?>
496
+
497
 
498
  <label class="samecolor" for="fuse_social_options[colorpicker]"><strong><?php _e("Use custom background color for all icons.","fuse_social"); ?></strong></label>
499
  <input class="cpa-color-picker" id="fuse_social_options[colorpicker]" value="<?php
513
 
514
  ?> />
515
 
 
516
 
517
+
518
+
519
 
520
  <label class="awesome_description" for="fuse_social_options[hover]"><strong><?php _e("Change icon color on hover - For Custom Background","fuse_social"); ?></strong></label>
521
 
523
 
524
  </tr>
525
 
 
526
 
527
+
528
+
529
 
530
  </table>
531
 
538
  <?php // Setting links for social icons from Admin Settings ?>
539
 
540
  <strong><?php _e("Enter the URL(s) for your various social profiles below. If you leave a profile URL field blank, it will not be used.","fuse_social") ?> </strong>
541
+
542
 
543
  <div class="awesome_spacer"></div>
544
 
564
 
565
  ?>" name="fuse_social_options[twitter]" type="text" placeholder="Twitter URL" />
566
 
567
+
568
 
569
 
570
 
578
 
579
  ?>" name="fuse_social_options[rss]" type="text" placeholder="Rss URL" />
580
 
581
+
582
 
583
 
584
 
588
 
589
  <tr>
590
 
591
+
592
 
593
  <td>
594
 
600
 
601
  ?>" name="fuse_social_options[linkedin]" type="text" placeholder="Linkedin URL" />
602
 
 
603
 
604
+
605
+
606
 
607
  </td>
608
 
630
 
631
 
632
 
633
+
634
 
635
  </td>
636
 
650
 
651
  ?>" name="fuse_social_options[pinterest]" type="text" placeholder="Pinterest URL" />
652
 
653
+
654
 
655
  </td>
656
 
664
 
665
  ?>" name="fuse_social_options[stumbleupon]" type="text" placeholder="Stumbleupon URL" />
666
 
 
667
 
668
+
669
+
670
 
671
  </td>
672
 
674
 
675
  <hr />
676
 
677
+
678
 
679
  <i class="fa fa-google-plus"></i><label for="fuse_social_options[google-plus]" > Google Plus</label><br /><input id="fuse_social_options[google-plus]" value="<?php
680
 
682
 
683
  ?>" name="fuse_social_options[google-plus]" type="text" placeholder="Google Plus URL" />
684
 
 
685
 
686
+
687
+
688
 
689
  </td>
690
 
691
  </tr>
692
 
693
+
694
 
695
  <tr>
696
 
698
 
699
  <hr />
700
 
701
+
702
 
703
  <i class="fa fa-instagram"></i><label for="fuse_social_options[instagram]" > Instagram</label><br /><input id="fuse_social_options[instagram]" value="<?php
704
 
706
 
707
  ?>" name="fuse_social_options[instagram]" type="text" placeholder="Instagram URL" />
708
 
 
709
 
710
+
711
+
712
 
713
  </td>
714
 
722
 
723
  ?>" name="fuse_social_options[tumblr]" type="text" placeholder="Tumblr URL" />
724
 
 
725
 
726
+
727
+
728
 
729
  </td>
730
 
732
 
733
  <hr />
734
 
735
+
736
 
737
  <i class="fa fa-vine"></i><label for="fuse_social_options[vine]" > Vine</label><br /><input id="fuse_social_options[vine]" value="<?php
738
 
740
 
741
  ?>" name="fuse_social_options[vine]" type="text" placeholder="Vine URL" />
742
 
743
+
744
 
745
  </td>
746
 
747
  </tr>
748
+
749
+
750
  <tr>
751
 
752
  <td>
753
 
754
  <hr />
755
 
756
+
757
 
758
  <i class="fa fa-vk"></i><label for="fuse_social_options[vk]" > VK</label><br /><input id="fuse_social_options[vk]" value="<?php
759
 
761
 
762
  ?>" name="fuse_social_options[vk]" type="text" placeholder="VK URL" />
763
 
 
764
 
765
+
766
+
767
 
768
  </td>
769
 
777
 
778
  ?>" name="fuse_social_options[soundcloud]" type="text" placeholder="Sound Cloud URL" />
779
 
 
780
 
781
+
782
+
783
 
784
  </td>
785
 
787
 
788
  <hr />
789
 
790
+
791
 
792
  <i class="fa fa-reddit"></i><label for="fuse_social_options[reddit]" > Reddit</label><br /><input id="fuse_social_options[reddit]" value="<?php
793
 
795
 
796
  ?>" name="fuse_social_options[reddit]" type="text" placeholder="Reddit URL" />
797
 
798
+
799
 
800
  </td>
801
 
802
  </tr>
803
 
804
+
805
+
806
  <tr>
807
 
808
  <td>
809
 
810
  <hr />
811
 
812
+
813
 
814
  <i class="fa fa-stack-overflow"></i><label for="fuse_social_options[stack]" > Stack OverFLow</label><br /><input id="fuse_social_options[stack]" value="<?php
815
 
817
 
818
  ?>" name="fuse_social_options[stack]" type="text" placeholder="Stack OverFlow URL" />
819
 
 
820
 
821
+
822
+
823
 
824
  </td>
825
 
833
 
834
  ?>" name="fuse_social_options[behance]" type="text" placeholder="Behance URL" />
835
 
 
836
 
837
+
838
+
839
 
840
  </td>
841
 
843
 
844
  <hr />
845
 
846
+
847
 
848
  <i class="fa fa-github"></i><label for="fuse_social_options[github]" > Github</label><br /><input id="fuse_social_options[github]" value="<?php
849
 
851
 
852
  ?>" name="fuse_social_options[github]" type="text" placeholder="Github URL" />
853
 
854
+
855
 
856
  </td>
857
 
862
 
863
  <hr />
864
 
865
+
866
 
867
  <i class="fa fa-envelope-o"></i><label for="fuse_social_options[envelope]" > Email</label><br /><input id="fuse_social_options[envelope]" value="<?php
868
 
870
 
871
  ?>" name="fuse_social_options[envelope]" type="text" placeholder="mailto:someone@example.com" />
872
 
873
+
874
 
875
  </td>
876
+ </tr>
877
+
878
+ </table>
879
 
880
  </div>
881
 
901
 
902
  <div class="awesome_spacer"></div>
903
 
904
+ <p>Made With Love - By (<a href="https://www.facebook.com/mewoooooo" target="_blank" >Daniyal Ahmed</a>). If you love this plugin don't forget to review <a href="https://wordpress.org/support/view/plugin-reviews/fuse-social-floating-sidebar" target="_blank"> Review Now!</a></p><br />
905
 
906
  </form>
907
 
913
 
914
  jQuery("#fuse_social_load").hide();
915
 
916
+ jQuery('#fuse_social_form').submit(function() {
917
 
918
  jQuery("#fuse_social_load").show();
919
 
920
  jQuery(this).ajaxSubmit({
921
+
922
 
923
  success: function(){
924
 
932
 
933
  ?></p>").show();
934
 
935
+ },
936
 
937
  timeout:5000,
938
  error: function(data){
939
  jQuery("#fuse_social_load").hide();
940
+
941
  jQuery('#saveResult').html("<div id='saveMessage' class='successModal'></div>");
942
 
943
  jQuery('#saveMessage').append("<p><?php
946
 
947
  ?></p>").show();
948
  }
949
+ });
950
 
951
  setTimeout("jQuery('#saveMessage').hide('slow');", 5000);
952
 
953
+ return false;
954
 
955
  });
956
 
962
 
963
  echo '</div>';
964
 
965
+
966
 
967
  }
968
 
986
 
987
  {
988
 
989
+ global $size_options, $style_options,$pos_options;
990
 
991
  // Link new tab checkbox value is either 0 or 1
992
 
1054
 
1055
  $input['size'] = null;
1056
 
1057
+ // Our size option must actually be in our array of size options
1058
+
1059
+ if ( ! array_key_exists( $input['position'], $pos_options ) )
1060
+
1061
+ $input['position'] = null;
1062
+
1063
  return $input;
1064
 
1065
  }
1066
 
1067
+ ?>
inc/fuse_social_sidebar_scripts.php CHANGED
@@ -9,13 +9,23 @@ function fuse_social_scripts()
9
  echo '<link href="'.plugin_dir_url(__FILE__).'css/font-awesome.min.css" rel="stylesheet">';
10
  ?>
11
  <style>
 
12
  #icon_wrapper
13
  {
14
  position: fixed;
15
- top: 25%;
16
- left: 0px;
17
- z-index: 99999;
18
- }
 
 
 
 
 
 
 
 
 
19
  .awesome-social
20
  {
21
  margin-top:2px;
@@ -75,37 +85,37 @@ z-index: 99999;
75
  {
76
  ?>
77
  -moz-transition: width <?php echo $options['animate_sec']; ?>s, height <?php echo $options['animate_sec']; ?>s, -webkit-transform <?php echo $options['animate_sec']; ?>s; /* For Safari 3.1 to 6.0 */
78
-
79
  -webkit-transition: width <?php echo $options['animate_sec']; ?>s, height <?php echo $options['animate_sec']; ?>s, -webkit-transform <?php echo $options['animate_sec']; ?>s; /* For Safari 3.1 to 6.0 */
80
  transition: width <?php echo $options['animate_sec']; ?>s, height <?php echo $options['animate_sec']; ?>s, transform <?php echo $options['animate_sec']; ?>s;
81
-
82
  <?php
83
  }
84
  ?>
85
-
86
  }
87
  <?php
88
  // Again if animation settings
89
  if ($options['animations'] == 1)
90
  {
91
-
92
  ?>
93
  .awesome-social:hover
94
  {
95
-
96
  -webkit-transform: rotate(360deg); /* Chrome, Safari, Opera */
97
  transform: rotate(deg);
98
  -moz-transform: rotate(360deg); /* Chrome, Safari, Opera */
99
  -ms-transform: rotate(360deg); /* Chrome, Safari, Opera */
100
-
101
- }
102
  <?php
103
  }
104
  ?>
105
  .fuse_social_icons_links
106
  {
107
  outline:0 !important;
108
-
109
  }
110
  .fuse_social_icons_links:hover{
111
  text-decoration:none !important;
@@ -160,36 +170,36 @@ z-index: 99999;
160
  background: #00bf8f ;
161
  }
162
  .vk-awesome-social {
163
-
164
  background: #45668e ;
165
-
166
  }
167
  .soundcloud-awesome-social
168
  {
169
  background: #ff3300 ;
170
-
171
  }
172
  .reddit-awesome-social{
173
-
174
  background: #ff4500 ;
175
-
176
  }
177
  .stack-awesome-social{
178
-
179
  background: #fe7a15 ;
180
-
181
  }
182
  .behance-awesome-social{
183
  background: #1769ff ;
184
-
185
  }
186
  .github-awesome-social{
187
  background: #999999 ;
188
-
189
-
190
  }
191
  .envelope-awesome-social{
192
- background: #ccc ;
193
  }
194
  /* Mobile */
195
 
@@ -209,7 +219,7 @@ if ( wp_is_mobile() ) {
209
  }
210
  ?>
211
 
212
- /* Custom Background */
213
  <?php
214
  if($options['colorpicker'])
215
  {
@@ -227,7 +237,7 @@ if($options['colorpicker'])
227
  {
228
  ?>
229
  .awesome-social{
230
-
231
  -webkit-transition-property:color, text;
232
  -webkit-transition-duration: 0.25s, 0.25s;
233
  -webkit-transition-timing-function: linear, ease-in;
@@ -287,45 +297,45 @@ if($options['colorpicker'])
287
  {
288
  color: #00bf8f !important;
289
  }
290
-
291
  .vk-awesome-social:hover {
292
-
293
  color: #45668e !important;
294
-
295
  }
296
  .soundcloud-awesome-social:hover
297
  {
298
  color: #ff3300 !important;
299
-
300
  }
301
  .reddit-awesome-social:hover{
302
-
303
  color: #ff4500 !important;
304
-
305
  }
306
  .stack-awesome-social:hover{
307
-
308
  color: #fe7a15 !important;
309
-
310
  }
311
  .behance-awesome-social:hover{
312
  color: #1769ff !important;
313
-
314
  }
315
  .github-awesome-social:hover{
316
  color: #999999 !important;
317
-
318
-
319
- }
320
-
321
-
322
  <?php
323
  }
324
  ?>
325
-
326
-
327
  </style>
328
  <?php
329
  }
330
  add_action('wp_enqueue_scripts', 'fuse_social_scripts');
331
- ?>
9
  echo '<link href="'.plugin_dir_url(__FILE__).'css/font-awesome.min.css" rel="stylesheet">';
10
  ?>
11
  <style>
12
+ <?php if($options['position']=="left"){ ?>
13
  #icon_wrapper
14
  {
15
  position: fixed;
16
+ top: 25%;
17
+ left: 0px;
18
+ z-index: 99999;
19
+ }
20
+ <?php } else { ?>
21
+ #icon_wrapper
22
+ {
23
+ position: fixed;
24
+ top: 25%;
25
+ right: 0px;
26
+ z-index: 99999;
27
+ }
28
+ <?php } ?>
29
  .awesome-social
30
  {
31
  margin-top:2px;
85
  {
86
  ?>
87
  -moz-transition: width <?php echo $options['animate_sec']; ?>s, height <?php echo $options['animate_sec']; ?>s, -webkit-transform <?php echo $options['animate_sec']; ?>s; /* For Safari 3.1 to 6.0 */
88
+
89
  -webkit-transition: width <?php echo $options['animate_sec']; ?>s, height <?php echo $options['animate_sec']; ?>s, -webkit-transform <?php echo $options['animate_sec']; ?>s; /* For Safari 3.1 to 6.0 */
90
  transition: width <?php echo $options['animate_sec']; ?>s, height <?php echo $options['animate_sec']; ?>s, transform <?php echo $options['animate_sec']; ?>s;
91
+
92
  <?php
93
  }
94
  ?>
95
+
96
  }
97
  <?php
98
  // Again if animation settings
99
  if ($options['animations'] == 1)
100
  {
101
+
102
  ?>
103
  .awesome-social:hover
104
  {
105
+
106
  -webkit-transform: rotate(360deg); /* Chrome, Safari, Opera */
107
  transform: rotate(deg);
108
  -moz-transform: rotate(360deg); /* Chrome, Safari, Opera */
109
  -ms-transform: rotate(360deg); /* Chrome, Safari, Opera */
110
+
111
+ }
112
  <?php
113
  }
114
  ?>
115
  .fuse_social_icons_links
116
  {
117
  outline:0 !important;
118
+
119
  }
120
  .fuse_social_icons_links:hover{
121
  text-decoration:none !important;
170
  background: #00bf8f ;
171
  }
172
  .vk-awesome-social {
173
+
174
  background: #45668e ;
175
+
176
  }
177
  .soundcloud-awesome-social
178
  {
179
  background: #ff3300 ;
180
+
181
  }
182
  .reddit-awesome-social{
183
+
184
  background: #ff4500 ;
185
+
186
  }
187
  .stack-awesome-social{
188
+
189
  background: #fe7a15 ;
190
+
191
  }
192
  .behance-awesome-social{
193
  background: #1769ff ;
194
+
195
  }
196
  .github-awesome-social{
197
  background: #999999 ;
198
+
199
+
200
  }
201
  .envelope-awesome-social{
202
+ background: #ccc ;
203
  }
204
  /* Mobile */
205
 
219
  }
220
  ?>
221
 
222
+ /* Custom Background */
223
  <?php
224
  if($options['colorpicker'])
225
  {
237
  {
238
  ?>
239
  .awesome-social{
240
+
241
  -webkit-transition-property:color, text;
242
  -webkit-transition-duration: 0.25s, 0.25s;
243
  -webkit-transition-timing-function: linear, ease-in;
297
  {
298
  color: #00bf8f !important;
299
  }
300
+
301
  .vk-awesome-social:hover {
302
+
303
  color: #45668e !important;
304
+
305
  }
306
  .soundcloud-awesome-social:hover
307
  {
308
  color: #ff3300 !important;
309
+
310
  }
311
  .reddit-awesome-social:hover{
312
+
313
  color: #ff4500 !important;
314
+
315
  }
316
  .stack-awesome-social:hover{
317
+
318
  color: #fe7a15 !important;
319
+
320
  }
321
  .behance-awesome-social:hover{
322
  color: #1769ff !important;
323
+
324
  }
325
  .github-awesome-social:hover{
326
  color: #999999 !important;
327
+
328
+
329
+ }
330
+
331
+
332
  <?php
333
  }
334
  ?>
335
+
336
+
337
  </style>
338
  <?php
339
  }
340
  add_action('wp_enqueue_scripts', 'fuse_social_scripts');
341
+ ?>
readme.txt CHANGED
@@ -3,8 +3,8 @@ Contributors: daniyalahmedk
3
  Donate link: http://photontechs.com/donate
4
  Tags: social media, floating sidebar, social widget, social icons,animated social icons
5
  Requires at least: 3.0.1
6
- Tested up to: 4.5
7
- Stable tag: 1.2.1
8
  License: GPLv2 or later
9
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
10
 
3
  Donate link: http://photontechs.com/donate
4
  Tags: social media, floating sidebar, social widget, social icons,animated social icons
5
  Requires at least: 3.0.1
6
+ Tested up to: 4.5.3
7
+ Stable tag: 1.3
8
  License: GPLv2 or later
9
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
10