Fuse Social Floating Sidebar - Version 3.0

Version Description

Download this release

Release Info

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

Code changes from version 2.0 to 3.0

fuse_social_sidebar.php CHANGED
@@ -1,40 +1,40 @@
1
- <?php
2
- /*
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
10
- License URI: http://www.opensource.org/licenses/gpl-license.php
11
- NOTE: This plugin is released under the GPLv2 license. The icons used in this plugin are the property
12
- of their respective owners, and do not, necessarily, inherit the GPLv2 license.
13
- */
14
- // Adding Admin Menu
15
- require_once('inc/fuse_social_sidebar_admin.php');
16
- // Getting Values from options
17
- $options = get_option('fuse_social_options');
18
- // Creating Icons
19
- require_once('inc/fuse_social_sidebar_func.php');
20
- // Getting Style for awesome icons
21
- require_once('inc/fuse_social_sidebar_scripts.php');
22
- // Add settings link on plugin page
23
- function fuse_social_settings_link($links) {
24
- $settings_link = '<a href="options-general.php?page=fuse-social">Settings</a>';
25
- array_unshift($links, $settings_link);
26
- return $links;
27
- }
28
- $plugin = plugin_basename(__FILE__);
29
- add_filter("plugin_action_links_$plugin", 'fuse_social_settings_link' );
30
- add_action('wp_footer','fuse_social_sidebar',100);
31
-
32
-
33
- function fuse_social_sidebar()
34
- {
35
- $makeawesome_icons = new Making_Fuse_Icons;
36
- // Getting Icons for Shortcode
37
- $makeawesome_icons->Create_Awesome_Icons();
38
- }
39
-
40
- ?>
1
+ <?php
2
+ /*
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: 3.0
7
+ Author: Daniyal Ahmed
8
+ Author URI: http://www.photontechs.com
9
+ License: GNU General Public License v3.0
10
+ License URI: http://www.opensource.org/licenses/gpl-license.php
11
+ NOTE: This plugin is released under the GPLv2 license. The icons used in this plugin are the property
12
+ of their respective owners, and do not, necessarily, inherit the GPLv2 license.
13
+ */
14
+ // Adding Admin Menu
15
+ require_once('inc/fuse_social_sidebar_admin.php');
16
+ // Getting Values from options
17
+ $options = get_option('fuse_social_options');
18
+ // Creating Icons
19
+ require_once('inc/fuse_social_sidebar_func.php');
20
+ // Getting Style for awesome icons
21
+ require_once('inc/fuse_social_sidebar_scripts.php');
22
+ // Add settings link on plugin page
23
+ function fuse_social_settings_link($links) {
24
+ $settings_link = '<a href="options-general.php?page=fuse-social">Settings</a>';
25
+ array_unshift($links, $settings_link);
26
+ return $links;
27
+ }
28
+ $plugin = plugin_basename(__FILE__);
29
+ add_filter("plugin_action_links_$plugin", 'fuse_social_settings_link' );
30
+ add_action('wp_footer','fuse_social_sidebar',100);
31
+
32
+
33
+ function fuse_social_sidebar()
34
+ {
35
+ $makeawesome_icons = new Making_Fuse_Icons;
36
+ // Getting Icons for Shortcode
37
+ $makeawesome_icons->Create_Awesome_Icons();
38
+ }
39
+
40
+ ?>
inc/css/admin_style.css CHANGED
@@ -1,145 +1,145 @@
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
- }
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
@@ -1,1081 +1,1617 @@
1
- <?php
2
-
3
- /*---------------------------------------------------
4
-
5
- add settings page to menu
6
-
7
- ----------------------------------------------------*/
8
-
9
- function register_fuse_social_sidebar_submenu_page()
10
-
11
- {
12
-
13
- add_submenu_page('options-general.php', 'Fuse Social Sidebar', 'Fuse Social Sidebar', 'manage_options', 'fuse-social', 'fuse_social_callback');
14
-
15
- }
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
-
27
- $style_options = array(
28
-
29
- 'square' => array(
30
-
31
- 'value' => 'square',
32
-
33
- 'label' => __($awesome_sq_icon, 'fuse_social')
34
-
35
- ),
36
-
37
- 'round' => array(
38
-
39
- 'value' => 'round',
40
-
41
- 'label' => __($awesome_ro_icon, 'fuse_social')
42
-
43
- )
44
-
45
- );
46
-
47
- $size_options = array(
48
-
49
- '48' => array(
50
-
51
- 'value' => '48',
52
-
53
- 'label' => __( 'Large', 'fuse_social' )
54
-
55
- ),
56
-
57
- '32' => array(
58
-
59
- 'value' => '32',
60
-
61
- 'label' => __( 'Medium', 'fuse_social' )
62
-
63
- ),
64
-
65
- '24' => array(
66
-
67
- 'value' => '24',
68
-
69
- 'label' => __( 'Small', 'fuse_social' )
70
-
71
- )
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()
98
-
99
- {
100
- wp_enqueue_script('jquery');
101
- wp_enqueue_script('jquery-form');
102
- wp_enqueue_style( 'wp-color-picker' );
103
- wp_enqueue_script( 'wp-color-picker');
104
- wp_enqueue_script( 'wp-color-picker-script-handle', plugins_url('wp-color-picker-script.js', __FILE__ ), array( 'wp-color-picker' ), false, true );
105
- ?>
106
- <link href="<?php echo plugin_dir_url(__FILE__); ?>css/admin_style.css" rel="stylesheet">
107
- <link href="<?php echo plugin_dir_url(__FILE__); ?>css/font-awesome.min.css" rel="stylesheet">
108
- <?php
109
- settings_fields('fuse_social');
110
- $options = get_option('fuse_social_options');
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
-
118
- <script>
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(){
141
-
142
- $j("#fuse_social_options_anim_sec").hide();
143
-
144
- $j("#fuse_social_options_anim_s").hide();
145
-
146
- $j('#fuse_social_animate').change(function() {
147
-
148
- if($j(this).is(":checked")) {
149
-
150
- $j("#fuse_social_options_anim_sec").fadeIn();
151
-
152
- $j("#fuse_social_options_anim_s").fadeIn();
153
-
154
- }
155
-
156
- else{
157
-
158
- $j("#fuse_social_options_anim_s").hide();
159
-
160
- $j("#fuse_social_options_anim_sec").fadeOut();
161
-
162
- }
163
-
164
- });
165
-
166
- $j("#awesome_settings").hide();
167
-
168
- $j("#tab_awsome_settings").click(function(){
169
-
170
- $j("#awesome_links").fadeOut();
171
-
172
- $j("#awesome_settings").fadeIn();
173
-
174
- });
175
-
176
- $j("#tab_awsome_links").click(function(){
177
-
178
- $j("#awesome_links").fadeIn();
179
-
180
- $j("#awesome_settings").fadeOut();
181
-
182
- });
183
-
184
- <?php
185
-
186
- // If animation checked, then show corresponding text box for seconds
187
-
188
- if ($options['animations'] == 1)
189
-
190
- {
191
-
192
- ?>
193
-
194
- $j("#fuse_social_options_anim_sec").show();
195
-
196
- $j("#fuse_social_options_anim_s").show(100);
197
-
198
- <?php
199
-
200
- }
201
-
202
- ?>
203
-
204
-
205
-
206
- });
207
-
208
- </script>
209
-
210
- <div class="awesome_spacer"></div>
211
-
212
- <div class="fuse_social_tabs">
213
-
214
- <a href="javascript:void(0);" id="tab_awsome_links"><span class="awesome_tabs">Links</span></a>
215
-
216
- <a href="javascript:void(0);" id="tab_awsome_settings"><span class="awesome_tabs">Settings</span></a>
217
-
218
- </div>
219
-
220
- <div class="awesome_spacer"></div>
221
-
222
- <form method="post" action="options.php" id="fuse_social_form">
223
-
224
- <?php
225
-
226
- settings_fields('fuse_social');
227
-
228
- $options = get_option('fuse_social_options');
229
-
230
- ?>
231
-
232
- <div id="awesome_settings">
233
-
234
- <?php
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
-
242
- if (!isset($checked))
243
-
244
- $checked = '';
245
-
246
- foreach ($style_options as $option)
247
-
248
- {
249
-
250
- $radio_setting = $options['style_input'];
251
-
252
- if ('' != $radio_setting)
253
-
254
- {
255
-
256
- if ($options['style_input'] == $option['value'])
257
-
258
- {
259
-
260
- $fuse_social_style = $options['style_input'];
261
-
262
- $checked = "checked=\"checked\"";
263
-
264
- }
265
-
266
- else
267
-
268
- {
269
-
270
- $checked = '';
271
-
272
- }
273
-
274
- }
275
-
276
- ?>
277
-
278
- <label class="awesome_description"><input type="radio" name="fuse_social_options[style_input]" value="<?php
279
-
280
- esc_attr_e($option['value']);
281
-
282
- ?>" <?php
283
-
284
- echo $checked;
285
-
286
- ?> /> <?php
287
-
288
- echo $option['label'];
289
-
290
- ?></label>
291
-
292
- <?php
293
-
294
- }
295
-
296
- ?>
297
-
298
- <br />
299
- <div id="other_settings">
300
- <h3><?php _e("Other Settings","fuse_social"); ?></h3>
301
-
302
- <hr />
303
-
304
- <table>
305
-
306
- <tr style="height:45px;">
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
-
314
- checked('1', $options['linksnewtab']);
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
-
328
- <input id="fuse_social_animate" name="fuse_social_options[animations]" type="checkbox" value="1" <?php
329
-
330
- checked('1', $options['animations']);
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
-
348
-
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
-
395
- <tr style="height:45px;">
396
-
397
- <td>
398
-
399
- <hr />
400
-
401
- <?php // Font Shadow settings ?>
402
-
403
- <input id="fuse_social_options[shadow]" name="fuse_social_options[shadow]" type="checkbox" value="1" <?php
404
-
405
- checked('1', $options['shadow']);
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
-
415
- </td>
416
- <td>
417
-
418
- <hr />
419
-
420
- <?php // Mobile settings ?>
421
-
422
- <input id="fuse_social_options[mobile]" name="fuse_social_options[mobile]" type="checkbox" value="1" <?php
423
-
424
- checked('1', $options['mobile']);
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
-
434
- </td>
435
- <td style="padding-top:8px;">
436
-
437
- <hr />
438
-
439
- <select name="fuse_social_options[size]">
440
-
441
- <?php
442
-
443
- // Setting size of Social icons.
444
-
445
- $selected = $options['size'];
446
-
447
- $p = '';
448
-
449
- $r = '';
450
-
451
-
452
-
453
- foreach ( $size_options as $option ) {
454
-
455
- $label = $option['label'];
456
-
457
- if ( $selected == $option['value'] ) // Make default first in list
458
-
459
- $p = "\n\t<option style=\"padding-right: 10px;\" selected='selected' value='" . esc_attr( $option['value'] ) . "'>$label</option>";
460
-
461
- else
462
-
463
- $r .= "\n\t<option style=\"padding-right: 10px;\" value='" . esc_attr( $option['value'] ) . "'>$label</option>";
464
-
465
- }
466
-
467
- echo $p . $r;
468
-
469
- ?>
470
-
471
- </select>
472
-
473
- <label class="description" for="fuse_social_options[size]"><?php _e( '<strong>Size</strong>', 'fuse_social' ); ?></label>
474
-
475
- </td>
476
- </tr>
477
- <tr>
478
- <td>
479
-
480
- <hr />
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
500
-
501
- esc_attr_e($options['colorpicker']);
502
-
503
- ?>" name="fuse_social_options[colorpicker]" type="text" />
504
- </td>
505
- <td>
506
-
507
-
508
- <?php // on hover color settings ?>
509
-
510
- <input id="fuse_social_options[hover]" name="fuse_social_options[hover]" type="checkbox" value="1" <?php
511
-
512
- checked('1', $options['hover']);
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
-
522
- </td>
523
-
524
- </tr>
525
-
526
-
527
-
528
-
529
-
530
- </table>
531
-
532
-
533
- </div>
534
- </div>
535
-
536
- <div id="awesome_links">
537
-
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
-
545
- <table id="icons">
546
-
547
- <tr>
548
-
549
- <td>
550
-
551
- <i class="fa fa-facebook"></i><label for="fuse_social_options[facebook]" > Facebook</label><br /><input id="fuse_social_options[facebook]" value="<?php
552
-
553
- esc_attr_e($options['facebook']);
554
-
555
- ?>" name="fuse_social_options[facebook]" type="text" placeholder="Facebook URL" />
556
-
557
- </td>
558
-
559
- <td>
560
-
561
- <i class="fa fa-twitter"></i><label for="fuse_social_options[twitter]" > Twitter</label><br /><input id="fuse_social_options[twitter]" value="<?php
562
-
563
- esc_attr_e($options['twitter']);
564
-
565
- ?>" name="fuse_social_options[twitter]" type="text" placeholder="Twitter URL" />
566
-
567
-
568
-
569
-
570
-
571
- </td>
572
-
573
- <td>
574
-
575
- <i class="fa fa-rss"></i><label for="fuse_social_options[rss]" > Rss</label><br /><input id="fuse_social_options[rss]" value="<?php
576
-
577
- esc_attr_e($options['rss']);
578
-
579
- ?>" name="fuse_social_options[rss]" type="text" placeholder="Rss URL" />
580
-
581
-
582
-
583
-
584
-
585
- </td>
586
-
587
- </tr>
588
-
589
- <tr>
590
-
591
-
592
-
593
- <td>
594
-
595
- <hr />
596
-
597
- <i class="fa fa-linkedin"></i><label for="fuse_social_options[linkedin]" > Linkedin</label><br /><input id="fuse_social_options[linkedin]" value="<?php
598
-
599
- esc_attr_e($options['linkedin']);
600
-
601
- ?>" name="fuse_social_options[linkedin]" type="text" placeholder="Linkedin URL" />
602
-
603
-
604
-
605
-
606
-
607
- </td>
608
-
609
- <td>
610
-
611
- <hr />
612
-
613
- <i class="fa fa-youtube"></i><label for="fuse_social_options[youtube]" > Youtube</label><br /><input id="fuse_social_options[youtube]" value="<?php
614
-
615
- esc_attr_e($options['youtube']);
616
-
617
- ?>" name="fuse_social_options[youtube]" type="text" placeholder="Youtube URL" />
618
-
619
- </td>
620
-
621
- <td>
622
-
623
- <hr />
624
-
625
- <i class="fa fa-flickr"></i><label for="fuse_social_options[flickr]" > Flickr</label><br /><input id="fuse_social_options[flickr]" value="<?php
626
-
627
- esc_attr_e($options['flickr']);
628
-
629
- ?>" name="fuse_social_options[flickr]" type="text" placeholder="Flickr URL" />
630
-
631
-
632
-
633
-
634
-
635
- </td>
636
-
637
- </tr>
638
-
639
-
640
-
641
- <tr>
642
-
643
- <td>
644
-
645
- <hr />
646
-
647
- <i class="fa fa-pinterest"></i><label for="fuse_social_options[pinterest]" > Pinterest</label><br /><input id="fuse_social_options[pinterest]" value="<?php
648
-
649
- esc_attr_e($options['pinterest']);
650
-
651
- ?>" name="fuse_social_options[pinterest]" type="text" placeholder="Pinterest URL" />
652
-
653
-
654
-
655
- </td>
656
-
657
- <td>
658
-
659
- <hr />
660
-
661
- <i class="fa fa-stumbleupon"></i><label for="fuse_social_options[stumbleupon]" > Stumbleupon</label><br /><input id="fuse_social_options[stumbleupon]" value="<?php
662
-
663
- esc_attr_e($options['stumbleupon']);
664
-
665
- ?>" name="fuse_social_options[stumbleupon]" type="text" placeholder="Stumbleupon URL" />
666
-
667
-
668
-
669
-
670
-
671
- </td>
672
-
673
- <td>
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
-
681
- esc_attr_e($options['google-plus']);
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
-
697
- <td>
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
-
705
- esc_attr_e($options['instagram']);
706
-
707
- ?>" name="fuse_social_options[instagram]" type="text" placeholder="Instagram URL" />
708
-
709
-
710
-
711
-
712
-
713
- </td>
714
-
715
- <td>
716
-
717
- <hr />
718
-
719
- <i class="fa fa-tumblr"></i><label for="fuse_social_options[tumblr]" > Tumblr</label><br /><input id="fuse_social_options[tumblr]" value="<?php
720
-
721
- esc_attr_e($options['tumblr']);
722
-
723
- ?>" name="fuse_social_options[tumblr]" type="text" placeholder="Tumblr URL" />
724
-
725
-
726
-
727
-
728
-
729
- </td>
730
-
731
- <td>
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
-
739
- esc_attr_e($options['vine']);
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
-
760
- esc_attr_e($options['vk']);
761
-
762
- ?>" name="fuse_social_options[vk]" type="text" placeholder="VK URL" />
763
-
764
-
765
-
766
-
767
-
768
- </td>
769
-
770
- <td>
771
-
772
- <hr />
773
-
774
- <i class="fa fa-soundcloud"></i><label for="fuse_social_options[soundcloud]" > Sound Cloud</label><br /><input id="fuse_social_options[soundcloud]" value="<?php
775
-
776
- esc_attr_e($options['soundcloud']);
777
-
778
- ?>" name="fuse_social_options[soundcloud]" type="text" placeholder="Sound Cloud URL" />
779
-
780
-
781
-
782
-
783
-
784
- </td>
785
-
786
- <td>
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
-
794
- esc_attr_e($options['reddit']);
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
-
816
- esc_attr_e($options['stack']);
817
-
818
- ?>" name="fuse_social_options[stack]" type="text" placeholder="Stack OverFlow URL" />
819
-
820
-
821
-
822
-
823
-
824
- </td>
825
-
826
- <td>
827
-
828
- <hr />
829
-
830
- <i class="fa fa-behance"></i><label for="fuse_social_options[behance]" > Behance</label><br /><input id="fuse_social_options[behance]" value="<?php
831
-
832
- esc_attr_e($options['behance']);
833
-
834
- ?>" name="fuse_social_options[behance]" type="text" placeholder="Behance URL" />
835
-
836
-
837
-
838
-
839
-
840
- </td>
841
-
842
- <td>
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
-
850
- esc_attr_e($options['github']);
851
-
852
- ?>" name="fuse_social_options[github]" type="text" placeholder="Github URL" />
853
-
854
-
855
-
856
- </td>
857
-
858
- </tr>
859
- <tr>
860
-
861
- <td>
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
-
869
- esc_attr_e($options['envelope']);
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
- <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
-
900
- ?>" />
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>
914
-
915
- <div class="awesome_spacer"></div>
916
-
917
- <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 />
918
-
919
- </form>
920
-
921
- <div id="saveResult"></div>
922
-
923
- <script type="text/javascript">
924
-
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({
935
-
936
-
937
- success: function(){
938
-
939
- jQuery("#fuse_social_load").hide();
940
-
941
- jQuery('#saveResult').html("<div id='saveMessage' class='successModal'></div>");
942
-
943
- jQuery('#saveMessage').append("<p><?php
944
-
945
- echo htmlentities(__('Settings Saved Successfully', 'wp'), ENT_QUOTES);
946
-
947
- ?></p>").show();
948
- jQuery(".loading-cover-pi").hide();
949
- },
950
-
951
- timeout:5000,
952
- error: function(data){
953
- jQuery("#fuse_social_load").hide();
954
-
955
- jQuery('#saveResult').html("<div id='saveMessage' class='successModal'></div>");
956
-
957
- jQuery('#saveMessage').append("<p><?php
958
-
959
- echo htmlentities(__('Settings Saved Successfully', 'wp'), ENT_QUOTES);
960
-
961
- ?></p>").show();
962
- }
963
- });
964
-
965
- setTimeout("jQuery('#saveMessage').hide('slow');", 5000);
966
-
967
- return false;
968
-
969
- });
970
-
971
- });
972
-
973
- </script>
974
-
975
- <?php
976
-
977
- echo '</div>';
978
-
979
-
980
-
981
- }
982
-
983
- add_action('admin_init', 'fuse_social_options_init');
984
-
985
- /**
986
-
987
- * Init plugin options to white list our options
988
-
989
- */
990
-
991
- function fuse_social_options_init()
992
-
993
- {
994
-
995
- register_setting('fuse_social', 'fuse_social_options', 'fuse_social_icon_validate');
996
-
997
- }
998
-
999
- function fuse_social_icon_validate($input)
1000
-
1001
- {
1002
-
1003
- global $size_options, $style_options,$pos_options;
1004
-
1005
- // Link new tab checkbox value is either 0 or 1
1006
-
1007
- if (!isset($input['linksnewtab']))
1008
-
1009
- $input['linksnewtab'] = null;
1010
-
1011
- $input['linksnewtab'] = ($input['linksnewtab'] == 1 ? 1 : 0);
1012
-
1013
- if (!isset($input['animations']))
1014
-
1015
- // Animation checkbox value is either 0 or 1
1016
-
1017
- $input['animations'] = null;
1018
-
1019
- $input['animations'] = ($input['animations'] == 1 ? 1 : 0);
1020
-
1021
- // Shadow checkbox value is either 0 or 1
1022
-
1023
- if (!isset($input['shadow']))
1024
-
1025
- $input['shadow'] = null;
1026
-
1027
- $input['shadow'] = ($input['shadow'] == 1 ? 1 : 0);
1028
-
1029
- // Our style option must actually be in our array of style options
1030
-
1031
- if (!isset($input['style_input']))
1032
-
1033
- $input['style_input'] = null;
1034
-
1035
- if (!array_key_exists($input['style_input'], $style_options))
1036
-
1037
- $input['style_input'] = null;
1038
-
1039
- // Social profiles links must be safe links with no HTML tags
1040
-
1041
- $input['facebook'] = wp_filter_nohtml_kses($input['facebook']);
1042
-
1043
- $input['twitter'] = wp_filter_nohtml_kses($input['twitter']);
1044
-
1045
- $input['rss'] = wp_filter_nohtml_kses($input['rss']);
1046
-
1047
- $input['linkedin'] = wp_filter_nohtml_kses($input['linkedin']);
1048
-
1049
- $input['youtube'] = wp_filter_nohtml_kses($input['youtube']);
1050
-
1051
- $input['flickr'] = wp_filter_nohtml_kses($input['flickr']);
1052
-
1053
- $input['pinterest'] = wp_filter_nohtml_kses($input['pinterest']);
1054
-
1055
- $input['stumbleupon'] = wp_filter_nohtml_kses($input['stumbleupon']);
1056
-
1057
- $input['google-plus'] = wp_filter_nohtml_kses($input['google-plus']);
1058
-
1059
- $input['instagram'] = wp_filter_nohtml_kses($input['instagram']);
1060
-
1061
- $input['tumblr'] = wp_filter_nohtml_kses($input['tumblr']);
1062
-
1063
- $input['vine'] = wp_filter_nohtml_kses($input['vine']);
1064
-
1065
- // Our size option must actually be in our array of size options
1066
-
1067
- if ( ! array_key_exists( $input['size'], $size_options ) )
1068
-
1069
- $input['size'] = null;
1070
-
1071
- // Our size option must actually be in our array of size options
1072
-
1073
- if ( ! array_key_exists( $input['position'], $pos_options ) )
1074
-
1075
- $input['position'] = null;
1076
-
1077
- return $input;
1078
-
1079
- }
1080
-
1081
- ?>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+ /*---------------------------------------------------
3
+ add settings page to menu
4
+ ----------------------------------------------------*/
5
+ function register_fuse_social_sidebar_submenu_page()
6
+ {
7
+ add_submenu_page('options-general.php', 'Fuse Social Sidebar', 'Fuse Social Sidebar', 'manage_options', 'fuse-social', 'fuse_social_callback');
8
+ }
9
+
10
+ add_action('admin_menu', 'register_fuse_social_sidebar_submenu_page');
11
+
12
+ // Getting square icons image for Admin Settings
13
+
14
+ $awesome_sq_icon = "Square Icons <img src='" . plugin_dir_url(__FILE__) . "img/square_logo.png' /> &nbsp; &nbsp; &nbsp; ";
15
+
16
+ // Getting round icons image for Admin Settings
17
+
18
+ $awesome_ro_icon = "Round Icons <img src='" . plugin_dir_url(__FILE__) . "img/round_logo.png' />";
19
+ $style_options = array(
20
+ 'square' => array(
21
+ 'value' => 'square',
22
+ 'label' => __($awesome_sq_icon, 'fuse_social')
23
+ ) ,
24
+ 'round' => array(
25
+ 'value' => 'round',
26
+ 'label' => __($awesome_ro_icon, 'fuse_social')
27
+ )
28
+ );
29
+ $size_options = array(
30
+ '48' => array(
31
+ 'value' => '48',
32
+ 'label' => __('Large', 'fuse_social')
33
+ ) ,
34
+ '32' => array(
35
+ 'value' => '32',
36
+ 'label' => __('Medium', 'fuse_social')
37
+ ) ,
38
+ '24' => array(
39
+ 'value' => '24',
40
+ 'label' => __('Small', 'fuse_social')
41
+ )
42
+ );
43
+ $pos_options = array(
44
+ 'left' => array(
45
+ 'value' => 'left',
46
+ 'label' => __('Left', 'fuse_social')
47
+ ) ,
48
+ 'right' => array(
49
+ 'value' => 'right',
50
+ 'label' => __('Right', 'fuse_social')
51
+ )
52
+ );
53
+
54
+ // Awesome Social call back for Admin Settings
55
+
56
+ function fuse_social_callback()
57
+ {
58
+ wp_enqueue_script('jquery');
59
+ wp_enqueue_script('jquery-form');
60
+ wp_enqueue_style('wp-color-picker');
61
+ wp_enqueue_script('wp-color-picker');
62
+ wp_enqueue_script('wp-color-picker-script-handle', plugins_url('wp-color-picker-script.js', __FILE__) , array(
63
+ 'wp-color-picker'
64
+ ) , false, true);
65
+ ?>
66
+
67
+ <link href="<?php
68
+ echo plugin_dir_url(__FILE__); ?>css/admin_style.css" rel="stylesheet">
69
+
70
+ <link href="<?php
71
+ echo plugin_dir_url(__FILE__); ?>css/font-awesome.min.css" rel="stylesheet">
72
+
73
+ <?php
74
+ settings_fields('fuse_social');
75
+ $options = get_option('fuse_social_options');
76
+ _e('<div class="wrap"><div id="icon-tools" class="icon32"></div>', "fuse_social");
77
+ _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");
78
+ ?>
79
+
80
+
81
+
82
+ <script>
83
+
84
+
85
+
86
+
87
+ // Activating tabs for Admin Settings
88
+
89
+
90
+ (function( $ ) {
91
+
92
+
93
+
94
+
95
+ // Add Color Picker to all inputs that have 'color-field' class
96
+
97
+
98
+ $(function() {
99
+
100
+ $('.color-field').wpColorPicker();
101
+
102
+ });
103
+
104
+
105
+
106
+ })( jQuery );
107
+
108
+ (function( $ ) {
109
+
110
+ $(function() {
111
+
112
+
113
+
114
+
115
+ // Add Color Picker to all inputs that have 'color-field' class
116
+
117
+
118
+ $( '.cpa-color-picker' ).wpColorPicker();
119
+
120
+
121
+
122
+ });
123
+
124
+ })( jQuery );
125
+
126
+
127
+
128
+ $j=jQuery.noConflict();
129
+
130
+
131
+
132
+ $j(document).ready(function(){
133
+
134
+
135
+
136
+ $j("#fuse_social_options_anim_sec").hide();
137
+
138
+
139
+
140
+ $j("#fuse_social_options_anim_s").hide();
141
+
142
+
143
+
144
+ $j('#fuse_social_animate').change(function() {
145
+
146
+
147
+
148
+ if($j(this).is(":checked")) {
149
+
150
+
151
+
152
+ $j("#fuse_social_options_anim_sec").fadeIn();
153
+
154
+
155
+
156
+ $j("#fuse_social_options_anim_s").fadeIn();
157
+
158
+
159
+
160
+ }
161
+
162
+
163
+
164
+ else{
165
+
166
+
167
+
168
+ $j("#fuse_social_options_anim_s").hide();
169
+
170
+
171
+
172
+ $j("#fuse_social_options_anim_sec").fadeOut();
173
+
174
+
175
+
176
+ }
177
+
178
+
179
+
180
+ });
181
+
182
+
183
+
184
+ $j("#awesome_settings").hide();
185
+
186
+
187
+
188
+ $j("#tab_awsome_settings").click(function(){
189
+
190
+
191
+
192
+ $j("#awesome_links").fadeOut();
193
+
194
+
195
+
196
+ $j("#awesome_settings").fadeIn();
197
+
198
+
199
+
200
+ });
201
+
202
+
203
+
204
+ $j("#tab_awsome_links").click(function(){
205
+
206
+
207
+
208
+ $j("#awesome_links").fadeIn();
209
+
210
+
211
+
212
+ $j("#awesome_settings").fadeOut();
213
+
214
+
215
+
216
+ });
217
+
218
+
219
+
220
+ <?php
221
+
222
+ // If animation checked, then show corresponding text box for seconds
223
+
224
+ if ($options['animations'] == 1)
225
+ {
226
+ ?>
227
+
228
+
229
+
230
+ $j("#fuse_social_options_anim_sec").show();
231
+
232
+
233
+
234
+ $j("#fuse_social_options_anim_s").show(100);
235
+
236
+
237
+
238
+ <?php
239
+ }
240
+
241
+ ?>
242
+
243
+
244
+
245
+
246
+
247
+
248
+
249
+ });
250
+
251
+
252
+
253
+ </script>
254
+
255
+
256
+
257
+ <div class="awesome_spacer"></div>
258
+
259
+
260
+
261
+ <div class="fuse_social_tabs">
262
+
263
+
264
+
265
+ <a href="javascript:void(0);" id="tab_awsome_links"><span class="awesome_tabs">Links</span></a>
266
+
267
+
268
+
269
+ <a href="javascript:void(0);" id="tab_awsome_settings"><span class="awesome_tabs">Settings</span></a>
270
+
271
+
272
+
273
+ </div>
274
+
275
+
276
+
277
+ <div class="awesome_spacer"></div>
278
+
279
+
280
+
281
+ <form method="post" action="options.php" id="fuse_social_form">
282
+
283
+
284
+
285
+ <?php
286
+ settings_fields('fuse_social');
287
+ $options = get_option('fuse_social_options');
288
+ ?>
289
+
290
+
291
+
292
+ <div id="awesome_settings">
293
+
294
+
295
+
296
+ <?php
297
+
298
+ // Getting social icons style type i.e Round or Sqaure for Admin Settings
299
+
300
+ global $style_options, $size_options, $pos_options;
301
+ $fuse_social_style = "";
302
+ if (!isset($checked)) $checked = '';
303
+ foreach($style_options as $option)
304
+ {
305
+ $radio_setting = $options['style_input'];
306
+ if ('' != $radio_setting)
307
+ {
308
+ if ($options['style_input'] == $option['value'])
309
+ {
310
+ $fuse_social_style = $options['style_input'];
311
+ $checked = "checked=\"checked\"";
312
+ }
313
+ else
314
+ {
315
+ $checked = '';
316
+ }
317
+ }
318
+
319
+ ?>
320
+
321
+
322
+
323
+ <label class="awesome_description"><input type="radio" name="fuse_social_options[style_input]" value="<?php
324
+ esc_attr_e($option['value']);
325
+ ?>" <?php
326
+ echo $checked;
327
+ ?> /> <?php
328
+ echo $option['label'];
329
+ ?></label>
330
+
331
+
332
+
333
+ <?php
334
+ }
335
+
336
+ ?>
337
+
338
+
339
+
340
+ <br />
341
+
342
+ <div id="other_settings">
343
+
344
+ <h3><?php
345
+ _e("Other Settings", "fuse_social"); ?></h3>
346
+
347
+
348
+
349
+ <hr />
350
+
351
+
352
+
353
+ <table>
354
+
355
+
356
+
357
+ <tr style="height:45px;">
358
+
359
+
360
+
361
+ <td style="width: 300px;">
362
+
363
+
364
+
365
+ <?php // Open Links in new tab setting
366
+ ?>
367
+
368
+
369
+
370
+ <input id="fuse_social_options[linksnewtab]" name="fuse_social_options[linksnewtab]" type="checkbox" value="1" <?php
371
+ checked('1', $options['linksnewtab']);
372
+ ?> />
373
+
374
+
375
+
376
+
377
+
378
+
379
+
380
+ <label class="awesome_description" for="fuse_social_options[linksnewtab]"><strong><?php
381
+ _e("Open links new tab.", "fuse_social"); ?></strong></label>
382
+
383
+
384
+
385
+ </td>
386
+
387
+
388
+
389
+ <?php // Animation Settings
390
+ ?>
391
+
392
+
393
+
394
+ <td>
395
+
396
+
397
+
398
+ <input id="fuse_social_animate" name="fuse_social_options[animations]" type="checkbox" value="1" <?php
399
+ checked('1', $options['animations']);
400
+ ?> />
401
+
402
+
403
+
404
+
405
+
406
+
407
+
408
+ <label class="awesome_description" for="fuse_social_animate"><strong><?php
409
+ _e("Animation on hover", "fuse_social"); ?> </strong></label>
410
+
411
+
412
+
413
+ <?php // Animation time settings
414
+ ?>
415
+
416
+
417
+
418
+ <input id="fuse_social_options_anim_sec" value="<?php
419
+ esc_attr_e($options['animate_sec']);
420
+ ?>" name="fuse_social_options[animate_sec]" type="text" placeholder="Delay in Seconds" style="width:250px;" />
421
+
422
+
423
+
424
+ <span id="fuse_social_options_anim_s"><em><?php
425
+ _e("Animation delay in seconds. For-example 0.5", "fuse_social") ?></em></span>
426
+
427
+
428
+
429
+
430
+
431
+
432
+
433
+ </td>
434
+
435
+
436
+
437
+ <td style="padding-top:8px;">
438
+
439
+
440
+
441
+ <hr />
442
+
443
+
444
+
445
+ <select name="fuse_social_options[position]">
446
+
447
+
448
+
449
+ <?php
450
+
451
+ // Setting size of Social icons.
452
+
453
+ $selected = $options['position'];
454
+ $p = '';
455
+ $r = '';
456
+ foreach($pos_options as $option)
457
+ {
458
+ $label = $option['label'];
459
+ if ($selected == $option['value']) // Make default first in list
460
+ $p = "\n\t<option style=\"padding-right: 10px;\" selected='selected' value='" . esc_attr($option['value']) . "'>$label</option>";
461
+ else $r.= "\n\t<option style=\"padding-right: 10px;\" value='" . esc_attr($option['value']) . "'>$label</option>";
462
+ }
463
+
464
+ echo $p . $r;
465
+ ?>
466
+
467
+
468
+
469
+ </select>
470
+
471
+
472
+
473
+ <label class="description" for="fuse_social_options[position]"><?php
474
+ _e('<strong>Position</strong>', 'fuse_social'); ?></label>
475
+
476
+
477
+
478
+ </td>
479
+
480
+
481
+
482
+ </tr>
483
+
484
+
485
+
486
+ <tr style="height:45px;">
487
+
488
+
489
+
490
+ <td>
491
+
492
+
493
+
494
+ <hr />
495
+
496
+
497
+
498
+ <?php // Font Shadow settings
499
+ ?>
500
+
501
+
502
+
503
+ <input id="fuse_social_options[shadow]" name="fuse_social_options[shadow]" type="checkbox" value="1" <?php
504
+ checked('1', $options['shadow']);
505
+ ?> />
506
+
507
+
508
+
509
+
510
+
511
+
512
+
513
+
514
+
515
+
516
+
517
+ <label class="awesome_description" for="fuse_social_options[shadow]"><strong><?php
518
+ _e("Don't use shadow in icons.", "fuse_social"); ?></strong></label>
519
+
520
+
521
+
522
+ </td>
523
+
524
+ <td>
525
+
526
+
527
+
528
+ <hr />
529
+
530
+
531
+
532
+ <?php // Mobile settings
533
+ ?>
534
+
535
+
536
+
537
+ <input id="fuse_social_options[mobile]" name="fuse_social_options[mobile]" type="checkbox" value="1" <?php
538
+ checked('1', $options['mobile']);
539
+ ?> />
540
+
541
+
542
+
543
+
544
+
545
+
546
+
547
+
548
+
549
+
550
+
551
+ <label class="awesome_description" for="fuse_social_options[mobile]"><strong><?php
552
+ _e("Don't show in Mobile Version", "fuse_social"); ?></strong></label>
553
+
554
+
555
+
556
+ </td>
557
+
558
+ <td style="padding-top:8px;">
559
+
560
+
561
+
562
+ <hr />
563
+
564
+
565
+
566
+ <select name="fuse_social_options[size]">
567
+
568
+
569
+
570
+ <?php
571
+
572
+ // Setting size of Social icons.
573
+
574
+ $selected = $options['size'];
575
+ $p = '';
576
+ $r = '';
577
+ foreach($size_options as $option)
578
+ {
579
+ $label = $option['label'];
580
+ if ($selected == $option['value']) // Make default first in list
581
+ $p = "\n\t<option style=\"padding-right: 10px;\" selected='selected' value='" . esc_attr($option['value']) . "'>$label</option>";
582
+ else $r.= "\n\t<option style=\"padding-right: 10px;\" value='" . esc_attr($option['value']) . "'>$label</option>";
583
+ }
584
+
585
+ echo $p . $r;
586
+ ?>
587
+
588
+
589
+
590
+ </select>
591
+
592
+
593
+
594
+ <label class="description" for="fuse_social_options[size]"><?php
595
+ _e('<strong>Size</strong>', 'fuse_social'); ?></label>
596
+
597
+
598
+
599
+ </td>
600
+
601
+ </tr>
602
+
603
+ <tr>
604
+
605
+ <td>
606
+
607
+
608
+
609
+ <hr />
610
+
611
+ <?php
612
+ add_action('admin_enqueue_scripts', 'awesome_color_picker');
613
+ function awesome_color_picker($hook)
614
+ {
615
+ if (is_admin())
616
+ {
617
+
618
+ // Add the color picker css file
619
+
620
+ wp_enqueue_style('wp-color-picker');
621
+
622
+ // Include our custom jQuery file with WordPress Color Picker dependency
623
+
624
+ wp_enqueue_script('custom-script-handle', plugins_url('custom-script.js', __FILE__) , array(
625
+ 'wp-color-picker'
626
+ ) , false, true);
627
+ }
628
+ }
629
+
630
+ ?>
631
+
632
+
633
+
634
+
635
+
636
+ <label class="samecolor" for="fuse_social_options[colorpicker]"><strong><?php
637
+ _e("Use custom background color for all icons.", "fuse_social"); ?></strong></label>
638
+
639
+ <input class="cpa-color-picker" id="fuse_social_options[colorpicker]" value="<?php
640
+ esc_attr_e($options['colorpicker']);
641
+ ?>" name="fuse_social_options[colorpicker]" type="text" />
642
+
643
+ </td>
644
+
645
+ <td>
646
+
647
+
648
+
649
+
650
+
651
+ <?php // on hover color settings
652
+ ?>
653
+
654
+
655
+
656
+ <input id="fuse_social_options[hover]" name="fuse_social_options[hover]" type="checkbox" value="1" <?php
657
+ checked('1', $options['hover']);
658
+ ?> />
659
+
660
+
661
+
662
+
663
+
664
+
665
+
666
+
667
+
668
+
669
+
670
+ <label class="awesome_description" for="fuse_social_options[hover]"><strong><?php
671
+ _e("Change icon color on hover - For Custom Background", "fuse_social"); ?></strong></label>
672
+
673
+
674
+
675
+ </td>
676
+
677
+
678
+
679
+ </tr>
680
+
681
+
682
+
683
+
684
+
685
+
686
+
687
+
688
+
689
+
690
+
691
+ </table>
692
+
693
+
694
+
695
+
696
+
697
+ </div>
698
+
699
+ </div>
700
+
701
+
702
+
703
+ <div id="awesome_links">
704
+
705
+
706
+
707
+ <?php // Setting links for social icons from Admin Settings
708
+ ?>
709
+
710
+
711
+
712
+ <strong><?php
713
+ _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>
714
+
715
+
716
+
717
+
718
+
719
+ <div class="awesome_spacer"></div>
720
+
721
+
722
+
723
+ <table id="icons">
724
+
725
+
726
+
727
+ <tr>
728
+
729
+
730
+
731
+ <td>
732
+
733
+
734
+
735
+ <i class="fa fa-facebook"></i><label for="fuse_social_options[facebook]" > Facebook</label><br /><input id="fuse_social_options[facebook]" value="<?php
736
+ esc_attr_e($options['facebook']);
737
+ ?>" name="fuse_social_options[facebook]" type="text" placeholder="Facebook URL" />
738
+
739
+
740
+
741
+ </td>
742
+
743
+
744
+
745
+ <td>
746
+
747
+
748
+
749
+ <i class="fa fa-twitter"></i><label for="fuse_social_options[twitter]" > Twitter</label><br /><input id="fuse_social_options[twitter]" value="<?php
750
+ esc_attr_e($options['twitter']);
751
+ ?>" name="fuse_social_options[twitter]" type="text" placeholder="Twitter URL" />
752
+
753
+
754
+
755
+
756
+
757
+
758
+
759
+
760
+
761
+
762
+
763
+ </td>
764
+
765
+
766
+
767
+ <td>
768
+
769
+
770
+
771
+ <i class="fa fa-rss"></i><label for="fuse_social_options[rss]" > Rss</label><br /><input id="fuse_social_options[rss]" value="<?php
772
+ esc_attr_e($options['rss']);
773
+ ?>" name="fuse_social_options[rss]" type="text" placeholder="Rss URL" />
774
+
775
+
776
+
777
+
778
+
779
+
780
+
781
+
782
+
783
+
784
+
785
+ </td>
786
+
787
+
788
+
789
+ </tr>
790
+
791
+
792
+
793
+ <tr>
794
+
795
+
796
+
797
+
798
+
799
+
800
+
801
+ <td>
802
+
803
+
804
+
805
+ <hr />
806
+
807
+
808
+
809
+ <i class="fa fa-linkedin"></i><label for="fuse_social_options[linkedin]" > Linkedin</label><br /><input id="fuse_social_options[linkedin]" value="<?php
810
+ esc_attr_e($options['linkedin']);
811
+ ?>" name="fuse_social_options[linkedin]" type="text" placeholder="Linkedin URL" />
812
+
813
+
814
+
815
+
816
+
817
+
818
+
819
+
820
+
821
+
822
+
823
+ </td>
824
+
825
+
826
+
827
+ <td>
828
+
829
+
830
+
831
+ <hr />
832
+
833
+
834
+
835
+ <i class="fa fa-youtube"></i><label for="fuse_social_options[youtube]" > Youtube</label><br /><input id="fuse_social_options[youtube]" value="<?php
836
+ esc_attr_e($options['youtube']);
837
+ ?>" name="fuse_social_options[youtube]" type="text" placeholder="Youtube URL" />
838
+
839
+
840
+
841
+ </td>
842
+
843
+
844
+
845
+ <td>
846
+
847
+
848
+
849
+ <hr />
850
+
851
+
852
+
853
+ <i class="fa fa-flickr"></i><label for="fuse_social_options[flickr]" > Flickr</label><br /><input id="fuse_social_options[flickr]" value="<?php
854
+ esc_attr_e($options['flickr']);
855
+ ?>" name="fuse_social_options[flickr]" type="text" placeholder="Flickr URL" />
856
+
857
+
858
+
859
+
860
+
861
+
862
+
863
+
864
+
865
+
866
+
867
+ </td>
868
+
869
+
870
+
871
+ </tr>
872
+
873
+
874
+
875
+
876
+
877
+
878
+
879
+ <tr>
880
+
881
+
882
+
883
+ <td>
884
+
885
+
886
+
887
+ <hr />
888
+
889
+
890
+
891
+ <i class="fa fa-pinterest"></i><label for="fuse_social_options[pinterest]" > Pinterest</label><br /><input id="fuse_social_options[pinterest]" value="<?php
892
+ esc_attr_e($options['pinterest']);
893
+ ?>" name="fuse_social_options[pinterest]" type="text" placeholder="Pinterest URL" />
894
+
895
+
896
+
897
+
898
+
899
+
900
+
901
+ </td>
902
+
903
+
904
+
905
+ <td>
906
+
907
+
908
+
909
+ <hr />
910
+
911
+
912
+
913
+ <i class="fa fa-stumbleupon"></i><label for="fuse_social_options[stumbleupon]" > Stumbleupon</label><br /><input id="fuse_social_options[stumbleupon]" value="<?php
914
+ esc_attr_e($options['stumbleupon']);
915
+ ?>" name="fuse_social_options[stumbleupon]" type="text" placeholder="Stumbleupon URL" />
916
+
917
+
918
+
919
+
920
+
921
+
922
+
923
+
924
+
925
+
926
+
927
+ </td>
928
+
929
+
930
+
931
+ <td>
932
+
933
+
934
+
935
+ <hr />
936
+
937
+
938
+
939
+
940
+
941
+
942
+
943
+ <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
944
+ esc_attr_e($options['google-plus']);
945
+ ?>" name="fuse_social_options[google-plus]" type="text" placeholder="Google Plus URL" />
946
+
947
+
948
+
949
+
950
+
951
+
952
+
953
+
954
+
955
+
956
+
957
+ </td>
958
+
959
+
960
+
961
+ </tr>
962
+
963
+
964
+
965
+
966
+
967
+
968
+
969
+ <tr>
970
+
971
+
972
+
973
+ <td>
974
+
975
+
976
+
977
+ <hr />
978
+
979
+
980
+
981
+
982
+
983
+
984
+
985
+ <i class="fa fa-instagram"></i><label for="fuse_social_options[instagram]" > Instagram</label><br /><input id="fuse_social_options[instagram]" value="<?php
986
+ esc_attr_e($options['instagram']);
987
+ ?>" name="fuse_social_options[instagram]" type="text" placeholder="Instagram URL" />
988
+
989
+
990
+
991
+
992
+
993
+
994
+
995
+
996
+
997
+
998
+
999
+ </td>
1000
+
1001
+
1002
+
1003
+ <td>
1004
+
1005
+
1006
+
1007
+ <hr />
1008
+
1009
+
1010
+
1011
+ <i class="fa fa-tumblr"></i><label for="fuse_social_options[tumblr]" > Tumblr</label><br /><input id="fuse_social_options[tumblr]" value="<?php
1012
+ esc_attr_e($options['tumblr']);
1013
+ ?>" name="fuse_social_options[tumblr]" type="text" placeholder="Tumblr URL" />
1014
+
1015
+
1016
+
1017
+
1018
+
1019
+
1020
+
1021
+
1022
+
1023
+
1024
+
1025
+ </td>
1026
+
1027
+
1028
+
1029
+ <td>
1030
+
1031
+
1032
+
1033
+ <hr />
1034
+
1035
+
1036
+
1037
+
1038
+
1039
+
1040
+
1041
+ <i class="fa fa-vine"></i><label for="fuse_social_options[vine]" > Vine</label><br /><input id="fuse_social_options[vine]" value="<?php
1042
+ esc_attr_e($options['vine']);
1043
+ ?>" name="fuse_social_options[vine]" type="text" placeholder="Vine URL" />
1044
+
1045
+
1046
+
1047
+
1048
+
1049
+
1050
+
1051
+ </td>
1052
+
1053
+
1054
+
1055
+ </tr>
1056
+
1057
+
1058
+
1059
+
1060
+
1061
+ <tr>
1062
+
1063
+
1064
+
1065
+ <td>
1066
+
1067
+
1068
+
1069
+ <hr />
1070
+
1071
+
1072
+
1073
+
1074
+
1075
+
1076
+
1077
+ <i class="fa fa-vk"></i><label for="fuse_social_options[vk]" > VK</label><br /><input id="fuse_social_options[vk]" value="<?php
1078
+ esc_attr_e($options['vk']);
1079
+ ?>" name="fuse_social_options[vk]" type="text" placeholder="VK URL" />
1080
+
1081
+
1082
+
1083
+
1084
+
1085
+
1086
+
1087
+
1088
+
1089
+
1090
+
1091
+ </td>
1092
+
1093
+
1094
+
1095
+ <td>
1096
+
1097
+
1098
+
1099
+ <hr />
1100
+
1101
+
1102
+
1103
+ <i class="fa fa-soundcloud"></i><label for="fuse_social_options[soundcloud]" > Sound Cloud</label><br /><input id="fuse_social_options[soundcloud]" value="<?php
1104
+ esc_attr_e($options['soundcloud']);
1105
+ ?>" name="fuse_social_options[soundcloud]" type="text" placeholder="Sound Cloud URL" />
1106
+
1107
+
1108
+
1109
+
1110
+
1111
+
1112
+
1113
+
1114
+
1115
+
1116
+
1117
+ </td>
1118
+
1119
+
1120
+
1121
+ <td>
1122
+
1123
+
1124
+
1125
+ <hr />
1126
+
1127
+
1128
+
1129
+
1130
+
1131
+
1132
+
1133
+ <i class="fa fa-reddit"></i><label for="fuse_social_options[reddit]" > Reddit</label><br /><input id="fuse_social_options[reddit]" value="<?php
1134
+ esc_attr_e($options['reddit']);
1135
+ ?>" name="fuse_social_options[reddit]" type="text" placeholder="Reddit URL" />
1136
+
1137
+
1138
+
1139
+
1140
+
1141
+
1142
+
1143
+ </td>
1144
+
1145
+
1146
+
1147
+ </tr>
1148
+
1149
+
1150
+
1151
+
1152
+
1153
+
1154
+
1155
+ <tr>
1156
+
1157
+
1158
+
1159
+ <td>
1160
+
1161
+
1162
+
1163
+ <hr />
1164
+
1165
+
1166
+
1167
+
1168
+
1169
+
1170
+
1171
+ <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
1172
+ esc_attr_e($options['stack']);
1173
+ ?>" name="fuse_social_options[stack]" type="text" placeholder="Stack OverFlow URL" />
1174
+
1175
+
1176
+
1177
+
1178
+
1179
+
1180
+
1181
+
1182
+
1183
+
1184
+
1185
+ </td>
1186
+
1187
+
1188
+
1189
+ <td>
1190
+
1191
+
1192
+
1193
+ <hr />
1194
+
1195
+
1196
+
1197
+ <i class="fa fa-behance"></i><label for="fuse_social_options[behance]" > Behance</label><br /><input id="fuse_social_options[behance]" value="<?php
1198
+ esc_attr_e($options['behance']);
1199
+ ?>" name="fuse_social_options[behance]" type="text" placeholder="Behance URL" />
1200
+
1201
+
1202
+
1203
+
1204
+
1205
+
1206
+
1207
+
1208
+
1209
+
1210
+
1211
+ </td>
1212
+
1213
+
1214
+
1215
+ <td>
1216
+
1217
+
1218
+
1219
+ <hr />
1220
+
1221
+
1222
+
1223
+
1224
+
1225
+
1226
+
1227
+ <i class="fa fa-github"></i><label for="fuse_social_options[github]" > Github</label><br /><input id="fuse_social_options[github]" value="<?php
1228
+ esc_attr_e($options['github']);
1229
+ ?>" name="fuse_social_options[github]" type="text" placeholder="Github URL" />
1230
+
1231
+
1232
+
1233
+
1234
+
1235
+
1236
+
1237
+ </td>
1238
+
1239
+
1240
+
1241
+ </tr>
1242
+
1243
+ <tr>
1244
+
1245
+
1246
+
1247
+ <td>
1248
+
1249
+
1250
+
1251
+ <hr />
1252
+
1253
+
1254
+
1255
+
1256
+
1257
+
1258
+
1259
+ <i class="fa fa-envelope-o"></i><label for="fuse_social_options[envelope]" > Email</label><br /><input id="fuse_social_options[envelope]" value="<?php
1260
+ esc_attr_e($options['envelope']);
1261
+ ?>" name="fuse_social_options[envelope]" type="text" placeholder="mailto:someone@example.com" />
1262
+
1263
+
1264
+
1265
+
1266
+
1267
+
1268
+
1269
+ </td>
1270
+
1271
+ </tr>
1272
+
1273
+
1274
+
1275
+ </table>
1276
+ <div class="custom_fileds">
1277
+ <table class="tab-cus">
1278
+ <tr class="single-table-head">
1279
+ <th>Icon</th>
1280
+ <th>URL</th>
1281
+ <th>Background</th>
1282
+ <th></th>
1283
+ </tr>
1284
+ <?php
1285
+ $countiner = 20;
1286
+ $pass = 0;
1287
+ for ($i = 1; $i < 20; $i++)
1288
+ {
1289
+ $temps = 'icon_sec_' . $i;
1290
+ if (!empty($options[$temps]))
1291
+ {
1292
+ $pass++;
1293
+ ?>
1294
+ <tr class="single-row">
1295
+
1296
+ <td>
1297
+ <input type="text" value="<?php
1298
+ echo $options['icon_sec_' . $i]; ?>" name="fuse_social_options[icon_sec_<?php
1299
+ echo $i; ?>]" class="icon_image" />
1300
+ </td>
1301
+ <td>
1302
+ <input type="text" value="<?php
1303
+ echo $options['url_sec_' . $i]; ?>" name="fuse_social_options[url_sec_<?php
1304
+ echo $i; ?>]" class="url_ico_img" />
1305
+ </td>
1306
+ <td>
1307
+ <input type="text" value="<?php
1308
+ echo $options['bg_color_ico_' . $i]; ?>" name="fuse_social_options[bg_color_ico_<?php
1309
+ echo $i; ?>]" class="url_ico_img" />
1310
+ </td>
1311
+ <td class="add_an">
1312
+ <a href="javascript:void(0);" class="add_anoth_link">+</a>
1313
+ <a href="javascript:void(0);" class="minus_anoth_link">-</a>
1314
+ </td>
1315
+ </tr>
1316
+ <?php
1317
+ }
1318
+ }
1319
+
1320
+ if ($pass == 0)
1321
+ {
1322
+ ?>
1323
+ <tr class="single-row">
1324
+
1325
+ <td>
1326
+ <input type="text" value="" name="fuse_social_options[icon_sec_1]" class="icon_image" />
1327
+ </td>
1328
+ <td>
1329
+ <input type="text" value="" name="fuse_social_options[url_sec_1]" class="url_ico_img" />
1330
+ </td>
1331
+ <td>
1332
+ <input type="text" value="" name="fuse_social_options[bg_color_ico_1]" class="url_ico_img" />
1333
+ </td>
1334
+ <td class="add_an">
1335
+ <a href="javascript:void(0);" class="add_anoth_link">+</a>
1336
+ <a href="javascript:void(0);" class="minus_anoth_link">-</a>
1337
+ </td>
1338
+ </tr>
1339
+ <?php
1340
+ }
1341
+
1342
+ ?>
1343
+
1344
+ </table>
1345
+ </div>
1346
+ <style type="text/css">
1347
+ table.tab-cus {
1348
+ width: 100%;
1349
+ text-align: center;
1350
+ background: #eee;
1351
+ padding: 10px;
1352
+ margin-top: 15px;
1353
+ }
1354
+ a.add_anoth_link, .minus_anoth_link {
1355
+ display: inline-block;
1356
+ width: 24px;
1357
+ height: 24px;
1358
+ background: #fc5c3c;
1359
+ color: #fff;
1360
+ border-radius: 50%;
1361
+ text-decoration: none;
1362
+ line-height: 22px;
1363
+ text-align: center;
1364
+ }
1365
+ </style>
1366
+
1367
+ </div>
1368
+
1369
+ <div class="my-social-connections">
1370
+
1371
+ <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>
1372
+
1373
+ <div class="facebook_prof">
1374
+
1375
+ Show your love of plugin by posting on my wall (appericiations,suggestions)
1376
+
1377
+ <!-- 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 -->
1378
+
1379
+ </div>
1380
+
1381
+ <div class="twitter">
1382
+
1383
+ <h4>FOLLOW ME ON TWITTER</h4>
1384
+
1385
+ <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>
1386
+
1387
+ </div>
1388
+
1389
+ </div>
1390
+
1391
+ <div class="clear-scale">
1392
+
1393
+ </div>
1394
+
1395
+ <p class="submit">
1396
+
1397
+
1398
+
1399
+ <input type="submit" class="button-primary fuse-social-submit" value="<?php
1400
+ _e('Save Options', 'awesomesocial');
1401
+ ?>" />
1402
+
1403
+
1404
+
1405
+ <?php
1406
+ echo "<div class='loading-cover-pi'><img src='" . plugin_dir_url(__FILE__) . "img/loader.gif' id='fuse_social_load'/></div>";
1407
+ ?>
1408
+
1409
+
1410
+
1411
+ </p>
1412
+
1413
+
1414
+
1415
+
1416
+
1417
+ <div class="awesome_spacer"></div>
1418
+
1419
+
1420
+
1421
+ <div class="awesome_spacer"></div>
1422
+
1423
+
1424
+
1425
+ <div class="awesome_spacer"></div>
1426
+
1427
+
1428
+
1429
+ <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 />
1430
+
1431
+
1432
+
1433
+ </form>
1434
+
1435
+
1436
+
1437
+ <div id="saveResult"></div>
1438
+
1439
+
1440
+
1441
+ <script type="text/javascript">
1442
+
1443
+
1444
+
1445
+ jQuery(document).ready(function($) {
1446
+ $(".minus_anoth_link").live("click",function(){
1447
+ var $tr = $(this).closest('.single-row');
1448
+ $tr.find(':text').val('');
1449
+ $(this).closest('.single-row').hide();
1450
+ });
1451
+ $("a.add_anoth_link").live("click",function(){
1452
+ var $tr = $(this).closest('.single-row');
1453
+ var $clone = $tr.clone();
1454
+ $clone.find(':text').val('');
1455
+ var self = $(this),
1456
+ row = self.closest('tr'),
1457
+ rowIndex = row.index();
1458
+
1459
+ $clone.find('.icon_image').attr("name","fuse_social_options[icon_sec_"+(rowIndex+1)+"]");
1460
+ $clone.find('.url_ico_img').attr("name","fuse_social_options[url_sec_"+(rowIndex+1)+"]");
1461
+ $clone.find('.type_select').attr("name","fuse_social_options[select_type_"+(rowIndex+1)+"]");
1462
+
1463
+
1464
+ $tr.after($clone);
1465
+
1466
+ });
1467
+
1468
+ jQuery("#fuse_social_load").hide();
1469
+
1470
+ jQuery(".loading-cover-pi").hide();
1471
+
1472
+
1473
+
1474
+ jQuery('#fuse_social_form').submit(function() {
1475
+
1476
+ jQuery(".loading-cover-pi").show();
1477
+
1478
+ jQuery("#fuse_social_load").show();
1479
+
1480
+
1481
+
1482
+ jQuery(this).ajaxSubmit({
1483
+
1484
+
1485
+
1486
+
1487
+
1488
+ success: function(){
1489
+
1490
+
1491
+
1492
+ jQuery("#fuse_social_load").hide();
1493
+
1494
+
1495
+ jQuery(".loading-cover-pi").hide();
1496
+ jQuery('#saveResult').html("<div id='saveMessage' class='successModal'></div>");
1497
+
1498
+
1499
+
1500
+ jQuery('#saveMessage').append("<p><?php
1501
+ echo htmlentities(__('Settings Saved Successfully', 'wp') , ENT_QUOTES);
1502
+ ?></p>").show();
1503
+
1504
+ jQuery(".loading-cover-pi").hide();
1505
+
1506
+ },
1507
+
1508
+
1509
+
1510
+ timeout:5000,
1511
+
1512
+ error: function(data){
1513
+
1514
+ jQuery("#fuse_social_load").hide();
1515
+
1516
+ jQuery(".loading-cover-pi").hide();
1517
+
1518
+ jQuery('#saveResult').html("<div id='saveMessage' class='successModal'></div>");
1519
+
1520
+
1521
+
1522
+ jQuery('#saveMessage').append("<p><?php
1523
+ echo htmlentities(__('Settings Saved Successfully', 'wp') , ENT_QUOTES);
1524
+ ?></p>").show();
1525
+
1526
+ }
1527
+
1528
+ });
1529
+
1530
+
1531
+
1532
+ setTimeout("jQuery('#saveMessage').hide('slow');", 5000);
1533
+
1534
+
1535
+
1536
+ return false;
1537
+
1538
+
1539
+
1540
+ });
1541
+
1542
+
1543
+
1544
+ });
1545
+
1546
+
1547
+
1548
+ </script>
1549
+
1550
+
1551
+
1552
+ <?php
1553
+ echo '</div>';
1554
+ }
1555
+
1556
+ add_action('admin_init', 'fuse_social_options_init');
1557
+ /**
1558
+ * Init plugin options to white list our options
1559
+ */
1560
+
1561
+ function fuse_social_options_init()
1562
+ {
1563
+ register_setting('fuse_social', 'fuse_social_options', 'fuse_social_icon_validate');
1564
+ }
1565
+
1566
+ function fuse_social_icon_validate($input)
1567
+ {
1568
+ global $size_options, $style_options, $pos_options;
1569
+
1570
+ // Link new tab checkbox value is either 0 or 1
1571
+
1572
+ if (!isset($input['linksnewtab'])) $input['linksnewtab'] = null;
1573
+ $input['linksnewtab'] = ($input['linksnewtab'] == 1 ? 1 : 0);
1574
+ if (!isset($input['animations']))
1575
+
1576
+ // Animation checkbox value is either 0 or 1
1577
+
1578
+ $input['animations'] = null;
1579
+ $input['animations'] = ($input['animations'] == 1 ? 1 : 0);
1580
+
1581
+ // Shadow checkbox value is either 0 or 1
1582
+
1583
+ if (!isset($input['shadow'])) $input['shadow'] = null;
1584
+ $input['shadow'] = ($input['shadow'] == 1 ? 1 : 0);
1585
+
1586
+ // Our style option must actually be in our array of style options
1587
+
1588
+ if (!isset($input['style_input'])) $input['style_input'] = null;
1589
+ if (!array_key_exists($input['style_input'], $style_options)) $input['style_input'] = null;
1590
+
1591
+ // Social profiles links must be safe links with no HTML tags
1592
+
1593
+ $input['facebook'] = wp_filter_nohtml_kses($input['facebook']);
1594
+ $input['twitter'] = wp_filter_nohtml_kses($input['twitter']);
1595
+ $input['rss'] = wp_filter_nohtml_kses($input['rss']);
1596
+ $input['linkedin'] = wp_filter_nohtml_kses($input['linkedin']);
1597
+ $input['youtube'] = wp_filter_nohtml_kses($input['youtube']);
1598
+ $input['flickr'] = wp_filter_nohtml_kses($input['flickr']);
1599
+ $input['pinterest'] = wp_filter_nohtml_kses($input['pinterest']);
1600
+ $input['stumbleupon'] = wp_filter_nohtml_kses($input['stumbleupon']);
1601
+ $input['google-plus'] = wp_filter_nohtml_kses($input['google-plus']);
1602
+ $input['instagram'] = wp_filter_nohtml_kses($input['instagram']);
1603
+ $input['tumblr'] = wp_filter_nohtml_kses($input['tumblr']);
1604
+ $input['vine'] = wp_filter_nohtml_kses($input['vine']);
1605
+ $input['url_sec'] = wp_filter_nohtml_kses($input['url_sec']);
1606
+ $input['icon_sec'] = wp_filter_nohtml_kses($input['icon_sec']);
1607
+
1608
+ // Our size option must actually be in our array of size options
1609
+
1610
+ if (!array_key_exists($input['size'], $size_options)) $input['size'] = null;
1611
+
1612
+ // Our size option must actually be in our array of size options
1613
+
1614
+ if (!array_key_exists($input['position'], $pos_options)) $input['position'] = null;
1615
+ return $input;
1616
+ }
1617
+ ?>
inc/fuse_social_sidebar_func.php CHANGED
@@ -1,159 +1,326 @@
1
- <?php
2
- /*---------------------------------------------------
3
- Social Icons generator for front-end
4
- ----------------------------------------------------*/
5
- //Checking is style is square or round.
6
- $fuse_social_opt_front = array(
7
- 'square' => array(
8
- 'value' => 'square',
9
- 'label' => __('', 'awesome-social')
10
- ),
11
- 'round' => array(
12
- 'value' => 'round',
13
- 'label' => __('', 'awesome-social')
14
- )
15
- );
16
- global $fuse_social_style;
17
- if (!isset($checked))
18
- $checked = '';
19
- foreach ($fuse_social_opt_front as $option)
20
- {
21
- $radio_setting = $options['style_input'];
22
- if ('' != $radio_setting)
23
- {
24
- if ($options['style_input'] == $option['value'])
25
- {
26
- $fuse_social_style = $options['style_input'];
27
- $checked = "checked=\"checked\"";
28
- }
29
- else
30
- {
31
- $checked = '';
32
- }
33
- }
34
- }
35
- class Making_Fuse_Icons
36
- {
37
- // Generating Icons with respective links
38
- function Create_Awesome_Icons()
39
- {
40
-
41
- $options = get_option('fuse_social_options');
42
- echo "<div id='icon_wrapper'>";
43
- // Checking if target is _self or _blank
44
- if ($options['linksnewtab'] == 1)
45
- {
46
- $target = 'target="_blank"';
47
- }
48
- else
49
- {
50
- $target = 'target="_self"';
51
- }
52
- // Checking if social icon value is set from admin settings then display that icon, other wise not.
53
- if ($options['facebook'])
54
- {
55
- $facebook = $options['facebook'];
56
- echo "<a $target class='fuse_social_icons_links' href='$facebook'> <i class='fa fa-facebook fb-awesome-social awesome-social'></i></a><br />";
57
- }
58
- if ($options['twitter'])
59
- {
60
- $twitter = $options['twitter'];
61
- echo "<a $target class='fuse_social_icons_links' href='$twitter'> <i class='fa fa-twitter tw-awesome-social awesome-social'></i></a><br />";
62
- }
63
- if ($options['rss'])
64
- {
65
- $rss = $options['rss'];
66
- echo "<a $target class='fuse_social_icons_links' href='$rss'> <i class='fa fa-rss rss-awesome-social awesome-social'></i></a><br />";
67
- }
68
- if ($options['linkedin'])
69
- {
70
- $linkedin = $options['linkedin'];
71
- echo "<a $target class='fuse_social_icons_links' href='$linkedin'> <i class='fa fa-linkedin linkedin-awesome-social awesome-social'></i></a><br />";
72
- }
73
- if ($options['youtube'])
74
- {
75
- $youtube = $options['youtube'];
76
- echo "<a $target class='fuse_social_icons_links' href='$youtube'> <i class='fa fa-youtube youtube-awesome-social awesome-social'></i></a><br />";
77
- }
78
- if ($options['flickr'])
79
- {
80
- $flickr = $options['flickr'];
81
- echo "<a $target class='fuse_social_icons_links' href='$flickr'> <i class='fa fa-flickr flickr-awesome-social awesome-social'></i></a><br />";
82
- }
83
- if ($options['pinterest'])
84
- {
85
- $pinterest = $options['pinterest'];
86
- echo "<a $target class='fuse_social_icons_links' href='$pinterest'> <i class='fa fa-pinterest pinterest-awesome-social awesome-social'></i></a><br />";
87
- }
88
- if ($options['stumbleupon'])
89
- {
90
- $stumbleupon = $options['stumbleupon'];
91
- echo "<a $target class='fuse_social_icons_links' href='$stumbleupon'> <i class='fa fa-stumbleupon stumbleupon-awesome-social awesome-social'></i></a><br />";
92
- }
93
- if ($options['google-plus'])
94
- {
95
- $google = $options['google-plus'];
96
- echo "<a $target class='fuse_social_icons_links' href='$google'> <i class='fa fa-google-plus google-plus-awesome-social awesome-social'></i></a><br />";
97
- }
98
- if ($options['instagram'])
99
- {
100
- $instagram = $options['instagram'];
101
- echo "<a $target class='fuse_social_icons_links' href='$instagram'> <i class='fa fa-instagram instagram-awesome-social awesome-social'></i></a><br />";
102
- }
103
- if ($options['tumblr'])
104
- {
105
- $tumblr = $options['tumblr'];
106
- echo "<a $target class='fuse_social_icons_links' href='$tumblr'> <i class='fa fa-tumblr tumblr-awesome-social awesome-social'></i></a><br />";
107
- }
108
- if ($options['vine'])
109
- {
110
- $vine = $options['vine'];
111
- echo "<a $target class='fuse_social_icons_links' href='$vine'> <i class='fa fa-vine vine-awesome-social awesome-social'></i></a><br />";
112
- }
113
-
114
- if ($options['vk'])
115
- {
116
- $vk = $options['vk'];
117
- echo "<a $target class='fuse_social_icons_links' href='$vk'> <i class='fa fa-vk vk-awesome-social awesome-social'></i></a><br />";
118
- }
119
-
120
- if ($options['soundcloud'])
121
- {
122
- $soundcloud = $options['soundcloud'];
123
- echo "<a $target class='fuse_social_icons_links' href='$soundcloud'> <i class='fa fa-soundcloud soundcloud-awesome-social awesome-social'></i></a><br />";
124
- }
125
-
126
- if ($options['reddit'])
127
- {
128
- $reddit = $options['reddit'];
129
- echo "<a $target class='fuse_social_icons_links' href='$reddit'> <i class='fa fa-reddit reddit-awesome-social awesome-social'></i></a><br />";
130
- }
131
-
132
- if ($options['stack'])
133
- {
134
- $stack = $options['stack'];
135
- echo "<a $target class='fuse_social_icons_links' href='$stack'> <i class='fa fa-stack-overflow stack-awesome-social awesome-social'></i></a><br />";
136
- }
137
-
138
- if ($options['behance'])
139
- {
140
- $behance = $options['behance'];
141
- echo "<a $target class='fuse_social_icons_links' href='$behance'> <i class='fa fa-behance behance-awesome-social awesome-social'></i></a><br />";
142
- }
143
-
144
- if ($options['github'])
145
- {
146
- $github = $options['github'];
147
- echo "<a $target class='fuse_social_icons_links' href='$github'> <i class='fa fa-github github-awesome-social awesome-social'></i></a><br />";
148
- }
149
- if ($options['envelope'])
150
- {
151
- $envelope = $options['envelope'];
152
- echo "<a $target class='fuse_social_icons_links' href='$envelope'> <i class='fa fa-envelope envelope-awesome-social awesome-social'></i></a><br />";
153
- }
154
- echo "</div>";
155
-
156
-
157
- }
158
- }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
159
  ?>
1
+ <?php
2
+ /*---------------------------------------------------
3
+ Social Icons generator for front-end
4
+ ----------------------------------------------------*/
5
+ //Checking is style is square or round.
6
+ $fuse_social_opt_front = array(
7
+
8
+ 'square' => array(
9
+
10
+ 'value' => 'square',
11
+
12
+ 'label' => __('', 'awesome-social')
13
+
14
+ ),
15
+
16
+ 'round' => array(
17
+
18
+ 'value' => 'round',
19
+
20
+ 'label' => __('', 'awesome-social')
21
+
22
+ )
23
+
24
+ );
25
+
26
+ global $fuse_social_style;
27
+
28
+ if (!isset($checked))
29
+
30
+ $checked = '';
31
+
32
+ foreach ($fuse_social_opt_front as $option)
33
+
34
+ {
35
+
36
+ $radio_setting = $options['style_input'];
37
+
38
+ if ('' != $radio_setting)
39
+
40
+ {
41
+
42
+ if ($options['style_input'] == $option['value'])
43
+
44
+ {
45
+
46
+ $fuse_social_style = $options['style_input'];
47
+
48
+ $checked = "checked=\"checked\"";
49
+
50
+ }
51
+
52
+ else
53
+
54
+ {
55
+
56
+ $checked = '';
57
+
58
+ }
59
+
60
+ }
61
+
62
+ }
63
+
64
+ class Making_Fuse_Icons
65
+
66
+ {
67
+
68
+ // Generating Icons with respective links
69
+
70
+ function Create_Awesome_Icons()
71
+
72
+ {
73
+
74
+
75
+
76
+ $options = get_option('fuse_social_options');
77
+
78
+ echo "<div id='icon_wrapper'>";
79
+
80
+ // Checking if target is _self or _blank
81
+
82
+ if ($options['linksnewtab'] == 1)
83
+
84
+ {
85
+
86
+ $target = 'target="_blank"';
87
+
88
+ }
89
+
90
+ else
91
+
92
+ {
93
+
94
+ $target = 'target="_self"';
95
+
96
+ }
97
+
98
+ // Checking if social icon value is set from admin settings then display that icon, other wise not.
99
+
100
+ if ($options['facebook'])
101
+
102
+ {
103
+
104
+ $facebook = $options['facebook'];
105
+
106
+ echo "<a $target class='fuse_social_icons_links' href='$facebook'> <i class='fa fa-facebook fb-awesome-social awesome-social'></i></a><br />";
107
+
108
+ }
109
+
110
+ if ($options['twitter'])
111
+
112
+ {
113
+
114
+ $twitter = $options['twitter'];
115
+
116
+ echo "<a $target class='fuse_social_icons_links' href='$twitter'> <i class='fa fa-twitter tw-awesome-social awesome-social'></i></a><br />";
117
+
118
+ }
119
+
120
+ if ($options['rss'])
121
+
122
+ {
123
+
124
+ $rss = $options['rss'];
125
+
126
+ echo "<a $target class='fuse_social_icons_links' href='$rss'> <i class='fa fa-rss rss-awesome-social awesome-social'></i></a><br />";
127
+
128
+ }
129
+
130
+ if ($options['linkedin'])
131
+
132
+ {
133
+
134
+ $linkedin = $options['linkedin'];
135
+
136
+ echo "<a $target class='fuse_social_icons_links' href='$linkedin'> <i class='fa fa-linkedin linkedin-awesome-social awesome-social'></i></a><br />";
137
+
138
+ }
139
+
140
+ if ($options['youtube'])
141
+
142
+ {
143
+
144
+ $youtube = $options['youtube'];
145
+
146
+ echo "<a $target class='fuse_social_icons_links' href='$youtube'> <i class='fa fa-youtube youtube-awesome-social awesome-social'></i></a><br />";
147
+
148
+ }
149
+
150
+ if ($options['flickr'])
151
+
152
+ {
153
+
154
+ $flickr = $options['flickr'];
155
+
156
+ echo "<a $target class='fuse_social_icons_links' href='$flickr'> <i class='fa fa-flickr flickr-awesome-social awesome-social'></i></a><br />";
157
+
158
+ }
159
+
160
+ if ($options['pinterest'])
161
+
162
+ {
163
+
164
+ $pinterest = $options['pinterest'];
165
+
166
+ echo "<a $target class='fuse_social_icons_links' href='$pinterest'> <i class='fa fa-pinterest pinterest-awesome-social awesome-social'></i></a><br />";
167
+
168
+ }
169
+
170
+ if ($options['stumbleupon'])
171
+
172
+ {
173
+
174
+ $stumbleupon = $options['stumbleupon'];
175
+
176
+ echo "<a $target class='fuse_social_icons_links' href='$stumbleupon'> <i class='fa fa-stumbleupon stumbleupon-awesome-social awesome-social'></i></a><br />";
177
+
178
+ }
179
+
180
+ if ($options['google-plus'])
181
+
182
+ {
183
+
184
+ $google = $options['google-plus'];
185
+
186
+ echo "<a $target class='fuse_social_icons_links' href='$google'> <i class='fa fa-google-plus google-plus-awesome-social awesome-social'></i></a><br />";
187
+
188
+ }
189
+
190
+ if ($options['instagram'])
191
+
192
+ {
193
+
194
+ $instagram = $options['instagram'];
195
+
196
+ echo "<a $target class='fuse_social_icons_links' href='$instagram'> <i class='fa fa-instagram instagram-awesome-social awesome-social'></i></a><br />";
197
+
198
+ }
199
+
200
+ if ($options['tumblr'])
201
+
202
+ {
203
+
204
+ $tumblr = $options['tumblr'];
205
+
206
+ echo "<a $target class='fuse_social_icons_links' href='$tumblr'> <i class='fa fa-tumblr tumblr-awesome-social awesome-social'></i></a><br />";
207
+
208
+ }
209
+
210
+ if ($options['vine'])
211
+
212
+ {
213
+
214
+ $vine = $options['vine'];
215
+
216
+ echo "<a $target class='fuse_social_icons_links' href='$vine'> <i class='fa fa-vine vine-awesome-social awesome-social'></i></a><br />";
217
+
218
+ }
219
+
220
+
221
+
222
+ if ($options['vk'])
223
+
224
+ {
225
+
226
+ $vk = $options['vk'];
227
+
228
+ echo "<a $target class='fuse_social_icons_links' href='$vk'> <i class='fa fa-vk vk-awesome-social awesome-social'></i></a><br />";
229
+
230
+ }
231
+
232
+
233
+
234
+ if ($options['soundcloud'])
235
+
236
+ {
237
+
238
+ $soundcloud = $options['soundcloud'];
239
+
240
+ echo "<a $target class='fuse_social_icons_links' href='$soundcloud'> <i class='fa fa-soundcloud soundcloud-awesome-social awesome-social'></i></a><br />";
241
+
242
+ }
243
+
244
+
245
+
246
+ if ($options['reddit'])
247
+
248
+ {
249
+
250
+ $reddit = $options['reddit'];
251
+
252
+ echo "<a $target class='fuse_social_icons_links' href='$reddit'> <i class='fa fa-reddit reddit-awesome-social awesome-social'></i></a><br />";
253
+
254
+ }
255
+
256
+
257
+
258
+ if ($options['stack'])
259
+
260
+ {
261
+
262
+ $stack = $options['stack'];
263
+
264
+ echo "<a $target class='fuse_social_icons_links' href='$stack'> <i class='fa fa-stack-overflow stack-awesome-social awesome-social'></i></a><br />";
265
+
266
+ }
267
+
268
+
269
+
270
+ if ($options['behance'])
271
+
272
+ {
273
+
274
+ $behance = $options['behance'];
275
+
276
+ echo "<a $target class='fuse_social_icons_links' href='$behance'> <i class='fa fa-behance behance-awesome-social awesome-social'></i></a><br />";
277
+
278
+ }
279
+
280
+
281
+
282
+ if ($options['github'])
283
+
284
+ {
285
+
286
+ $github = $options['github'];
287
+
288
+ echo "<a $target class='fuse_social_icons_links' href='$github'> <i class='fa fa-github github-awesome-social awesome-social'></i></a><br />";
289
+
290
+ }
291
+
292
+ if ($options['envelope'])
293
+
294
+ {
295
+
296
+ $envelope = $options['envelope'];
297
+
298
+ echo "<a $target class='fuse_social_icons_links' href='$envelope'> <i class='fa fa-envelope envelope-awesome-social awesome-social'></i></a><br />";
299
+
300
+ }
301
+
302
+ $countiner = 20;
303
+
304
+ for ($i=1; $i < 20; $i++) {
305
+ $temps = 'icon_sec_'.$i;
306
+
307
+ if(!empty($options[$temps])){
308
+ if(filter_var($options[$temps], FILTER_VALIDATE_URL))
309
+ {
310
+ echo "<a $target class='fuse_social_icons_links' href='".$options['url_sec_'.$i]."'><img src='".$options[$temps]."' class='image_link' /></a><br />";
311
+ }
312
+ else {
313
+ echo "<a $target class='fuse_social_icons_links' href='".$options['url_sec_'.$i]."'> <i style='background:".$options['bg_color_ico_'.$i].";' class='fa ".$options[$temps]." ".$options[$temps]."-awesome-social awesome-social'></i></a><br />";
314
+ }
315
+ }
316
+ }
317
+ echo "<style>a.fuse_social_icons_links img { width: 48px; }</style></div>";
318
+
319
+
320
+
321
+
322
+
323
+ }
324
+
325
+ }
326
  ?>
inc/fuse_social_sidebar_scripts.php CHANGED
@@ -1,341 +1,677 @@
1
- <?php
2
- /*---------------------------------------------------
3
- Styling for social icons
4
- ----------------------------------------------------*/
5
- function fuse_social_scripts()
6
- {
7
- $options = get_option('fuse_social_options');
8
- global $fuse_social_style;
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;
32
- color: white !important;
33
- text-align: center !important;
34
- <?php
35
- // Checking size if its large then set it
36
- if($options['size']=="48")
37
- {
38
- ?>
39
- line-height: 51px !important;
40
- width: 48px !important;
41
- height: 48px !important;
42
- font-size: 2em !important;
43
- <?php
44
- }
45
- if($options['size']=="32")
46
- {
47
- // Checking size if its medium then set it
48
- ?>
49
- line-height: 34px !important;
50
- width: 32px !important;
51
- height: 32px !important;
52
- font-size: 1.5em !important;
53
- <?php
54
- }
55
- if($options['size']=="24")
56
- {
57
- // Checking size if its small then set it
58
- ?>
59
- line-height: 25px !important;
60
- width: 24px !important;
61
- height: 24px !important;
62
- font-size: 1em !important;
63
- <?php
64
- }
65
- ?>
66
-
67
- <?php
68
- // If there is shadow settings
69
- if ($options['shadow'] == 1){}
70
- else
71
- {
72
- echo "text-shadow: 2px 2px 4px #000000;";
73
- }
74
- ?>
75
- <?php
76
- // If there is round social icon settings
77
- if ($fuse_social_style == "round")
78
- {
79
- ?>
80
- border-radius:50% !important;
81
- <?php
82
- }
83
- // If animation setting then use CSS3 for animation
84
- if ($options['animations'] == 1)
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;
122
- }
123
- <?php // Social icons background settings ?>
124
- .fb-awesome-social
125
- {
126
- background: #3b5998;
127
- }
128
- .tw-awesome-social
129
- {
130
- background:#00aced;
131
- }
132
- .rss-awesome-social
133
- {
134
- background:#FA9B39;
135
- }
136
- .linkedin-awesome-social
137
- {
138
- background:#007bb6;
139
- }
140
- .youtube-awesome-social
141
- {
142
- background:#bb0000;
143
- }
144
- .flickr-awesome-social
145
- {
146
- background: #ff0084;
147
- }
148
- .pinterest-awesome-social
149
- {
150
- background:#cb2027;
151
- }
152
- .stumbleupon-awesome-social
153
- {
154
- background:#f74425 ;
155
- }
156
- .google-plus-awesome-social
157
- {
158
- background:#f74425 ;
159
- }
160
- .instagram-awesome-social
161
- {
162
- background:#517fa4 ;
163
- }
164
- .tumblr-awesome-social
165
- {
166
- background: #32506d ;
167
- }
168
- .vine-awesome-social
169
- {
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
-
206
- <?php
207
- if($options['mobile'] == 1)
208
- {
209
- if ( wp_is_mobile() ) {
210
-
211
- ?>
212
- #icon_wrapper{
213
-
214
- display: none;
215
- }
216
-
217
- <?php
218
- }
219
- }
220
- ?>
221
-
222
- /* Custom Background */
223
- <?php
224
- if($options['colorpicker'])
225
- {
226
- ?>
227
-
228
- .awesome-social {
229
- background:<?php echo $options['colorpicker'] ?> !important;
230
- }
231
-
232
- <?php
233
- }
234
- ?>
235
- <?php
236
- if($options['hover']==1)
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;
244
- -moz-transition-property:color, text;
245
- -moz-transition-duration:0.25s;
246
- -moz-transition-timing-function: linear, ease-in;
247
-
248
- -o-transition-property:color, text;
249
- -o-transition-duration:0.25s;
250
- -o-transition-timing-function: linear, ease-in;
251
- }
252
- .fb-awesome-social:hover
253
- {
254
- color: #3b5998 !important;
255
- }
256
- .tw-awesome-social:hover
257
- {
258
- color:#00aced !important;
259
- }
260
- .rss-awesome-social:hover
261
- {
262
- color:#FA9B39 !important;
263
- }
264
- .linkedin-awesome-social:hover
265
- {
266
- color:#007bb6 !important;
267
- }
268
- .youtube-awesome-social:hover
269
- {
270
- color:#bb0000 !important;
271
- }
272
- .flickr-awesome-social:hover
273
- {
274
- color: #ff0084 !important;
275
- }
276
- .pinterest-awesome-social:hover
277
- {
278
- color:#cb2027 !important;
279
- }
280
- .stumbleupon-awesome-social:hover
281
- {
282
- color:#f74425 !important;
283
- }
284
- .google-plus-awesome-social:hover
285
- {
286
- color:#f74425 !important;
287
- }
288
- .instagram-awesome-social:hover
289
- {
290
- color:#517fa4 !important;
291
- }
292
- .tumblr-awesome-social:hover
293
- {
294
- color: #32506d !important;
295
- }
296
- .vine-awesome-social:hover
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
- ?>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+ /*---------------------------------------------------
3
+ Styling for social icons
4
+ ----------------------------------------------------*/
5
+ function fuse_social_scripts()
6
+
7
+ {
8
+
9
+ $options = get_option('fuse_social_options');
10
+
11
+ global $fuse_social_style;
12
+
13
+ echo '<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">';
14
+
15
+ ?>
16
+
17
+ <style>
18
+
19
+ <?php if($options['position']=="left"){ ?>
20
+
21
+ #icon_wrapper
22
+
23
+ {
24
+
25
+ position: fixed;
26
+
27
+ top: 25%;
28
+
29
+ left: 0px;
30
+
31
+ z-index: 99999;
32
+
33
+ }
34
+
35
+ <?php } else { ?>
36
+
37
+ #icon_wrapper
38
+
39
+ {
40
+
41
+ position: fixed;
42
+
43
+ top: 25%;
44
+
45
+ right: 0px;
46
+
47
+ z-index: 99999;
48
+
49
+ }
50
+
51
+ <?php } ?>
52
+
53
+ .awesome-social
54
+
55
+ {
56
+
57
+ margin-top:2px;
58
+
59
+ color: white !important;
60
+
61
+ text-align: center !important;
62
+
63
+ <?php
64
+
65
+ // Checking size if its large then set it
66
+
67
+ if($options['size']=="48")
68
+
69
+ {
70
+
71
+ ?>
72
+
73
+ line-height: 51px !important;
74
+
75
+ width: 48px !important;
76
+
77
+ height: 48px !important;
78
+
79
+ font-size: 2em !important;
80
+
81
+ <?php
82
+
83
+ }
84
+
85
+ if($options['size']=="32")
86
+
87
+ {
88
+
89
+ // Checking size if its medium then set it
90
+
91
+ ?>
92
+
93
+ line-height: 34px !important;
94
+
95
+ width: 32px !important;
96
+
97
+ height: 32px !important;
98
+
99
+ font-size: 1.5em !important;
100
+
101
+ <?php
102
+
103
+ }
104
+
105
+ if($options['size']=="24")
106
+
107
+ {
108
+
109
+ // Checking size if its small then set it
110
+
111
+ ?>
112
+
113
+ line-height: 25px !important;
114
+
115
+ width: 24px !important;
116
+
117
+ height: 24px !important;
118
+
119
+ font-size: 1em !important;
120
+
121
+ <?php
122
+
123
+ }
124
+
125
+ ?>
126
+
127
+
128
+
129
+ <?php
130
+
131
+ // If there is shadow settings
132
+
133
+ if ($options['shadow'] == 1){}
134
+
135
+ else
136
+
137
+ {
138
+
139
+ echo "text-shadow: 2px 2px 4px #000000;";
140
+
141
+ }
142
+
143
+ ?>
144
+
145
+ <?php
146
+
147
+ // If there is round social icon settings
148
+
149
+ if ($fuse_social_style == "round")
150
+
151
+ {
152
+
153
+ ?>
154
+
155
+ border-radius:50% !important;
156
+
157
+ <?php
158
+
159
+ }
160
+
161
+ // If animation setting then use CSS3 for animation
162
+
163
+ if ($options['animations'] == 1)
164
+
165
+ {
166
+
167
+ ?>
168
+
169
+ -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 */
170
+
171
+
172
+
173
+ -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 */
174
+
175
+ transition: width <?php echo $options['animate_sec']; ?>s, height <?php echo $options['animate_sec']; ?>s, transform <?php echo $options['animate_sec']; ?>s;
176
+
177
+
178
+
179
+ <?php
180
+
181
+ }
182
+
183
+ ?>
184
+
185
+
186
+
187
+ }
188
+
189
+ <?php
190
+
191
+ // Again if animation settings
192
+
193
+ if ($options['animations'] == 1)
194
+
195
+ {
196
+
197
+
198
+
199
+ ?>
200
+
201
+ .awesome-social:hover
202
+
203
+ {
204
+
205
+
206
+
207
+ -webkit-transform: rotate(360deg); /* Chrome, Safari, Opera */
208
+
209
+ transform: rotate(deg);
210
+
211
+ -moz-transform: rotate(360deg); /* Chrome, Safari, Opera */
212
+
213
+ -ms-transform: rotate(360deg); /* Chrome, Safari, Opera */
214
+
215
+
216
+
217
+ }
218
+
219
+ <?php
220
+
221
+ }
222
+
223
+ ?>
224
+
225
+ .fuse_social_icons_links
226
+
227
+ {
228
+
229
+ outline:0 !important;
230
+
231
+
232
+
233
+ }
234
+
235
+ .fuse_social_icons_links:hover{
236
+
237
+ text-decoration:none !important;
238
+
239
+ }
240
+
241
+ <?php // Social icons background settings ?>
242
+
243
+ .fb-awesome-social
244
+
245
+ {
246
+
247
+ background: #3b5998;
248
+
249
+ }
250
+
251
+ .tw-awesome-social
252
+
253
+ {
254
+
255
+ background:#00aced;
256
+
257
+ }
258
+
259
+ .rss-awesome-social
260
+
261
+ {
262
+
263
+ background:#FA9B39;
264
+
265
+ }
266
+
267
+ .linkedin-awesome-social
268
+
269
+ {
270
+
271
+ background:#007bb6;
272
+
273
+ }
274
+
275
+ .youtube-awesome-social
276
+
277
+ {
278
+
279
+ background:#bb0000;
280
+
281
+ }
282
+
283
+ .flickr-awesome-social
284
+
285
+ {
286
+
287
+ background: #ff0084;
288
+
289
+ }
290
+
291
+ .pinterest-awesome-social
292
+
293
+ {
294
+
295
+ background:#cb2027;
296
+
297
+ }
298
+
299
+ .stumbleupon-awesome-social
300
+
301
+ {
302
+
303
+ background:#f74425 ;
304
+
305
+ }
306
+
307
+ .google-plus-awesome-social
308
+
309
+ {
310
+
311
+ background:#f74425 ;
312
+
313
+ }
314
+
315
+ .instagram-awesome-social
316
+
317
+ {
318
+
319
+ background:#517fa4 ;
320
+
321
+ }
322
+
323
+ .tumblr-awesome-social
324
+
325
+ {
326
+
327
+ background: #32506d ;
328
+
329
+ }
330
+
331
+ .vine-awesome-social
332
+
333
+ {
334
+
335
+ background: #00bf8f ;
336
+
337
+ }
338
+
339
+ .vk-awesome-social {
340
+
341
+
342
+
343
+ background: #45668e ;
344
+
345
+
346
+
347
+ }
348
+
349
+ .soundcloud-awesome-social
350
+
351
+ {
352
+
353
+ background: #ff3300 ;
354
+
355
+
356
+
357
+ }
358
+
359
+ .reddit-awesome-social{
360
+
361
+
362
+
363
+ background: #ff4500 ;
364
+
365
+
366
+
367
+ }
368
+
369
+ .stack-awesome-social{
370
+
371
+
372
+
373
+ background: #fe7a15 ;
374
+
375
+
376
+
377
+ }
378
+
379
+ .behance-awesome-social{
380
+
381
+ background: #1769ff ;
382
+
383
+
384
+
385
+ }
386
+
387
+ .github-awesome-social{
388
+
389
+ background: #999999 ;
390
+
391
+
392
+
393
+
394
+
395
+ }
396
+
397
+ .envelope-awesome-social{
398
+
399
+ background: #ccc ;
400
+
401
+ }
402
+
403
+ /* Mobile */
404
+
405
+
406
+
407
+ <?php
408
+
409
+ if($options['mobile'] == 1)
410
+
411
+ {
412
+
413
+ if ( wp_is_mobile() ) {
414
+
415
+
416
+
417
+ ?>
418
+
419
+ #icon_wrapper{
420
+
421
+
422
+
423
+ display: none;
424
+
425
+ }
426
+
427
+
428
+
429
+ <?php
430
+
431
+ }
432
+
433
+ }
434
+
435
+ ?>
436
+
437
+
438
+
439
+ /* Custom Background */
440
+
441
+ <?php
442
+
443
+ if($options['colorpicker'])
444
+
445
+ {
446
+
447
+ ?>
448
+
449
+
450
+
451
+ .awesome-social {
452
+
453
+ background:<?php echo $options['colorpicker'] ?> !important;
454
+
455
+ }
456
+
457
+
458
+
459
+ <?php
460
+
461
+ }
462
+
463
+ ?>
464
+
465
+ <?php
466
+
467
+ if($options['hover']==1)
468
+
469
+ {
470
+
471
+ ?>
472
+
473
+ .awesome-social{
474
+
475
+
476
+
477
+ -webkit-transition-property:color, text;
478
+
479
+ -webkit-transition-duration: 0.25s, 0.25s;
480
+
481
+ -webkit-transition-timing-function: linear, ease-in;
482
+
483
+ -moz-transition-property:color, text;
484
+
485
+ -moz-transition-duration:0.25s;
486
+
487
+ -moz-transition-timing-function: linear, ease-in;
488
+
489
+
490
+
491
+ -o-transition-property:color, text;
492
+
493
+ -o-transition-duration:0.25s;
494
+
495
+ -o-transition-timing-function: linear, ease-in;
496
+
497
+ }
498
+
499
+ .fb-awesome-social:hover
500
+
501
+ {
502
+
503
+ color: #3b5998 !important;
504
+
505
+ }
506
+
507
+ .tw-awesome-social:hover
508
+
509
+ {
510
+
511
+ color:#00aced !important;
512
+
513
+ }
514
+
515
+ .rss-awesome-social:hover
516
+
517
+ {
518
+
519
+ color:#FA9B39 !important;
520
+
521
+ }
522
+
523
+ .linkedin-awesome-social:hover
524
+
525
+ {
526
+
527
+ color:#007bb6 !important;
528
+
529
+ }
530
+
531
+ .youtube-awesome-social:hover
532
+
533
+ {
534
+
535
+ color:#bb0000 !important;
536
+
537
+ }
538
+
539
+ .flickr-awesome-social:hover
540
+
541
+ {
542
+
543
+ color: #ff0084 !important;
544
+
545
+ }
546
+
547
+ .pinterest-awesome-social:hover
548
+
549
+ {
550
+
551
+ color:#cb2027 !important;
552
+
553
+ }
554
+
555
+ .stumbleupon-awesome-social:hover
556
+
557
+ {
558
+
559
+ color:#f74425 !important;
560
+
561
+ }
562
+
563
+ .google-plus-awesome-social:hover
564
+
565
+ {
566
+
567
+ color:#f74425 !important;
568
+
569
+ }
570
+
571
+ .instagram-awesome-social:hover
572
+
573
+ {
574
+
575
+ color:#517fa4 !important;
576
+
577
+ }
578
+
579
+ .tumblr-awesome-social:hover
580
+
581
+ {
582
+
583
+ color: #32506d !important;
584
+
585
+ }
586
+
587
+ .vine-awesome-social:hover
588
+
589
+ {
590
+
591
+ color: #00bf8f !important;
592
+
593
+ }
594
+
595
+
596
+
597
+ .vk-awesome-social:hover {
598
+
599
+
600
+
601
+ color: #45668e !important;
602
+
603
+
604
+
605
+ }
606
+
607
+ .soundcloud-awesome-social:hover
608
+
609
+ {
610
+
611
+ color: #ff3300 !important;
612
+
613
+
614
+
615
+ }
616
+
617
+ .reddit-awesome-social:hover{
618
+
619
+
620
+
621
+ color: #ff4500 !important;
622
+
623
+
624
+
625
+ }
626
+
627
+ .stack-awesome-social:hover{
628
+
629
+
630
+
631
+ color: #fe7a15 !important;
632
+
633
+
634
+
635
+ }
636
+
637
+ .behance-awesome-social:hover{
638
+
639
+ color: #1769ff !important;
640
+
641
+
642
+
643
+ }
644
+
645
+ .github-awesome-social:hover{
646
+
647
+ color: #999999 !important;
648
+
649
+
650
+
651
+
652
+
653
+ }
654
+
655
+
656
+
657
+
658
+
659
+ <?php
660
+
661
+ }
662
+
663
+ ?>
664
+
665
+
666
+
667
+
668
+
669
+ </style>
670
+
671
+ <?php
672
+
673
+ }
674
+
675
+ add_action('wp_enqueue_scripts', 'fuse_social_scripts');
676
+
677
+ ?>
readme.txt CHANGED
@@ -1,80 +1,81 @@
1
- === Plugin Name ===
2
- 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.7
7
- Stable tag: 2.0
8
- License: GPLv2 or later
9
- License URI: http://www.gnu.org/licenses/gpl-2.0.html
10
-
11
- This plugin allows you to add social media floating sidebar icons which can be connected with your social media profiles.
12
-
13
- == Description ==
14
-
15
-
16
- By simply inserting links from Admin Dashboard under Settings Menu, one can show social media icons as floating on the website. This plugin provides very attractive interface
17
- which allows you to make settings for those social media icons, in the means of :
18
- <ul>
19
- <li>Type of icons round and square</li>
20
- <li> Animated Rotation Effect in Icons.</li>
21
- <li>Shadow in icons.</li>
22
- <li>Different size of social icons. </li>
23
- <li>Widget and Shortcode </li>
24
- </ul>
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
-
33
- You can also use this plugins as animated social icons. <br />
34
- Its simple,unique and best WordPress plugin for floating social icons.
35
- Fuse Social Floating Sidebar allow you to add following social icons in your website <br />
36
- * Facebook
37
- * Twitter
38
- * RSS
39
- * YouTube
40
- * LinkedIn
41
- * Flickr
42
- * Pinterest
43
- * StumbleUpon
44
- * Google Plus
45
- * Instagram
46
- * Tumblr
47
- * Vine
48
- * SoundCloud
49
- * VK
50
- * Reddit
51
- * Stack OverFlow
52
- * Behance
53
- * Github
54
- and many more..
55
-
56
- == Installation ==
57
-
58
- 1. Upload the entire folder to the /wp-content/plugins/ directory.
59
- 2. Activate the plugin through the 'Plugins' menu in WordPress.
60
- 3. Go to Settings menu under this, there will be the Fuse Social Menu (Settings>Fuse Social).
61
- 4. Configure the settings putting the URLs to your various social profiles, and if you want to show animation on hover, shadow,open link in new tab and size, configure it in Awesome Social Settings.
62
-
63
-
64
- == Frequently Asked Questions ==
65
-
66
- = How to make icons animated ? =
67
-
68
- Go to Settings>Fuse Social from left side admin menu bar, then click on Settings tab. Then click on Animation on hover, text box will be appear and then enter value in seconds, like just enter 0.5 and it will give the delay of 0.5 seconds in animation.
69
-
70
- = Don't want shadow in icons ? =
71
-
72
- In settings simply checked " Don't use shadow in icons.", by default its unchecked.
73
-
74
- == Screenshots ==
75
- 1. Add social media profiles links in these boxes.
76
- 2. Select icons style, square/circle. Confgiure options, like open link in new tab,sizes etc.
77
- 3. Add on hover animation on icons. Put a number to make delay in animations. Like (0.5)
78
-
79
- == Changelog ==
80
- 1.0 - Official Release.<br />
 
