Fuse Social Floating Sidebar - Version 2.0

Version Description

Download this release

Release Info

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

Code changes from version 1.3 to 2.0

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.3
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: 2.0
7
  Author: Daniyal Ahmed
8
  Author URI: http://www.photontechs.com
9
  License: GNU General Public License v3.0
inc/css/admin_style.css CHANGED
@@ -1,64 +1,145 @@
1
- #icons{
2
- box-shadow: 0px 1px 13px #888888;
3
- border: 2px solid;
4
- padding: 25px;
5
- }
6
- #icons tr td{
7
- width:33vw;
8
- }
9
- .awesome_spacer
10
- {
11
- margin-top:25px;
12
-
13
- }
14
- .awesome_tabs{
15
- width: 150px;
16
- text-align: center;
17
- background: #00a;
18
- color: white;
19
- padding: 17px 20px;
20
- font-weight: bold;
21
- border-radius: 0px;
22
- display: inline-block;
23
- font-size: 18px;
24
- border:none;
25
-
26
- }
27
- #tab_awsome_links,#tab_awsome_settings
28
- {
29
- outline: 0;
30
- }
31
- .successModal {
32
- display: block;
33
- position: fixed;
34
- top: 45%;
35
- left: 25%;
36
- width: 300px;
37
- height: auto;
38
- padding: 5px 20px;
39
- border: 3px solid #0087B7;
40
- background-color:#00a;
41
- z-index:1002;
42
- overflow: auto;
43
- color:white;
44
- -moz-border-radius: 15px;
45
- -webkit-border-radius: 15px;
46
- -moz-box-shadow: 5px 5px 10px #cfcfcf;
47
- -webkit-box-shadow: 5px 5px 10px #cfcfcf;
48
- }
49
- .awesome_description
50
- {
51
- vertical-align:top;
52
- font-size: 14px;
53
- font-weight: bold;
54
- }
55
- .awesome_description input[type="radio"]
56
- {
57
- vertical-align:top !important;
58
- }
59
- #awesome_settings{
60
- padding:25px;
61
- box-shadow: 0px 1px 13px #888888;
62
- border: 2px solid;
63
- margin-top: 18px;
64
- }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ #icons tr td {
2
+ width: 33vw;
3
+ }
4
+ .awesome_spacer {
5
+ margin-top: 25px;
6
+ }
7
+ .facebook_prof {
8
+ text-transform: uppercase;
9
+ font-size: 15px;
10
+ font-weight: bold;
11
+ margin-top: 14px;
12
+ display: block;
13
+ }
14
+ .facebook_prof a {
15
+ display: block;
16
+ }
17
+ div#awesome_settings {
18
+ width: 65%;
19
+ float: left;
20
+ }
21
+ .fuse_social_tabs {
22
+ background: #fc5c3c;
23
+ padding-top: 10px;
24
+ padding-left: 10px;
25
+ padding-bottom: 10px;
26
+ }
27
+ .my-social-connections {
28
+ text-align: center;
29
+ }
30
+ .donate-btn{
31
+ max-width: 100%;
32
+ width: 180px;
33
+ }
34
+ .version_fuse_top_head {
35
+ background: #fff;
36
+ padding: 20px;
37
+ font-size: 19px;
38
+ text-align: center;
39
+ margin-bottom: -28px;
40
+ }
41
+ h2.top_header_fuse {
42
+ color: #e94a2a;
43
+ font-size: 28px;
44
+ text-transform: uppercase;
45
+ font-weight: bold;
46
+ }
47
+ .ver-numb {
48
+ color: #e94a2a;
49
+ text-transform: uppercase;
50
+ font-size: 16px;
51
+ }
52
+ form#fuse_social_form {
53
+ background: #fff;
54
+ padding: 20px;
55
+ box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.57);
56
+ margin-top: -25px;
57
+ }
58
+ .fuse_social_tabs {
59
+ border: 4px solid #e94a2a;
60
+ }
61
+ form#fuse_social_form {
62
+ border: 5px solid #e94a2a;
63
+ }
64
+ .awesome_tabs {
65
+ width: 150px;
66
+ text-align: center;
67
+ background: #e35438;
68
+ color: white;
69
+ padding: 17px 20px;
70
+ font-weight: bold;
71
+ border-radius: 0px;
72
+ display: inline-block;
73
+ font-size: 18px;
74
+ border: none;
75
+ }
76
+ #tab_awsome_links,
77
+ #tab_awsome_settings {
78
+ outline: 0;
79
+ }
80
+ .successModal {
81
+ display: block;
82
+ position: fixed;
83
+ top: 45%;
84
+ left: 25%;
85
+ width: 300px;
86
+ height: auto;
87
+ padding: 5px 20px;
88
+ border: 3px solid #0087B7;
89
+ background-color: #00a;
90
+ z-index: 1002;
91
+ overflow: auto;
92
+ color: white;
93
+ -moz-border-radius: 15px;
94
+ -webkit-border-radius: 15px;
95
+ -moz-box-shadow: 5px 5px 10px #cfcfcf;
96
+ -webkit-box-shadow: 5px 5px 10px #cfcfcf;
97
+ }
98
+ .awesome_description {
99
+ vertical-align: top;
100
+ font-size: 14px;
101
+ font-weight: bold;
102
+ }
103
+ .awesome_description input[type="radio"] {
104
+ vertical-align: top !important;
105
+ }
106
+ #awesome_settings {
107
+ padding: 25px;
108
+ margin-top: 18px;
109
+ }
110
+ .my-social-connections {
111
+ width: 30%;
112
+ float: left;
113
+ padding-top: 50px;
114
+ }
115
+ .clear-scale {
116
+ clear: both;
117
+ }
118
+ .my-social-connections .twitter {
119
+ padding-top: 15px;
120
+ text-align: center;
121
+ }
122
+ div#awesome_links {
123
+ width: 70%;
124
+ float: left;
125
+ }
126
+ input.button-primary.fuse-social-submit {
127
+ background: #fc5c3c;
128
+ border: 0;
129
+ width: 200px;
130
+ height: 55px;
131
+ font-size: 17px;
132
+ }
133
+ .loading-cover-pi {
134
+ position: fixed;
135
+ top: 0;
136
+ left: 0;
137
+ width: 100%;
138
+ height: 100%;
139
+ background: rgba(255, 255, 255, 0.86);
140
+ }
141
+ img#fuse_social_load {
142
+ max-width: 100%;
143
+ display: block;
144
+ margin: 80px auto;
145
+ }
inc/fuse_social_sidebar_admin.php CHANGED
@@ -111,7 +111,7 @@ function fuse_social_callback()
111
 