1
+ === Plugin Name ===
2
+ 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
6
+ Tested up to: 4.8
7
+ Stable tag: 3.0
8
+ License: GPLv2 or later
9
+ License URI: http://www.gnu.org/licenses/gpl-2.0.html
10
+
11
+ This plugin allows you to add social media floating sidebar icons which can be connected with your social media profiles.
12
+
13
+ == Description ==
14
+
15
+ === Now you can add unlimited icons ===
16
+
17
+ By simply inserting links from Admin Dashboard under Settings Menu, one can show social media icons as floating on the website. This plugin provides very attractive interface
18
+ which allows you to make settings for those social media icons, in the means of :
19
+ <ul>
20
+ <li>Type of icons round and square</li>
21
+ <li> Animated Rotation Effect in Icons.</li>
22
+ <li>Shadow in icons.</li>
23
+ <li>Different size of social icons. </li>
24
+ <li>Widget and Shortcode </li>
25
+ </ul>
26
+
27
+ 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>.
28
+ You can check live demo
29
+ <strong>Fuse Social </strong> [Demo](https://fusesocialfloating.000webhostapp.com/ "Fuse Social Floating")
30
+ <br />
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
+
34
+ You can also use this plugins as animated social icons. <br />
35
+ Its simple,unique and best WordPress plugin for floating social icons.
36
+ Fuse Social Floating Sidebar allow you to add following social icons in your website <br />
37
+ * Facebook
38
+ * Twitter
39
+ * RSS
40
+ * YouTube
41
+ * LinkedIn
42
+ * Flickr
43
+ * Pinterest
44
+ * StumbleUpon
45
+ * Google Plus
46
+ * Instagram
47
+ * Tumblr
48
+ * Vine
49
+ * SoundCloud
50
+ * VK
51
+ * Reddit
52
+ * Stack OverFlow
53
+ * Behance
54
+ * Github
55
+ and many more..
56
+
57
+ == Installation ==
58
+
59
+ 1. Upload the entire folder to the /wp-content/plugins/ directory.
60
+ 2. Activate the plugin through the 'Plugins' menu in WordPress.
61
+ 3. Go to Settings menu under this, there will be the Fuse Social Menu (Settings>Fuse Social).
62
+ 4. Configure the settings putting the URLs to your various social profiles, and if you want to show animation on hover, shadow,open link in new tab and size, configure it in Awesome Social Settings.
63
+
64
+
65
+ == Frequently Asked Questions ==
66
+
67
+ = How to make icons animated ? =
68
+
69
+ Go to Settings>Fuse Social from left side admin menu bar, then click on Settings tab. Then click on Animation on hover, text box will be appear and then enter value in seconds, like just enter 0.5 and it will give the delay of 0.5 seconds in animation.
70
+
71
+ = Don't want shadow in icons ? =
72
+
73
+ In settings simply checked " Don't use shadow in icons.", by default its unchecked.
74
+
75
+ == Screenshots ==
76
+ 1. Add social media profiles links in these boxes.
77
+ 2. Select icons style, square/circle. Confgiure options, like open link in new tab,sizes etc.
78
+ 3. Add on hover animation on icons. Put a number to make delay in animations. Like (0.5)
79
+
80
+ == Changelog ==
81
+ 1.0 - Official Release.<br />