112
  _e('<div class="wrap"><div id="icon-tools" class="icon32"></div>',"fuse_social");
113
 
114
- _e('<h2>Fuse Social Sidebar</h2>',"fuse_social");
115
 
116
  ?>
117
 
@@ -878,10 +878,22 @@ function awesome_color_picker( $hook ) {
878
  </table>
879
 
880
  </div>
881
-
 
 
 
 
 
 
 
 
 
 
 
 
882
  <p class="submit">
883
 
884
- <input type="submit" class="button-primary" value="<?php
885
 
886
  _e('Save Options', 'awesomesocial');
887
 
@@ -889,12 +901,13 @@ function awesome_color_picker( $hook ) {
889
 
890
  <?php
891
 
892
- echo "<img src='" . plugin_dir_url(__FILE__) . "img/loading.gif' id='fuse_social_load'/>";
893
 
894
  ?>
895
 
896
  </p>
897
 
 
898
  <div class="awesome_spacer"></div>
899
 
900
  <div class="awesome_spacer"></div>
@@ -912,9 +925,10 @@ function awesome_color_picker( $hook ) {
912
  jQuery(document).ready(function() {
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({
@@ -931,7 +945,7 @@ function awesome_color_picker( $hook ) {
931
  echo htmlentities(__('Settings Saved Successfully', 'wp'), ENT_QUOTES);
932
 
933
  ?></p>").show();
934
-
935
  },
936
 
937
  timeout:5000,
111
 
112
  _e('<div class="wrap"><div id="icon-tools" class="icon32"></div>',"fuse_social");
113
 
114
+ _e('<div class="version_fuse_top_head"><h2 class="top_header_fuse">Fuse Social Sidebar</h2><div class="ver-numb">Version 2.0</div></div>',"fuse_social");
115
 
116
  ?>
117
 
878
  </table>
879
 
880
  </div>
881
+ <div class="my-social-connections">
882
+ <a href="https://www.paypal.me/daniyalahmedk" target="_blank"><img src="http://www.gotscience.org/wp-content/uploads/2016/05/paypaldonateButton-flat.png"class="donate-btn" /></a>
883
+ <div class="facebook_prof">
884
+ Show your love of plugin by posting on my wall (appericiations,suggestions)
885
+ <!-- Facebook Badge START --><a href="https://www.facebook.com/mewoooooo" title="Daniyal Ahmad" style="font-family: &quot;lucida grande&quot;,tahoma,verdana,arial,sans-serif; font-size: 11px; font-variant: normal; font-style: normal; font-weight: normal; color: #3B5998; text-decoration: none;" target="_TOP">Daniyal Ahmad</a><br /><a href="https://www.facebook.com/mewoooooo" title="Daniyal Ahmad" target="_TOP"><img class="img" src="https://badge.facebook.com/badge/100000485113612.1956.488944817.png" style="border: 0px;" alt="" /></a><!-- Facebook Badge END -->
886
+ </div>
887
+ <div class="twitter">
888
+ <h4>FOLLOW ME ON TWITTER</h4>
889
+ <a href="https://twitter.com/mewooooooooo" class="twitter-follow-button" data-size="large" data-show-screen-name="false" data-show-count="false">Follow @mewooooooooo</a><script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
890
+ </div>
891
+ </div>
892
+ <div class="clear-scale">
893
+ </div>
894
  <p class="submit">
895
 
896
+ <input type="submit" class="button-primary fuse-social-submit" value="<?php
897
 
898
  _e('Save Options', 'awesomesocial');
899
 
901
 
902
  <?php
903
 
904
+ echo "<div class='loading-cover-pi'><img src='" . plugin_dir_url(__FILE__) . "img/loader.gif' id='fuse_social_load'/></div>";
905
 
906
  ?>
907
 
908
  </p>
909
 
910
+
911
  <div class="awesome_spacer"></div>
912
 
913
  <div class="awesome_spacer"></div>
925
  jQuery(document).ready(function() {
926
 
927
  jQuery("#fuse_social_load").hide();
928
+ jQuery(".loading-cover-pi").hide();
929
 
930
  jQuery('#fuse_social_form').submit(function() {
931
+ jQuery(".loading-cover-pi").show();
932
  jQuery("#fuse_social_load").show();
933
 
934
  jQuery(this).ajaxSubmit({
945
  echo htmlentities(__('Settings Saved Successfully', 'wp'), ENT_QUOTES);
946
 
947
  ?></p>").show();
948
+ jQuery(".loading-cover-pi").hide();
949
  },
950
 
951
  timeout:5000,
inc/img/loader.gif ADDED
Binary file
inc/img/loading.gif DELETED
Binary file
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.3
7
- Stable tag: 1.3
8
  License: GPLv2 or later
9
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
10
 
@@ -25,9 +25,8 @@ which allows you to make settings for those social media icons, in the means of
25
 
26
  Fuse Social Floating Sidebar is providing two type of icons square and round, further there is also <strong>animation effect which looks much attractive</strong>.
27
  You can check live demo
28
- <strong>Fuse Social </strong> [Demo](http://photontechs.com/awesome-social-icons/ "Awesome Social Icons")
29
  <br />
30
- *If you have any suggestions or Questions you can contact us at [HashWP �](http://hashwp.com/ "HashWP �")
31
 
32
  <strong>Its all depends on users choice that either he wants animation/round/sqaure or with any <em>combinations he needs.</em></strong>
33
 
@@ -52,7 +51,7 @@ Fuse Social Floating Sidebar allow you to add following social icons in your web
52
  * Stack OverFlow
53
  * Behance
54
  * Github
55
-
56
 
57
  == Installation ==
58
 
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.7
7
+ Stable tag: 2.0
8
  License: GPLv2 or later
9
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
10
 
25
 
26
  Fuse Social Floating Sidebar is providing two type of icons square and round, further there is also <strong>animation effect which looks much attractive</strong>.
27
  You can check live demo
28
+ <strong>Fuse Social </strong> [Demo](https://fusesocialfloating.000webhostapp.com/ "Fuse Social Floating")
29
  <br />
 
30
 
31
  <strong>Its all depends on users choice that either he wants animation/round/sqaure or with any <em>combinations he needs.</em></strong>
32
 
51
  * Stack OverFlow
52
  * Behance
53
  * Github
54
+ and many more..
55
 
56
  == Installation ==
57