WpDevArt Facebook Like Box Widget

Version Description

Bug fixed.

Wordpress Facebook like box step by step guide

Adding Facebook like box to your sidebar.

Install the plugin and add Facebook like box widget to your sidebar. Then set widget Like Box options. That's all, now your users can see your Facebook like box on your widget.

Adding Facebook like box in posts/pages using shortcode button.

For adding Facebook like box in your pages/posts you just need to click on "Add like box" shorcode button from your pages/posts and add Facebook like box.

Adding Facebook like box Popup and Sticky Facebook box.

After plugin install you need to click on "Like box" submenu from your admin panel menu. Then just set up options for Facebook like box Popup and Sticky Facebook box.

Facebook like box main options

Page ID: - Type here your Facebook like box page url(without https://www.facebook.com/, if your Facebook page url is https://www.facebook.com/uefacom then type here just uefacom).
Like box Animation - Choose Facebook like box Animation type
Show/Hide Like box border - Show/Hide Facebook like box border
Like box Border color - Type the Border Color of your Facebook Like box
Show/Hide latest posts - Show/Hide the latest posts from your Facebook Like box
Like box Width - Type Facebook Like box width
Like box Height - Type Facebook Like box height
Like box header - Show/Hide the Facebook Like box header
Show/Hide Friends Faces - Choose to Show/Hide Friends Faces
Select Like box Header size - Select Like box Header size
Show/hide Like box cover photo - Choose to show/hide Like box cover photo
Like box language - Type the Facebook Like box language code

Facebook like box Popup options

Enable/Disable popup - Select Enable/Disable to show or hide popup
Display Like box popup on - Select where to display the like box popup
Popup display periodicity - Select the popup display periodicity
Time to show Popup - Type the time when Like box popup will appear
Popup width - Type here the popup width
Popup height - Type here the popup height
Popup Title - Type here the popup title
Popup Title color - Type here the title color
Popup Title Font family - Choose the title Font family
Page ID - Type here your Facebook like box page url(without https://www.facebook.com/, if your Facebook page url is https://www.facebook.com/uefacom then type here just uefacom)
Show/Hide border - Show/Hide Facebook like box border
Border color - Type the Border Color of your Facebook Like box
Show/Hide latest posts - Show/Hide the latest posts from your Facebook Like box
Show/Hide Friends Faces - Choose to Show/Hide Friends Faces
Select Like box Header size - Select Like box Header size
Show/hide Like box cover photo - Choose to show/hide Like box cover photo
Like box language - Type the Facebook Like box language code

Sticky box options

Enable/Disable Sticky box - Select Enable/Disable to show or hide Sticky box
Display Sticky box on - Select where to display the Sticky box
Sticky box position - Select the Sticky box position
Sticky box height - Select the Sticky box height
Page ID - Type here your Facebook like box page url(without https://www.facebook.com/, if your Facebook page url is https://www.facebook.com/uefacom then type here just uefacom)
Sticky box width - Type here the Sticky box width
Sticky box height - Type here the Sticky box width
Sticky box button bg color - Type here the Sticky box button background color
Sticky box border color - Type here the Sticky box border color
Sticky box Title - Type here the Sticky box title
Sticky box Title color - Select the Sticky box title color.
Sticky box Title Font family - Choose the Sticky box Title Font family
Show/Hide Friends Faces - Choose to Show/Hide Friends Faces
Select Like box Header size - Select Like box Header size
Show/hide Like box cover photo - Choose to show/hide Like box cover photo
Show/Hide latest posts - Show/Hide the latest posts from your Facebook Like box
Like box language - Type the Facebook Like box language code

Dear users, we also recommend you to take a look for this useful plugins - WordPress Coming Soon, WordPress Poll plugin, WordPress Countdown plugin . .

Download this release

Release Info

Developer	smplug-in
Plugin	WpDevArt Facebook Like Box Widget
Version	0.5.4
Comparing to
See all releases

Code changes from version 0.5.3 to 0.5.4

Files changed (10) hide show

images/featured_plugins/countdown.jpg +0 -0
images/featured_plugins/lightbox.png +0 -0
includes/admin_menu.php +123 -128
includes/front_end.php +75 -34
includes/install_database.php +11 -7
includes/javascript/front_end_js.js +48 -2
includes/library.php +88 -0
includes/widget.php +70 -58
like-box.php +2 -3
readme.txt +18 -16

images/featured_plugins/countdown.jpg ADDED Viewed

Binary file

images/featured_plugins/lightbox.png DELETED Viewed

Binary file

includes/admin_menu.php CHANGED Viewed

	@@ -1,6 +1,6 @@
1	<?php
2
3	- /############ ~~Coming~~ ~~Soon~~ Admin Menu Class ################/
4
5	class like_box_admin_menu{
6
	@@ -21,7 +21,6 @@ class like_box_admin_menu{
21	'sucsses_mailed'=>'Your message was sent successfully.',
22	'error_maied'=>'error sending email',
23	'authorize_problem' => 'Authorization Problem'
24	-
25	);
26
27	$this->menu_name=$param['menu_name'];
	@@ -89,32 +88,26 @@ class like_box_admin_menu{
89	font-weight: bold;
90	color: rgba(10, 154, 62, 1);
91	}





92	</style>
93	<script>var pro_text='"If you want to use this feature upgrade to Like box Pro"'</script>
94	<table id="miain_like_box_window_manager" class="wp-list-table widefat fixed posts section_parametrs_table">
95	<tbody>
96	<tr>
97	<td>
98	- Page ID <span class="desription_class" title="Type here your Facebook like box page url(without https://www.facebook.com/, if your Facebook page url is https://www.facebook.com/uefacom then type here just uefacom).">?</span>
99	</td>
100	<td>
101	- <input ~~onClick=""~~ id="like_box_profile_id" type="text" value="" class="widefat">
102	- </td>
103	- </tr>
104	- <tr>
105	- <td>
106	- Like box Theme <span class="pro_feature"> (pro)</span><span title="hoose theme for your Facebook Like box." class="desription_class">?</span>
107	- </td>
108	- <td>
109	- <select onClick="alert(pro_text); return false;" id="like_box_theme_color">
110	- <option selected="selected" value="light">Light</option>
111	- <option value="dark">Dark</option>
112	- </select>
113	</td>
114	</tr>
115	<tr>
116	<td>
117	- Like box Animation <span class="pro_feature"> (pro)</span~~> <~~span class="desription_class" title="Choose Facebook like box Animation type.">?</span>
118	</td>
119	<td>
120	<?php like_box_setting::generete_animation_select('animation_efect','none') ?>
	@@ -122,53 +115,53 @@ class like_box_admin_menu{
122	</tr>
123	<tr>
124	<td>
125	- Like box ~~background~~ ~~color~~<span class="pro_feature"> (pro)</span~~> <~~span title="~~Choose~~ Facebook like box ~~background color~~." class="desription_class">?</span>
126	- </td>
127	- <td>
128	- <div onClick="alert(pro_text); return false;" class="disabled_picker">
129	- <div class="wp-picker-container"><a tabindex="0" class="wp-color-result" title="Select Color" data-current="Current Color" style="background-color: rgb(255, 255, 255);"></a></div>
130	- </div> </td>
131	- </tr>
132	- <tr>
133	- <td>
134	- Show/Hide Like box border<span class="pro_feature"> (pro)</span> <span title="Show/Hide Facebook like box border." class="desription_class">?</span>
135	</td>
136	<td>
137	- <~~input~~ onMouseDown="alert(pro_text); return false;" id="like_box_show_border" ~~class="like_box_show_border" type="radio" name="like_box_show_border" value="yes" checked="checked"~~ >~~Yes~~
138	- <~~input~~ ~~onMouseDown~~="~~alert(pro_text); return false;~~" ~~id="like_box_show_border1" class="like_box_show_border" type="radio" name="like_box_show_border"~~ value="no" >No


139	</td>
140	</tr>
141	<tr>
142	<td>
143	- Like box Border color<span class="pro_feature"> (pro)</span~~> <~~span title="Type the Border Color of your Facebook Like box." class="desription_class">?</span>
144	</td>
145	<td>
146	- <div onClick="alert(pro_text); return false;" class="disabled_picker">
147	<div class="wp-picker-container"><a tabindex="0" class="wp-color-result" title="Select Color" data-current="Current Color" style="background-color: rgb(255, 255, 255);"></a></div>
148	- </div> ~~</td>~~

149	</tr>
150	<tr>
151	<td>
152	- Show/Hide ~~latest~~ ~~posts~~ <span class="pro_feature"> (pro)</span><span class="desription_class" title="Show/Hide the ~~latest~~ ~~posts~~ from your Facebook Like box.">?</span>
153	</td>
154	<td>
155	- <~~input~~ onMouseDown="alert(pro_text); return false;" id="like_box_stream" ~~type="checkbox" value="1"~~ >



156	</td>
157	</tr>
158	<tr>
159	<td>
160	- ~~Number~~ of ~~connections~~ <span title="~~Type~~ ~~the number of connections that you want~~ to ~~see~~ in ~~your Facebook Like box.~~" class="desription_class">?</span>
161	</td>
162	<td>
163	- <~~input~~ id="like_box_connections" ~~type="text" value="6" class="" size="3"~~>



164	</td>
165	- </tr>
166	- <tr>
167	<td>
168	- Like box Width <span title="Type Facebook Like box width." class="desription_class">?</span>
169	</td>
170	<td>
171	- <input id="like_box_width" type="text" value="300" class="" ~~size="3"~~><small>(px)</small>
172	</td>
173	</tr>
174	<tr>
	@@ -176,15 +169,29 @@ class like_box_admin_menu{
176	Like box Height <span title="Type Facebook Like box height." class="desription_class">?</span>
177	</td>
178	<td>
179	- <input id="like_box_height" type="text" value="550" class="" ~~size="3"~~><small>(px)</small>
180	</td>
181	</tr>
182	<tr>
183	<td>
184	- Like box ~~header~~ <span title="~~Show/Hide~~ ~~the Facebook~~ Like box ~~header.~~" class="desription_class">?</span>
185	</td>
186	<td>
187	- <~~input~~ id="~~like_box_header~~" ~~type="checkbox" value="1" ><small~~>~~Show/Hide</small>~~














188	</td>
189	</tr>
190	<tr>
	@@ -196,7 +203,7 @@ class like_box_admin_menu{
196	</td>
197	</tr>
198	</tbody>
199	- <tfoot>
200	<tr>
201	<td colspan="2">
202	<div style="display:inline-block; float:left;" class="mceActionPanel"><input type="button" id="cancel" name="cancel" value="Insert Like Box" class="button button-primary" onClick="insert_like_box();"/></div>
	@@ -216,20 +223,18 @@ class like_box_admin_menu{
216	jQuery('#miain_like_box_window_manager').ready(function(e) {
217	jQuery(".color_my_likbox").wpColorPicker();
218	});
219	- function insert_like_box() {
220	- ~~if(jQuery('#poll_answer_id').val()!='0'){~~

221	var tagtext;
222	- ~~like_box_header~~=0;
223	- if(jQuery('#like_box_header').prop('checked'))
224	- like_box_header=1;
225	- var generete_atributes = 'profile_id="'+jQuery('#like_box_profile_id').val()+'" connections="'+jQuery('#like_box_connections').val()+'" width="'+jQuery('#like_box_width').val()+'" height="'+jQuery('#like_box_height').val()+'" header="'+like_box_header+'" locale="'+jQuery('#like_box_locale').val()+'"'
226
227	tagtext = '[wpdevart_like_box '+generete_atributes+']';
228	window.send_to_editor(tagtext);
229	tb_remove()
230	}
231	else{
232	- ~~tb_remove~~()
233	}
234	}
235
	@@ -359,6 +364,7 @@ die;
359	}
360	}
361

362	$jsone_like_box_header= json_decode(stripslashes($page_parametrs['like_box_header']), true);
363	if($jsone_like_box_header!=NULL){
364	if($jsone_like_box_header['show']==true){
	@@ -392,10 +398,10 @@ die;
392	</tr>
393	<tr>
394	<td>
395	- Display Like box popup on<span class="pro_feature"> (pro)</span> <span title="Select where to display the like box popup." class="desription_class">?</span>
396	</td>
397	- <td>
398	- <input class="pro_checkbox" id="like_box_show_in_home" type="checkbox" value="home" class="" size="" checked="checked"><small>Home</small><br>
399	<input class="pro_checkbox" id="like_box_show_in_post" type="checkbox" value="post" class="" size="" checked="checked"><small>Post</small><br>
400	<input class="pro_checkbox" id="like_box_show_in_page" type="checkbox" value="page" class="" size="" checked="checked"><small>Page</small><br>
401	<input class="pro_checkbox" id="like_box_show_in_everywhere" type="checkbox" value="everywhere" class="" size="" checked="checked"><small>Everywhere</small><br>
	@@ -403,7 +409,7 @@ die;
403	</tr>
404	<tr>
405	<td>
406	- Popup display periodicity <span class="pro_feature"> (pro)</span> <span title="Select the popup display periodicity." class="desription_class">?</span>
407	</td>
408	<td>
409	<select class="pro_select" id="like_box_popup_show_quantity">
	@@ -414,7 +420,7 @@ die;
414	</tr>
415	<tr>
416	<td>
417	- Time to show Popup <span class="pro_feature"> (pro)</span><span title="Type the time when Like box popup will appear." class="desription_class">?</span>
418	</td>
419	<td>
420	<input class="pro_input" type="text" name="like_box_secont_befor_show" id="like_box_secont_befor_show" value="1">(Seconds)
	@@ -469,27 +475,16 @@ die;
469	<input type="text" name="like_box_profile_id" id="like_box_profile_id" value="<?php echo $page_parametrs['like_box_profile_id'] ?>">
470	</td>
471	</tr>

472	<tr>
473
474	<td>
475	- ~~Like~~ ~~box~~ ~~Theme~~ <span class="pro_feature"> (pro)</span> <span title="~~Choose~~ ~~theme for your~~ Facebook ~~Like~~ box." class="desription_class">?</span>
476	- </td>
477	- <td>
478	- <select class="pro_select" id="like_box_theme_color">
479	- <option selected="selected" value="light">light</option>
480	- <option value="dark">dark</option>
481	- </select>
482	- </td>
483	- </tr>
484	- <tr>
485	-
486	- <td>
487	- Show/Hide border<span class="pro_feature"> (pro)</span> <span title="Show/Hide Facebook like box border." class="desription_class">?</span>
488	</td>
489	<td>
490	<select class="pro_select" id="like_box_show_border">
491	- <option selected="selected" value="~~yes~~">Show</option>
492	- <option value="no">Hide</option>
493	</select>
494	</td>
495	</tr>
	@@ -498,52 +493,54 @@ die;
498	Border color <span class="pro_feature"> (pro)</span> <span title="Type the Border Color of your Facebook Like box." class="desription_class">?</span>
499	</td>
500	<td>
501	- <div class="disabled_picker">
502	<div class="wp-picker-container"><a tabindex="0" class="wp-color-result" title="Select Color" data-current="Current Color" style="background-color: rgb(255, 255, 255);"></a></div>
503	- </div>
504	- </td>
505	- </tr>
506	- <tr >
507	- <td>
508	- Background color <span class="pro_feature"> (pro)</span> <span title="Choose Facebook like box background color." class="desription_class">?</span>
509	- </td>
510	- <td>
511	- <div class="disabled_picker">
512	- <div class="wp-picker-container"><a tabindex="0" class="wp-color-result" title="Select Color" data-current="Current Color" style="background-color: rgb(255,255, 255);"></a></div>
513	- </div>
514	- </td>
515	</tr>

516	<tr>
517
518	<td>
519	- ~~Number~~ of ~~connections~~ <span title="~~Type~~ ~~the number of connections that you want~~ to ~~see~~ in ~~your Facebook Like box.~~" class="desription_class">?</span>
520	</td>
521	- <td>
522	- <~~input~~ ~~type="text"~~ id="like_box_connections" ~~name="like_box_connections" value="<?php echo $page_parametrs['like_box_connections'] ?>"/>~~
523	-
524	-

525	</td>
526	</tr>
527	<tr>
528	<td>
529	- Like box ~~header~~ <span title="~~Show/Hide~~ ~~the Facebook~~ Like box ~~header.~~ " class="desription_class">?</span>
530	</td>
531	<td>
532	<select id="like_box_header">
533	- <option <?php selected($page_parametrs['like_box_header'],'~~yes~~') ?> value="~~yes~~">~~Show~~</option>
534	- <option <?php selected($page_parametrs['like_box_header'],'no') ?> value="no">~~Hide~~</option>











535	</select>
536	</td>
537	</tr>
538	-
539	<tr>
540	<td>
541	- Show/Hide latest posts<span class="pro_feature"> (pro)</span> <span title="Show/Hide the latest posts from your Facebook Like box." class="desription_class">?</span>
542	</td>
543	<td>
544	<select class="pro_select" id="like_box_stream">
545	- <option value="~~yes~~">Show</option>
546	- <option selected="selected" value="no">Hide</option>
547	</select>
548	</td>
549	</tr>
	@@ -584,7 +581,7 @@ die;
584	<tbody>
585	<tr>
586	<td>
587	- Enable/~~Disable~~ Sticky box <span title="Select Enable/Disable to show or hide Sticky box." class="desription_class">?</span>
588	</td>
589	<td>
590	<select id="like_box_sidebar_slide_mode">
	@@ -625,7 +622,7 @@ die;
625	</tr>
626	<tr>
627	<td>
628	- Sticky box button bg color <span class="pro_feature"> (pro)</span> <span title="Type here the Sticky box button background color." class="desription_class">?</span>
629	</td>
630	<td>
631	<div class="disabled_picker">
	@@ -675,29 +672,8 @@ die;
675	<input type="text" name="like_box_sidebar_slide_profile_id" id="like_box_sidebar_slide_profile_id" value="<?php echo $page_parametrs['like_box_sidebar_slide_profile_id'] ?>">
676	</td>
677	</tr>
678	- ~~<tr>~~
679	-
680	- <td>
681	- Like box Theme <span class="pro_feature"> (pro)</span> <span title="Choose theme for your Facebook Like box." class="desription_class">?</span>
682	- </td>
683	- <td>
684	- <select class="pro_select" id="like_box_sidebar_slide_theme_color">
685	- <option selected="selected" value="light">light</option>
686	- <option value="dark">dark</option>
687	- </select>
688	- </td>
689	- </tr>
690	- </tr>
691	- <tr>
692	- <td>
693	- Background color <span class="pro_feature"> (pro)</span> <span title="Choose Facebook like box background color." class="desription_class">?</span>
694	- </td>
695	- <td>
696	- <div class="disabled_picker">
697	- <div class="wp-picker-container"><a tabindex="0" class="wp-color-result" title="Select Color" data-current="Current Color" style="background-color: rgb(255, 255, 255);"></a></div>
698	- </div>
699	- </td>
700	- </tr>
701	<tr>
702	<td>
703	Like box width <span title=" Type here the Like box width." class="desription_class">?</span>
	@@ -717,32 +693,45 @@ die;
717
718	<tr>
719	<td>
720	- ~~Number~~ of ~~connections~~ <span title="~~Type~~ ~~the number of connections that you want~~ to ~~see~~ in ~~your Facebook Like box.~~" class="desription_class">?</span>
721	</td>
722	<td>
723	- <~~input~~ ~~type="text" name="like_box_sidebar_slide_connections"~~ id="like_box_sidebar_slide_connections" ~~value="<?php echo $page_parametrs['like_box_sidebar_slide_connections'] ?>"~~>



724	</td>
725	</tr>
726	<tr>
727	<td>
728	- Like box ~~header~~ <span title="~~Show/Hide~~ ~~the Facebook~~ Like box ~~header.~~ " class="desription_class">?</span>
729	</td>
730	<td>
731	<select id="like_box_sidebar_slide_header">
732	- <option <?php selected($page_parametrs['like_box_sidebar_slide_header'],'~~yes~~') ?> value="~~yes~~">~~Show~~</option>
733	- <option <?php selected($page_parametrs['like_box_sidebar_slide_header'],'no') ?> value="no">~~Hide~~</option>











734	</select>
735	</td>
736	</tr>
737	-
738	<tr>
739	<td>
740	Show/Hide latest posts <span class="pro_feature"> (pro)</span> <span title="Show/Hide the latest posts from your Facebook Like box." class="desription_class">?</span>
741	</td>
742	<td>
743	<select class="pro_select" id="like_box_sidebar_slide_stream">
744	- <option value="~~yes~~">Show</option>
745	- <option selected="selected" value="no">Hide</option>
746	</select>
747	</td>
748	</tr>
	@@ -783,6 +772,12 @@ die;
783	'title' => 'WordPress YouTube Embed',
784	'description' => 'YouTube Embed plugin is an convenient tool for adding video to your website. Use YouTube Embed plugin to add YouTube videos in posts/pages, widgets.'
785	),






786	'facebook'=>array(
787	'image_url' => $this->plugin_url.'images/featured_plugins/facebook.jpg',
788	'site_url' => 'http://wpdevart.com/wordpress-facebook-like-box-plugin',


1	<?php
2
3	+ /############ Like Box Admin Menu Class ################/
4
5	class like_box_admin_menu{
6

21	'sucsses_mailed'=>'Your message was sent successfully.',
22	'error_maied'=>'error sending email',
23	'authorize_problem' => 'Authorization Problem'

24	);
25
26	$this->menu_name=$param['menu_name'];

88	font-weight: bold;
89	color: rgba(10, 154, 62, 1);
90	}
91	+ .input_placholder_small{ width: 85%;}
92	+ .input_placholder_small::-webkit-input-placeholder { font-size:11px; }
93	+ .input_placholder_small::-moz-placeholder {font-size:11px; } /* firefox 19+ */
94	+ .input_placholder_small:-ms-input-placeholder { font-size:11px; } /* ie */
95	+ .input_placholder_smallinput:-moz-placeholder { font-size:11px; }
96	</style>
97	<script>var pro_text='"If you want to use this feature upgrade to Like box Pro"'</script>
98	<table id="miain_like_box_window_manager" class="wp-list-table widefat fixed posts section_parametrs_table">
99	<tbody>
100	<tr>
101	<td>
102	+ Page ID <span class="desription_class" title="Type here your Facebook like box page url(without https://www.facebook.com/, if your Facebook page url is https://www.facebook.com/uefacom then type here just uefacom).">?</span>
103	</td>
104	<td>
105	+ <input id="like_box_profile_id" type="text" value="" class="widefat">











106	</td>
107	</tr>
108	<tr>
109	<td>
110	+ Like box Animation <span class="pro_feature"> (pro)</span><span class="desription_class" title="Choose Facebook like box Animation type.">?</span>
111	</td>
112	<td>
113	<?php like_box_setting::generete_animation_select('animation_efect','none') ?>

115	</tr>
116	<tr>
117	<td>
118	+ Show/Hide Like box border <span class="pro_feature"> (pro)</span><span title="Show/Hide Facebook like box border." class="desription_class">?</span>









119	</td>
120	<td>
121	+ <select onMouseDown="alert(pro_text); return false;" id="like_box_show_border">
122	+ <option selected="selected" value="show">Show</option>
123	+ <option value="hide">Hide</option>
124	+ </select>
125	</td>
126	</tr>
127	<tr>
128	<td>
129	+ Like box Border color <span class="pro_feature"> (pro)</span><span title="Type the Border Color of your Facebook Like box." class="desription_class">?</span>
130	</td>
131	<td>
132	+ <div onClick="alert(pro_text); return false;" class="disabled_picker">
133	<div class="wp-picker-container"><a tabindex="0" class="wp-color-result" title="Select Color" data-current="Current Color" style="background-color: rgb(255, 255, 255);"></a></div>
134	+ </div>
135	+ </td>
136	</tr>
137	<tr>
138	<td>
139	+ Show/Hide Page Posts <span class="pro_feature"> (pro)</span><span class="desription_class" title="Show/Hide the Page Posts from your Facebook Like box.">?</span>
140	</td>
141	<td>
142	+ <select onMouseDown="alert(pro_text); return false;" id="like_box_stream">
143	+ <option value="show">Show</option>
144	+ <option selected="selected" value="hide">Hide</option>
145	+ </select>
146	</td>
147	</tr>
148	<tr>
149	<td>
150	+ Show/Hide Friends Faces <span title="Select to Show/Hide Friends Faces" class="desription_class">?</span>
151	</td>
152	<td>
153	+ <select id="like_box_connections">
154	+ <option selected="selected" value="show">Show</option>
155	+ <option value="hide">Hide</option>
156	+ </select>
157	</td>
158	+ </tr>
159	+ <tr id="like_box_static_width">
160	<td>
161	+ Like box Width <span title="Type Facebook Like box width" class="desription_class">?</span>
162	</td>
163	<td>
164	+ <input placeholder="The pixel width of the embed (Min. 180 to Max. 500)" id="like_box_width" type="text" value="300" class="input_placholder_small" ><small>(px)</small>
165	</td>
166	</tr>
167	<tr>

169	Like box Height <span title="Type Facebook Like box height." class="desription_class">?</span>
170	</td>
171	<td>
172	+ <input placeholder="The pixel height of the embed (Min. 70)" id="like_box_height" type="text" value="550" class="input_placholder_small" ><small>(px)</small>
173	</td>
174	</tr>
175	<tr>
176	<td>
177	+ Select Like box Header size<span title="Select Like box Header size" class="desription_class">?</span>
178	</td>
179	<td>
180	+ <select id="like_box_header_size">
181	+ <option selected="selected" value="small">Small</option>
182	+ <option value="big">Big</option>
183	+ </select>
184	+ </td>
185	+ </tr>
186	+ <tr>
187	+ <td>
188	+ Like box cover photo<span title="Select to show/hide Like box cover photo" class="desription_class">?</span>
189	+ </td>
190	+ <td>
191	+ <select id="like_box_cover_photo">
192	+ <option selected="selected" value="show">Show</option>
193	+ <option value="hide">Hide</option>
194	+ </select>
195	</td>
196	</tr>
197	<tr>

203	</td>
204	</tr>
205	</tbody>
206	+ <tfoot>
207	<tr>
208	<td colspan="2">
209	<div style="display:inline-block; float:left;" class="mceActionPanel"><input type="button" id="cancel" name="cancel" value="Insert Like Box" class="button button-primary" onClick="insert_like_box();"/></div>

223	jQuery('#miain_like_box_window_manager').ready(function(e) {
224	jQuery(".color_my_likbox").wpColorPicker();
225	});
226	+ function insert_like_box() {
227	+
228	+ if(jQuery('#like_box_profile_id').val()!=''){
229	var tagtext;
230	+ var generete_atributes = 'profile_id="'+jQuery('#like_box_profile_id').val()+'" connections="'+jQuery('#like_box_connections').val()+'" width="'+jQuery('#like_box_width').val()+'" height="'+jQuery('#like_box_height').val()+'" header="'+jQuery('#like_box_header_size').val()+'" cover_photo="'+jQuery('#like_box_cover_photo').val()+'" locale="'+jQuery('#like_box_locale').val()+'"'



231
232	tagtext = '[wpdevart_like_box '+generete_atributes+']';
233	window.send_to_editor(tagtext);
234	tb_remove()
235	}
236	else{
237	+ alert('Page id field is required')
238	}
239	}
240

364	}
365	}
366
367	+
368	$jsone_like_box_header= json_decode(stripslashes($page_parametrs['like_box_header']), true);
369	if($jsone_like_box_header!=NULL){
370	if($jsone_like_box_header['show']==true){

398	</tr>
399	<tr>
400	<td>
401	+ Display Like box popup on <span class="pro_feature"> (pro)</span> <span title="Select where to display the like box popup." class="desription_class">?</span>
402	</td>
403	+ <td>
404	+ <input class="pro_checkbox" id="like_box_show_in_home" type="checkbox" value="home" class="" size="" checked="checked"><small>Home</small><br>
405	<input class="pro_checkbox" id="like_box_show_in_post" type="checkbox" value="post" class="" size="" checked="checked"><small>Post</small><br>
406	<input class="pro_checkbox" id="like_box_show_in_page" type="checkbox" value="page" class="" size="" checked="checked"><small>Page</small><br>
407	<input class="pro_checkbox" id="like_box_show_in_everywhere" type="checkbox" value="everywhere" class="" size="" checked="checked"><small>Everywhere</small><br>

409	</tr>
410	<tr>
411	<td>
412	+ Popup display periodicity <span class="pro_feature"> (pro)</span> <span title="Select the popup display periodicity." class="desription_class">?</span>
413	</td>
414	<td>
415	<select class="pro_select" id="like_box_popup_show_quantity">

420	</tr>
421	<tr>
422	<td>
423	+ Time to show Popup <span class="pro_feature"> (pro)</span> <span title="Type the time when Like box popup will appear." class="desription_class">?</span>
424	</td>
425	<td>
426	<input class="pro_input" type="text" name="like_box_secont_befor_show" id="like_box_secont_befor_show" value="1">(Seconds)

475	<input type="text" name="like_box_profile_id" id="like_box_profile_id" value="<?php echo $page_parametrs['like_box_profile_id'] ?>">
476	</td>
477	</tr>
478	+
479	<tr>
480
481	<td>
482	+ Show/Hide border <span class="pro_feature"> (pro)</span> <span title="Show/Hide Facebook like box border." class="desription_class">?</span>












483	</td>
484	<td>
485	<select class="pro_select" id="like_box_show_border">
486	+ <option selected="selected" value="show">Show</option>
487	+ <option value="hide">Hide</option>
488	</select>
489	</td>
490	</tr>

493	Border color <span class="pro_feature"> (pro)</span> <span title="Type the Border Color of your Facebook Like box." class="desription_class">?</span>
494	</td>
495	<td>
496	+ <div class="disabled_picker">
497	<div class="wp-picker-container"><a tabindex="0" class="wp-color-result" title="Select Color" data-current="Current Color" style="background-color: rgb(255, 255, 255);"></a></div>
498	+ </div>
499	+ </td>










500	</tr>
501	+
502	<tr>
503
504	<td>
505	+ Show/Hide Friends Faces <span title="Select to Show/Hide Friends Faces" class="desription_class">?</span>
506	</td>
507	+ <td>
508	+ <select id="like_box_connections">
509	+ <option <?php selected($page_parametrs['like_box_connections'],'show') ?> value="show">Show</option>
510	+ <option <?php selected($page_parametrs['like_box_connections'],'hide') ?> value="hide">Hide</option>
511	+ </select>
512	</td>
513	</tr>
514	<tr>
515	<td>
516	+ Select Like box Header size <span title="Select Like box Header size" class="desription_class">?</span>
517	</td>
518	<td>
519	<select id="like_box_header">
520	+ <option <?php selected($page_parametrs['like_box_header'],'small') ?> value="small">Small</option>
521	+ <option <?php selected($page_parametrs['like_box_header'],'big') ?> value="big">Big</option>
522	+ </select>
523	+ </td>
524	+ </tr>
525	+ <tr>
526	+ <td>
527	+ Like box cover photo <span title="Select to show/hide Like box cover photo" class="desription_class">?</span>
528	+ </td>
529	+ <td>
530	+ <select id="like_box_cover_photo">
531	+ <option <?php selected($page_parametrs['like_box_cover_photo'],'show') ?> value="show">Show</option>
532	+ <option <?php selected($page_parametrs['like_box_cover_photo'],'hide') ?> value="hide">Hide</option>
533	</select>
534	</td>
535	</tr>

536	<tr>
537	<td>
538	+ Show/Hide latest posts <span class="pro_feature"> (pro)</span> <span title="Show/Hide the latest posts from your Facebook Like box." class="desription_class">?</span>
539	</td>
540	<td>
541	<select class="pro_select" id="like_box_stream">
542	+ <option value="show">Show</option>
543	+ <option selected="selected" value="hide">Hide</option>
544	</select>
545	</td>
546	</tr>

581	<tbody>
582	<tr>
583	<td>
584	+ Enable/Diasable Sticky box <span title="Select Enable/Disable to show or hide Sticky box." class="desription_class">?</span>
585	</td>
586	<td>
587	<select id="like_box_sidebar_slide_mode">

622	</tr>
623	<tr>
624	<td>
625	+ Sticky box button bg color <span class="pro_feature"> (pro)</span> <span title="Type here the Sticky box button background color." class="desription_class">?</span>
626	</td>
627	<td>
628	<div class="disabled_picker">

672	<input type="text" name="like_box_sidebar_slide_profile_id" id="like_box_sidebar_slide_profile_id" value="<?php echo $page_parametrs['like_box_sidebar_slide_profile_id'] ?>">
673	</td>
674	</tr>
675	+
676	+





















677	<tr>
678	<td>
679	Like box width <span title=" Type here the Like box width." class="desription_class">?</span>

693
694	<tr>
695	<td>
696	+ Show/Hide Friends Faces <span title="Select to Show/Hide Friends Faces" class="desription_class">?</span>
697	</td>
698	<td>
699	+ <select id="like_box_sidebar_slide_connections">
700	+ <option <?php selected($page_parametrs['like_box_sidebar_slide_connections'],'show') ?> value="show">Show</option>
701	+ <option <?php selected($page_parametrs['like_box_sidebar_slide_connections'],'hide') ?> value="hide">Hide</option>
702	+ </select>
703	</td>
704	</tr>
705	<tr>
706	<td>
707	+ Select Like box Header size <span title="Select Like box Header size" class="desription_class">?</span>
708	</td>
709	<td>
710	<select id="like_box_sidebar_slide_header">
711	+ <option <?php selected($page_parametrs['like_box_sidebar_slide_header'],'small') ?> value="small">Small</option>
712	+ <option <?php selected($page_parametrs['like_box_sidebar_slide_header'],'big') ?> value="big">Big</option>
713	+ </select>
714	+ </td>
715	+ </tr>
716	+ <tr>
717	+ <td>
718	+ Like box cover photo <span title="Select to show/hide Like box cover photo" class="desription_class">?</span>
719	+ </td>
720	+ <td>
721	+ <select id="like_box_sidebar_slide_cover_photo">
722	+ <option <?php selected($page_parametrs['like_box_sidebar_slide_cover_photo'],'show') ?> value="show">Show</option>
723	+ <option <?php selected($page_parametrs['like_box_sidebar_slide_cover_photo'],'hide') ?> value="hide">Hide</option>
724	</select>
725	</td>
726	</tr>

727	<tr>
728	<td>
729	Show/Hide latest posts <span class="pro_feature"> (pro)</span> <span title="Show/Hide the latest posts from your Facebook Like box." class="desription_class">?</span>
730	</td>
731	<td>
732	<select class="pro_select" id="like_box_sidebar_slide_stream">
733	+ <option value="show">Show</option>
734	+ <option selected="selected" value="hide">Hide</option>
735	</select>
736	</td>
737	</tr>

772	'title' => 'WordPress YouTube Embed',
773	'description' => 'YouTube Embed plugin is an convenient tool for adding video to your website. Use YouTube Embed plugin to add YouTube videos in posts/pages, widgets.'
774	),
775	+ 'countdown'=>array(
776	+ 'image_url' => $this->plugin_url.'images/featured_plugins/countdown.jpg',
777	+ 'site_url' => 'http://wpdevart.com/wordpress-countdown-plugin/',
778	+ 'title' => 'WordPress Countdown plugin',
779	+ 'description' => 'WordPress Countdown plugin is an nice tool to create and insert countdown timers into your posts/pages and widgets.'
780	+ ),
781	'facebook'=>array(
782	'image_url' => $this->plugin_url.'images/featured_plugins/facebook.jpg',
783	'site_url' => 'http://wpdevart.com/wordpress-facebook-like-box-plugin',

includes/front_end.php CHANGED Viewed

	@@ -26,7 +26,7 @@ class like_box_front_end{
26	//genereting js code for inserting footer
27	add_action( 'wp_footer', array($this,'like_box_popup_in_footer'));
28	add_action( 'wp_footer', array($this,'like_box_sibar_slider_in_footer'));
29	- add_action('wp_head',array($this,'generete_front_javascript'));
30	// genereting code for content
31	add_shortcode( 'wpdevart_like_box', array($this,'like_box_ifreame_content_generator') );
32	$this->params=$this->generete_params();
	@@ -44,7 +44,7 @@ class like_box_front_end{
44	}else{
45	$this->params['like_box_enable_like_box']='yes';
46	}
47	- }
48	$jsone_like_box_header= json_decode(stripslashes($this->params['like_box_header']), true);
49	if($jsone_like_box_header!=NULL){
50	if($jsone_like_box_header['show']==true){
	@@ -81,43 +81,57 @@ class like_box_front_end{
81	self::$id_for_content++;
82	$atts = shortcode_atts( array(
83	'profile_id' => '',
84	- '~~animation_efect~~'=>'~~none~~',
85	- '~~background_color~~'=>'',
86	- 'theme_color' => 'light',
87	'border_color' => '#FFFFF',
88	- 'show_border' => '~~yes~~',
89	- 'stream' => '0',
90	- 'connections' => '6',
91	'width' => '300',
92	'height' => '550',
93	- 'header' => '0',
94	'locale' => 'en_US',
95	), $atts, 'wpdevart_like_box' );
96	- $output='<iframe id="like_box_content_'.self::$id_for_content.'" src="http://www.facebook.com/plugins/fan.php?id='.$atts['profile_id'].'&width='.$atts['width'].'&colorscheme='.$atts['theme_color'].'&height='.$atts['height'].'&connections='.$atts['connections'].'&stream='.$atts['stream'].'&header='.$atts['header'].'&locale='.$atts['locale'].'&show_border='.(($atts~~['show_border']=='yes'~~)~~?'true':'false').'" scrolling="no" frameborder="0" allowTransparency="true" style="'.(($atts['show_border']=='yes')?'border:1px solid '.$atts['border_color'].'~~;~~':'border:none').' overflow:hidden;visibility:hidden; max-width:100%; width:'.$atts['width'].'px; height:'.$atts['height'].'px;background-color:'.$atts['background_color'].';"></iframe>';~~
97	- $output.='<script>jQuery(document).ready(function(){like_box_animated_element("'.like_box_setting::get_animations_type_array($atts['animation_efect']).'","like_box_content_'.self::$id_for_content.'"); jQuery(window).scroll(function(){like_box_animated_element("'.like_box_setting::get_animations_type_array($atts['animation_efect']).'","like_box_content_'.self::$id_for_content.'");})});</script>';
98	-
99	- return $output;
100	}
101	/###################### creating iframe Popup ##################/
102
103	public function like_box_ifreame_generator(){
104
105	$iframe_params=array(
106	- '~~profile_id~~' ~~=>$this->params[~~'~~like_box_profile_id~~'],
107	- '~~width~~' ~~=>$~~this->params['~~like_box_width~~'],
108	- '~~height~~' ~~=>$~~this->params['~~like_box_height~~'],
109	- '~~header~~' =>($this->params['~~like_box_header~~']~~=='yes')?'true':'false',~~
110	- '~~connections~~' ~~=>$this->params[~~'~~like_box_connections~~'],
111	- '~~locale~~' ~~=>$this->params[~~'~~like_box_locale~~'],
112	- );
113	-






114
115	?>
116	<html>
117	- <head>












118	</head>
119	<body>
120	- ~~<iframe id="like_box_popup" src="http://www.facebook.com/plugins/fan.~~php~~?id=<?php~~ echo ~~$iframe_params['profile_id']; ?>&width=<?php echo $iframe_params['width']; ?>&colorscheme=light&height=<?php echo~~ ($iframe_params~~['height']-64~~); ?>&connections=<?php echo $iframe_params['connections']; ?>&stream=false&header=<?php echo $iframe_params['header']; ?>&locale=<?php echo $iframe_params['locale']; ?>&show_border=true" scrolling="no" frameborder="0" allowTransparency="true" style="overflow:hidden; width:100%; height:100%"></iframe>
121	</body>
122	<script>
123	document.getElementById('like_box_popup').style.height=document.getElementsByTagName('body')[0].offsetHeight-20;
	@@ -133,13 +147,15 @@ class like_box_front_end{
133	/########################## popup ########################/
134	public function like_box_popup_in_footer(){
135
136	- $width=$this->params['like_box_width']~~-30~~;
137	- $~~height=$this->params['like_box_height']-44~~;


138
139	$ifame_parametrs=array();
140
141	if($this->params['like_box_enable_like_box']=='yes'){
142	- ?><script>
143	var like_box_initial_width=<?php echo $width; ?>;
144	var like_box_initial_height=<?php echo $height+12; ?>;
145	jQuery(document).ready(function(){
	@@ -155,7 +171,7 @@ class like_box_front_end{
155
156
157
158	- })</script>
159	<style>
160	.screen-reader-text{
161	display:none;
	@@ -164,7 +180,14 @@ class like_box_front_end{
164	color:<?php echo $this->params['like_box_popup_title_color']; ?>;
165	font-family:<?php echo $this->params['like_box_popup_title_font_famely']; ?>;
166	}
167	-







168	</style>
169	<?php
170
	@@ -174,8 +197,6 @@ class like_box_front_end{
174	public function css_like_box_sibar_slider_in_footer($width,$height){
175	echo '<style>';
176
177	-
178	-
179	echo '.like_box_slideup_close{left:-'.($width+2).'px;}';
180	echo '.like_box_slideup_open{left:0px;}';
181	echo '.sidbar_slide_header{';
	@@ -189,14 +210,32 @@ class like_box_front_end{
189	echo '.sidbar_slide_title{font-family:'.$this->params['like_box_sidebar_slide_title_font_famely'].'; color: '.$this->params['like_box_sidebar_slide_title_color'].';}';
190	echo '.sidbar_slide_content{width:'.$width.'px;}';
191	echo '.sidbar_slide_inner_main {width:'.($width+40).'px;}';

192	echo '</style>';
193
194	}
195
196	public function like_box_sibar_slider_in_footer(){
197	- if($this->params['like_box_sidebar_slide_mode']=='yes'){
198	$width=$this->params['like_box_sidebar_slide_width'];


199	$height=$this->params['like_box_sidebar_slide_height'];















200	?>
201	<div class="main_sidbar_slide like_box_slideup_close">
202	<div class="sidbar_slide_inner_main ">
	@@ -204,7 +243,9 @@ class like_box_front_end{
204	<span class="sidbar_slide_title"><?php echo $this->params['like_box_sidebar_slide_title']; ?></span>
205	</div>
206	<div class="sidbar_slide_content">
207	- <div class="sidbar_slide_inner"><iframe id="like_box_slideup" src="http://www.facebook.com/plugins/fan.php?id=<?php echo $this->params['like_box_sidebar_slide_profile_id']; ?>&width=<?php echo (int)$this->params['like_box_sidebar_slide_width']; ?>&colorscheme=light&height=<?php echo ((int)$this->params['like_box_sidebar_slide_height']); ?>&connections=<?php echo (int)$this->params['like_box_sidebar_slide_connections']; ?>&stream=false&header=<?php echo ($this->params['like_box_sidebar_slide_header']=='yes')?'true':'false'; ?>&locale=<?php echo $this->params['like_box_sidebar_slide_locale']; ?>&show_border=false" scrolling="no" frameborder="0" allowTransparency="true" style="margin-bottom: -5px;overflow:hidden; width:100%; height:<?php echo ((int)$this->params['like_box_sidebar_slide_height']); ?>px"></iframe></div>


208	</div>
209	</div>
210
	@@ -212,8 +253,8 @@ class like_box_front_end{
212	</div>
213	<?php
214	$this->css_like_box_sibar_slider_in_footer($width,$height);
215	-
216	- }
217
218	}
219	}


26	//genereting js code for inserting footer
27	add_action( 'wp_footer', array($this,'like_box_popup_in_footer'));
28	add_action( 'wp_footer', array($this,'like_box_sibar_slider_in_footer'));
29	+ add_action( 'wp_head',array($this,'generete_front_javascript'));
30	// genereting code for content
31	add_shortcode( 'wpdevart_like_box', array($this,'like_box_ifreame_content_generator') );
32	$this->params=$this->generete_params();

44	}else{
45	$this->params['like_box_enable_like_box']='yes';
46	}
47	+ }
48	$jsone_like_box_header= json_decode(stripslashes($this->params['like_box_header']), true);
49	if($jsone_like_box_header!=NULL){
50	if($jsone_like_box_header['show']==true){

81	self::$id_for_content++;
82	$atts = shortcode_atts( array(
83	'profile_id' => '',
84	+ 'show_cover_photo'=>'true',
85	+ 'animation_efect'=>'none',

86	'border_color' => '#FFFFF',
87	+ 'show_border' => 'show',
88	+ 'stream' => 'hide',
89	+ 'connections' => 'hide',
90	'width' => '300',
91	'height' => '550',
92	+ 'header' => 'small',
93	'locale' => 'en_US',
94	), $atts, 'wpdevart_like_box' );
95	+ return like_box_setting::generete_iframe_by_array($atts);



96	}
97	/###################### creating iframe Popup ##################/
98
99	public function like_box_ifreame_generator(){
100
101	$iframe_params=array(
102	+ 'iframe_id' => 'like_box_popup',
103	+ 'profile_id' => $this->params['like_box_profile_id'],
104	+ 'width' => (int)$this->params['like_box_width'], // max width
105	+ 'height' => (int)$this->params['like_box_height'],// height
106	+ 'show_border' => 'show',
107	+ 'border_color' => '#FFF',
108	+ 'header' => $this->params['like_box_header'], // header type
109	+ 'show_cover_photo'=> $this->params['like_box_cover_photo'], //header cover photo
110	+ 'connections' => $this->params['like_box_connections'],// show facebook faces
111	+ 'stream' => 'hide',
112	+ 'animation_efect'=>'none',
113	+ 'locale' => $this->params['like_box_locale'], // language
114	+
115	+ );
116
117	?>
118	<html>
119	+ <head>
120	+ <style>
121	+ #like_box_popup{
122	+ <?php if($iframe_params['show_border']=='yes'){ ?>
123	+ border:1px solid <?php echo $iframe_params['border_color']; ?>;
124	+
125	+ <?php } ?>
126	+ margin:0px;
127	+ padding:0px;
128	+ }
129	+ body{overflow: hidden;}
130	+ </style>
131	+
132	</head>
133	<body>
134	+ <?php echo like_box_setting::generete_iframe_by_array($iframe_params); ?>
135	</body>
136	<script>
137	document.getElementById('like_box_popup').style.height=document.getElementsByTagName('body')[0].offsetHeight-20;

147	/########################## popup ########################/
148	public function like_box_popup_in_footer(){
149
150	+ $width=$this->params['like_box_width'];
151	+ $width=max(180,$width);
152	+ $width=min(500,$width);
153	+ $height=$this->params['like_box_height'];
154
155	$ifame_parametrs=array();
156
157	if($this->params['like_box_enable_like_box']=='yes'){
158	+ ?><script>
159	var like_box_initial_width=<?php echo $width; ?>;
160	var like_box_initial_height=<?php echo $height+12; ?>;
161	jQuery(document).ready(function(){

171
172
173
174	+ })</script>>
175	<style>
176	.screen-reader-text{
177	display:none;

180	color:<?php echo $this->params['like_box_popup_title_color']; ?>;
181	font-family:<?php echo $this->params['like_box_popup_title_font_famely']; ?>;
182	}
183	+ .facbook_like_box_popup{
184	+ overflow: hidden;
185	+ }
186	+ .facbook_like_box_popup iframe{
187	+ margin:0px;
188	+ padding:0px;
189	+ padding-left:5px;
190	+ }
191	</style>
192	<?php
193

197	public function css_like_box_sibar_slider_in_footer($width,$height){
198	echo '<style>';
199


200	echo '.like_box_slideup_close{left:-'.($width+2).'px;}';
201	echo '.like_box_slideup_open{left:0px;}';
202	echo '.sidbar_slide_header{';

210	echo '.sidbar_slide_title{font-family:'.$this->params['like_box_sidebar_slide_title_font_famely'].'; color: '.$this->params['like_box_sidebar_slide_title_color'].';}';
211	echo '.sidbar_slide_content{width:'.$width.'px;}';
212	echo '.sidbar_slide_inner_main {width:'.($width+40).'px;}';
213	+
214	echo '</style>';
215
216	}
217
218	public function like_box_sibar_slider_in_footer(){
219	+ if($this->params['like_box_sidebar_slide_mode']=='yes'){
220	$width=$this->params['like_box_sidebar_slide_width'];
221	+ $width=min(500,(int)$width);
222	+ $width=max(180,(int)$width);
223	$height=$this->params['like_box_sidebar_slide_height'];
224	+ $params_of_slideup=array(
225	+ 'iframe_id' => 'like_box_slideup',
226	+ 'profile_id' => $this->params['like_box_sidebar_slide_profile_id'],
227	+ 'width' => (int)$this->params['like_box_sidebar_slide_width'], // max width
228	+ 'height' => (int)$this->params['like_box_sidebar_slide_height'],// height
229	+ 'show_border' => 'hide',
230	+ 'border_color' => '#FFFFF',
231	+ 'header' => $this->params['like_box_sidebar_slide_header'], // header type
232	+ 'show_cover_photo'=> $this->params['like_box_sidebar_slide_cover_photo'], //header cover photo
233	+ 'connections' => $this->params['like_box_sidebar_slide_connections'],// show facebook faces
234	+ 'stream' => 'hide',
235	+ 'animation_efect'=>'none',
236	+ 'locale' => $this->params['like_box_sidebar_slide_locale'], // language
237	+
238	+ );
239	?>
240	<div class="main_sidbar_slide like_box_slideup_close">
241	<div class="sidbar_slide_inner_main ">

243	<span class="sidbar_slide_title"><?php echo $this->params['like_box_sidebar_slide_title']; ?></span>
244	</div>
245	<div class="sidbar_slide_content">
246	+ <div class="sidbar_slide_inner">
247	+ <?php echo like_box_setting::generete_iframe_by_array($params_of_slideup); ?>
248	+ </div>
249	</div>
250	</div>
251

253	</div>
254	<?php
255	$this->css_like_box_sibar_slider_in_footer($width,$height);
256	+ }
257	+
258
259	}
260	}

includes/install_database.php CHANGED Viewed

	@@ -21,26 +21,30 @@ class like_box_install_database{
21	"like_box_sidebar_slide_title_color" => "#FFFFFF",
22	"like_box_sidebar_slide_title" => 'Facebook',
23	"like_box_sidebar_slide_title_font_famely" => 'Times New Roman,Times,Georgia,serif',
24	- "like_box_sidebar_slide_pntik_height" => "~~130~~",
25
26	"like_box_sidebar_slide_profile_id" => "",

27	"like_box_sidebar_slide_width" => "360",
28	"like_box_sidebar_slide_height" => "450",
29	- "like_box_sidebar_slide_header" => '~~yes~~',
30	- "~~like_box_sidebar_slide_connections~~" => '6',

31	"like_box_sidebar_slide_locale" => "en_US",
32	),
33	"popup_like_box"=>array(
34	- 'like_box_enable_like_box' => 'no',

35	'like_box_popup_title' => 'Facebook like box',
36	'like_box_popup_title_color' => '#000000',
37	'like_box_popup_title_font_famely' => 'Times New Roman,Times,Georgia,serif',
38
39	- "like_box_profile_id" => "",
40	"like_box_width" => "600",
41	"like_box_height" => "450",
42	- "~~like_box_header~~" => '~~yes~~',
43	- "~~like_box_connections~~" => '6',

44	"like_box_locale" => "en_US",
45	),
46


21	"like_box_sidebar_slide_title_color" => "#FFFFFF",
22	"like_box_sidebar_slide_title" => 'Facebook',
23	"like_box_sidebar_slide_title_font_famely" => 'Times New Roman,Times,Georgia,serif',
24	+ "like_box_sidebar_slide_pntik_height" => "215",
25
26	"like_box_sidebar_slide_profile_id" => "",
27	+
28	"like_box_sidebar_slide_width" => "360",
29	"like_box_sidebar_slide_height" => "450",
30	+ "like_box_sidebar_slide_header" => 'small',
31	+ "like_box_sidebar_slide_cover_photo" => 'show',
32	+ "like_box_sidebar_slide_connections" => 'show',
33	"like_box_sidebar_slide_locale" => "en_US",
34	),
35	"popup_like_box"=>array(
36	+ 'like_box_enable_like_box' => 'no',
37	+
38	'like_box_popup_title' => 'Facebook like box',
39	'like_box_popup_title_color' => '#000000',
40	'like_box_popup_title_font_famely' => 'Times New Roman,Times,Georgia,serif',
41
42	+ "like_box_profile_id" => "",
43	"like_box_width" => "600",
44	"like_box_height" => "450",
45	+ "like_box_cover_photo" => 'show',
46	+ "like_box_header" => 'show',
47	+ "like_box_connections" => 'show',
48	"like_box_locale" => "en_US",
49	),
50

includes/javascript/front_end_js.js CHANGED Viewed

@@ -97,6 +97,7 @@ var like_box_slideup={
+            }
             function like_box_animated_element(animation,element_id){
             		jQuery('#'+element_id).ready(function(e) {
             			if(!jQuery(jQuery('#'+element_id)).hasClass('animated') && like_box_isScrolledIntoView(jQuery('#'+element_id)))	{
@@ -114,10 +115,55 @@ function like_box_isScrolledIntoView(elem)
                 var $window = jQuery(window);
                 var docViewTop = $window.scrollTop();
                 var docViewBottom = docViewTop + $window.height();
-            -
                var elemTop = jQuery(elem).offset().top;
                 var elemBottom = elemTop + parseInt(jQuery(elem).css('height'));
                 return ( ( (docViewTop<=elemTop) && (elemTop<=docViewBottom) )  || ( (docViewTop<=elemBottom) && (elemBottom<=docViewBottom) ));
+            }
             jQuery(document).ready(function(e) {
                 like_box_slideup.construct_function();
-            -
            });


97
98
99	}
100	+ /############################### ANImation Effekts ########################33/
101	function like_box_animated_element(animation,element_id){
102	jQuery('#'+element_id).ready(function(e) {
103	if(!jQuery(jQuery('#'+element_id)).hasClass('animated') && like_box_isScrolledIntoView(jQuery('#'+element_id))) {

115	var $window = jQuery(window);
116	var docViewTop = $window.scrollTop();
117	var docViewBottom = docViewTop + $window.height();
118	+ if(typeof(jQuery(elem).offset())!='undefined')
119	+ var elemTop = jQuery(elem).offset().top;
120	+ else
121	+ var elemTop = 0;
122	var elemBottom = elemTop + parseInt(jQuery(elem).css('height'));
123	return ( ( (docViewTop<=elemTop) && (elemTop<=docViewBottom) ) \|\| ( (docViewTop<=elemBottom) && (elemBottom<=docViewBottom) ));
124	}
125	jQuery(document).ready(function(e) {
126	like_box_slideup.construct_function();
127	+ });
128	+ /####################### other element resize ###################################/
129	+
130	+
131	+ function like_box_set_width_cur_element(element_id,element_initial_width){
132	+ var element_id='#'+element_id
133	+ // initial variables
134	+ var parent_width=jQuery(element_id).parent().width();
135	+ var curent_src=jQuery(element_id).attr('src');
136	+ // corect seted width
137	+ var element_initial_width=Math.min(500,parseInt(element_initial_width));
138	+ var element_initial_width=Math.max(180,parseInt(element_initial_width));
139	+
140	+ // corect width with parent element
141	+
142	+ if(parent_width<=180){
143	+ curent_src=like_box_replace_src(curent_src,180)
144	+ jQuery(element_id).css('width',180);
145	+ }
146	+ if(parent_width>=180){
147	+ curent_src=like_box_replace_src(curent_src,Math.min(element_initial_width,parent_width));
148	+ jQuery(element_id).css('width',Math.min(element_initial_width,parent_width));
149	+ }
150	+ //set replaced url
151	+ jQuery(element_id).attr('src',curent_src);
152	+ }
153	+
154	+ // replace url in src
155	+ function like_box_replace_src(old_src,width){
156	+ old_src=old_src.replace(/&width=[\d]+/,'&width='+width)
157	+ old_src=old_src.replace(/&container_width=[\d]+/,'&container_width='+width)
158	+ return old_src
159	+ }
160	+
161	+
162	+
163	+
164	+
165	+
166	+
167	+
168	+
169	+

includes/library.php CHANGED Viewed

@@ -2,6 +2,9 @@
             class like_box_setting{
             	public static $list_of_animations=array('bounce','flash','pulse','rubberBand','shake','swing','tada','wobble','bounceIn','bounceInDown','bounceInLeft','bounceInRight','bounceInUp','fadeIn','fadeInDown','fadeInDownBig','fadeInLeft','fadeInLeftBig','fadeInRight','fadeInRightBig','fadeInUp','fadeInUpBig','flip','flipInX','flipInY','lightSpeedIn','rotateIn','rotateInDownLeft','rotateInDownRight','rotateInUpLeft','rotateInUpRight','rollIn','zoomIn','zoomInDown','zoomInLeft','zoomInRight','zoomInUp');
             	public static function get_animations_type_array($animation=''){
             		if($animation=='' || $animation=='none')
             			return '';
@@ -11,6 +14,91 @@ class like_box_setting{
+            		}
             		return $animation;
+            	}
             	public static function generete_animation_select($select_id='',$curent_effect='none'){
             	?>
                 <select onClick="alert(pro_text); return false;" id="<?php echo $select_id; ?>" name="<?php echo $select_id; ?>">


2
3	class like_box_setting{
4	public static $list_of_animations=array('bounce','flash','pulse','rubberBand','shake','swing','tada','wobble','bounceIn','bounceInDown','bounceInLeft','bounceInRight','bounceInUp','fadeIn','fadeInDown','fadeInDownBig','fadeInLeft','fadeInLeftBig','fadeInRight','fadeInRightBig','fadeInUp','fadeInUpBig','flip','flipInX','flipInY','lightSpeedIn','rotateIn','rotateInDownLeft','rotateInDownRight','rotateInUpLeft','rotateInUpRight','rollIn','zoomIn','zoomInDown','zoomInLeft','zoomInRight','zoomInUp');
5	+ public static $id_for_iframe=0;
6	+
7	+ // function for genereted animation lists
8	public static function get_animations_type_array($animation=''){
9	if($animation=='' \|\| $animation=='none')
10	return '';

14	}
15	return $animation;
16	}
17	+
18	+ // generete facbook iframe and iframe js by array
19	+ public static function generete_iframe_by_array($params){
20	+ self::$id_for_iframe++;
21	+ $output_code='';
22	+ //default parametrs for iframe
23	+ $defaults=array(
24	+ 'iframe_id' => 'facbook_like_box_'.self::$id_for_iframe,
25	+ 'profile_id' => '',
26	+ 'width' => '300', // max width
27	+ 'height' => '550',// height
28	+ 'show_border' => 'show',
29	+ 'border_color' => '#FFFFF',
30	+ 'header' => 'small', // header type
31	+ 'show_cover_photo'=>'true', //header cover photo
32	+ 'connections' => 'show',// show facebook faces
33	+ 'stream' => '0',
34	+ 'animation_efect'=>'none',
35	+ 'locale' => 'en_US', // language
36	+ );
37	+ $params=array_merge($defaults,$params);
38	+ $params['width']=max((int)$params['width'],180);
39	+ $params['width']=min((int)$params['width'],500);
40	+
41	+ if($params['header']=='small' \|\| $params['header']=='0' \|\| $params['header']=='no')
42	+ $params['header']='true';
43	+ else
44	+ $params['header']='false';
45	+
46	+ if((int)$params['connections']>0 \|\| $params['connections']=="show")
47	+ $params['connections']='true';
48	+ else
49	+ $params['connections']='false';
50	+
51	+
52	+ if($params['stream']=='0' \|\| $params['stream']=='hide')
53	+ $params['stream']='false';
54	+ else
55	+ $params['stream']='true';
56	+
57	+ if($params['show_cover_photo']=='true' \|\| $params['show_cover_photo']=='show')
58	+ $params['show_cover_photo']='false';
59	+ else
60	+ $params['show_cover_photo']='true';
61	+
62	+ $like_box_array_query=array(
63	+ 'adapt_container_width' => 'true',
64	+ 'container_width' => $params['width'],
65	+ 'width' => $params['width'],
66	+ 'height' => $params['height'],
67	+ 'hide_cover' => $params['show_cover_photo'],
68	+ 'href' => urlencode("https://www.facebook.com/".$params['profile_id']),
69	+ 'locale' => $params['locale'],
70	+ 'sdk' => 'joey',
71	+ 'show_facepile' => $params['connections'],
72	+ 'show_posts' => $params['stream'],
73	+ 'small_header' => $params['header'],
74	+ );
75	+ $like_box_src=add_query_arg($like_box_array_query,'http://www.facebook.com/v2.4/plugins/page.php');
76	+ $output_code.='<iframe id="'.$params['iframe_id'].'" src="'.$like_box_src.'" scrolling="no" allowTransparency="true" style="'.(($params['show_border']=='yes' \|\| $params['show_border']=='show')?'border:1px solid '.$params['border_color'].';':'border:none').' overflow:hidden;visibility:hidden; max-width:500px; width:'.$params['width'].'px; height:'.$params['height'].'px;"></iframe>';
77	+ $output_code.='<script>
78	+ if(typeof(jQuery)=="undefined")
79	+ jQuery=window.parent.jQuery;
80	+ if(typeof(like_box_animated_element)=="undefined")
81	+ like_box_animated_element=window.parent.like_box_animated_element;
82	+ if(typeof(like_box_set_width_cur_element)=="undefined")
83	+ like_box_set_width_cur_element=window.parent.like_box_animated_element;
84	+ jQuery(document).ready(function(){';
85	+ if($params['animation_efect']!='none'){
86	+ $output_code.='
87	+ like_box_animated_element("'.like_box_setting::get_animations_type_array($params['animation_efect']).'","'.$params['iframe_id'].'");
88	+ like_box_set_width_cur_element("'.$params['iframe_id'].'",'.$params['width'].')
89	+ jQuery(window).scroll(function(){
90	+ like_box_animated_element("'.self::get_animations_type_array($params['animation_efect']).'","'.$params['iframe_id'].'");
91	+ })';
92	+ }
93	+ else{
94	+ $output_code.='
95	+ document.getElementById("'.$params['iframe_id'].'").style.visibility="visible"
96	+ like_box_set_width_cur_element("'.$params['iframe_id'].'",'.$params['width'].')
97	+ ';
98	+ }
99	+ $output_code.= '});</script>';
100	+ return $output_code;
101	+ }
102	public static function generete_animation_select($select_id='',$curent_effect='none'){
103	?>
104	<select onClick="alert(pro_text); return false;" id="<?php echo $select_id; ?>" name="<?php echo $select_id; ?>">

includes/widget.php CHANGED Viewed

	@@ -15,20 +15,27 @@ class like_box_facbook extends WP_Widget {
15	self::$id_of_like_box++;
16	extract( $args );
17	$title = $instance['title'];
18	- $~~profile_id~~ = ~~$instance['profile_id'];~~
19	- $~~connections = $~~instance['~~connections~~'];
20	- $width = $instance['width'];
21	- $height = $instance['height'];
22	- ~~$header = ($instance[~~'~~header~~'~~]) ? 1 : 0;~~
23	- ~~$locale = $instance[~~'~~locale~~'];








24	// Before widget //
25	echo $before_widget;
26
27	// Title of widget //
28	if ( $title ) { echo $before_title . $title . $after_title; }
29	// Widget output //
30	- echo '<iframe id="like_box_widget_'.self::$id_of_like_box.'" src="http://www.facebook.com/plugins/fan.php?id='.$profile_id.'&width='.$width.'&colorscheme='.$facbook_likbox_theme.'&height='.$height.'&connections='.$connections.'&stream='.$stream.'&header='.$header.'&locale='.$locale.'&show_border='.(($~~show_border=='yes'~~)~~?'true':'false').'" scrolling="no" frameborder="0" allowTransparency="true" style="'.(($show_border=='yes')?'border:1px solid '.$facbook_lik_box_border_color.'~~;~~':'border:none').'~~ ~~overflow:hidden;visibility:hidden; max-width:100%; width:'.$width.'px; height:'.$height.'px;background-color:'.$facbook_bg_color.';"></iframe>';~~
31	- echo '<script>jQuery(document).ready(function(){like_box_animated_element("'.like_box_setting::get_animations_type_array($animation).'","like_box_widget_'.self::$id_of_like_box.'"); jQuery(window).scroll(function(){like_box_animated_element("'.like_box_setting::get_animations_type_array($animation).'","like_box_widget_'.self::$id_of_like_box.'");})});</script>';
32	// After widget //
33
34	echo $after_widget;
	@@ -39,10 +46,12 @@ class like_box_facbook extends WP_Widget {
39	extract( $args );
40	$instance['title'] = strip_tags($new_instance['title']);
41	$instance['profile_id'] = $new_instance['profile_id'];

42	$instance['connections'] = $new_instance['connections'];
43	$instance['width'] = $new_instance['width'];
44	$instance['height'] = $new_instance['height'];
45	$instance['header'] = $new_instance['header'];

46	$instance['locale'] = $new_instance['locale'];
47	return $instance; /// return new value of parametrs
48
	@@ -51,7 +60,7 @@ class like_box_facbook extends WP_Widget {
51	/* admin page opions */
52	function form($instance) {
53
54	- $defaults = array( 'title' => '','profile_id' => '', 'connections' => '6','width' => '300','height' => '550','header' => ~~false~~,'locale' => 'en_US');
55	$instance = wp_parse_args( (array) $instance, $defaults );
56	?>
57
	@@ -67,71 +76,73 @@ class like_box_facbook extends WP_Widget {
67	<input id="<?php echo $this->get_field_id('profile_id'); ?>" name="<?php echo $this->get_field_name('profile_id'); ?>" type="text" value="<?php echo $instance['profile_id']; ?>" class="widefat">
68	</p>
69
70	- <~~label>Facebook~~ ~~Like box Theme <span style~~="~~color:rgba(10, 154, 62, 1);;font-weight:bold;~~">~~Pro feature!</span></label>~~
71	- <br>
72	- <~~select onclick="alert('If you want to use this feature upgrade to Like box Pro')"~~>
73	- <~~option~~ ~~selected~~="~~selected~~" value="~~light~~">~~Light</option>~~
74	- <~~option value="dark"~~>~~Dark~~</~~option~~>
75	- </~~select~~>
76	- ~~<br>~~
77	- <br>
78	- <label~~>Facebook~~ ~~Like box Animation<span style~~="~~color:rgba(10,~~ ~~154,~~ ~~62, 1~~)~~;;font-weight:bold~~;">~~Pro~~ ~~feature!</span></~~label>






79	<br>
80
81	- <?php like_box_setting::generete_animation_select('~~gagggoo~~','none') ?>
82	- <br>
83	<br>
84	- <label>Facebook Like box background color <span style="color:rgba(10, 154, 62, 1);;font-weight:bold;">Pro feature!</span></label>
85	<br>
86	- <~~div~~ ~~class~~="~~disabled_for_pro"~~ ~~onclick="alert~~('If ~~you~~ ~~want~~ to ~~use~~ ~~this~~ ~~feature~~ ~~upgrade~~ to ~~Like~~ ~~box Pro'~~)">
87	- <div class="wp-picker-container"><a tabindex="0" class="wp-color-result" title="Select Color" data-current="Current Color" style="background-color: rgb(255, 255, 255);"></a></div>
88	- </div>
89	<br>
90	- <~~label>Facebook~~ ~~Like~~ ~~box~~ ~~Border Color<span style~~="~~color:rgba~~(~~10,~~ ~~154,~~ ~~62,~~ 1)~~;;font-weight:bold;~~">~~Pro feature!</span></label>~~
91	- <br>
92	- <~~div class~~="~~disabled_for_pro~~" ~~onclick="alert('If you want to use this feature upgrade to Like box Pro')"~~>
93	- ~~<div class="wp-picker-container"><a tabindex="0" class="wp-color-result" title="Select Color" data-current="Current Color" style="background-color: rgb(255, 255, 255);"></a></div~~>
94	- </div>
95	<br>
96	-
97	- <label>Show Facebook Like box border <span style="color:rgba(10, 154, 62, 1);;font-weight:bold;">Pro feature!</span></label>
98	<br>
99	- <~~input~~ ~~onMouseDown~~="~~alert('If~~ ~~you~~ ~~want~~ to ~~use~~ ~~this~~ ~~feature upgrade to Like box Pro')" name~~="~~<?php~~ ~~echo~~ ~~$this->get_field_name('show_border'~~); ?>" ~~type="radio" value="yes" checked='checked'~~>~~Yes~~
100	- <input onMouseDown="alert('If you want to use this feature upgrade to Like box Pro')" name="<?php echo $this->get_field_name('show_border'); ?>" type="radio" value="no">No
101	<br>
102	-


103	<p class="flb_field">
104	- <label >Show Facebook latest posts: <span style="color:rgba(10, 154, 62, 1);;font-weight:bold;">Pro feature!</span></label>
105	- ~~ ~~
106	- <~~input~~ onMouseDown="alert('If you want to use this feature upgrade to Like box Pro')" ~~type~~="~~checkbox~~" ~~value~~="1" >



107	</p>
108
109	<p class="flb_field">
110	- <label for="<?php echo $this->get_field_id('connections'); ?>">~~Number~~ of ~~connections~~:</label>
111	<br>
112	- <~~input~~ id="<?php echo $this->get_field_id('connections'); ?>" name="<?php echo $this->get_field_name('connections'); ?>" ~~type="text" value="<?php echo $instance['connections']; ?>" class="" size="3"~~>
113	- <~~small>~~(~~Max.~~ ~~100)~~</~~small~~>


114	</p>
115
116	- <p class="flb_field">
117	- <label for="<?php echo $this->get_field_id('width'); ?>">Like box Width:</label>
118	- <br>
119	- <input id="<?php echo $this->get_field_id('width'); ?>" name="<?php echo $this->get_field_name('width'); ?>" type="text" value="<?php echo $instance['width']; ?>" class="" size="3">
120	- <small>(px)</small>
121	- </p>
122
123	<p class="flb_field">
124	- <label for="<?php echo $this->get_field_id('~~height~~'); ?>">Like box ~~Height~~:</label>
125	- <br>
126	- <~~input~~ id="<?php echo $this->get_field_id('~~height~~'); ?>" name="<?php echo $this->get_field_name('~~height~~'); ?>" ~~type="text" value="<?php echo $instance['height']; ?>" class="" size="3"~~>
127	- <small~~>(px~~)</small>


128	</p>
129	-
130	- <p ~~class~~="~~flb_field~~">
131	- <~~label for="<?php echo $this->get_field_id('header'); ?>"~~>~~Facebook Like box header:</label>~~
132	- ~~&nbsp~~;
133	- <~~input~~ ~~id="~~<?php ~~echo~~ $~~this->get_field_id(~~'~~header~~'~~); ?>" name="<?php echo $this->get_field_name(~~'~~header~~'); ?>" ~~type="checkbox"~~ value="1" ~~class="" size="" <?php checked($instance['header'],1) ?>>~~
134	- <~~small~~>~~Show/~~Hide</~~small~~>

135	</p>
136
137	<p class="flb_field">
	@@ -142,13 +153,14 @@ class like_box_facbook extends WP_Widget {
142	</p>
143	<a href="http://wpdevart.com/wordpress-facebook-like-box-plugin/" target="_blank" style="color: rgba(10, 154, 62, 1);; font-weight: bold; font-size: 18px; text-decoration: none;">Upgrade to Pro Version</a><br>
144	<br>

145	<input type="hidden" id="flb-submit" name="flb-submit" value="1">
146	<script>
147	- var pro_text='If you want to use this feature upgrade to Like box Pro';
148	jQuery(".color_my_likbox").ready(function(e) {
149
150	jQuery(".color_my_likbox").each(function(index, element) {
151	- if(!jQuery(this).hasClass('wp-color-picker') && jQuery(this).attr('name').indexOf('__i__')==-1){~~console.log(this);~~ jQuery(this).wpColorPicker()};
152	});
153
154	});


15	self::$id_of_like_box++;
16	extract( $args );
17	$title = $instance['title'];
18	+ $params_of_widget=array(
19	+ 'profile_id' => $instance['profile_id'],
20	+ 'width' => (int)$instance['width'], // max width
21	+ 'height' => (int)$instance['height'],// height
22	+ 'show_border' => 'show',
23	+ 'border_color' => '#FFF',
24	+ 'header' => $instance['header'], // header type
25	+ 'show_cover_photo'=> $instance['cover_photo'], //header cover photo
26	+ 'connections' => $instance['connections'],// show facebook faces
27	+ 'stream' => 'hide',
28	+ 'animation_efect'=> 'none',
29	+ 'locale' => $instance['locale'], // language
30	+
31	+ );
32	// Before widget //
33	echo $before_widget;
34
35	// Title of widget //
36	if ( $title ) { echo $before_title . $title . $after_title; }
37	// Widget output //
38	+ echo like_box_setting::generete_iframe_by_array($params_of_widget);

39	// After widget //
40
41	echo $after_widget;

46	extract( $args );
47	$instance['title'] = strip_tags($new_instance['title']);
48	$instance['profile_id'] = $new_instance['profile_id'];
49	+
50	$instance['connections'] = $new_instance['connections'];
51	$instance['width'] = $new_instance['width'];
52	$instance['height'] = $new_instance['height'];
53	$instance['header'] = $new_instance['header'];
54	+ $instance['cover_photo'] = $new_instance['cover_photo'];
55	$instance['locale'] = $new_instance['locale'];
56	return $instance; /// return new value of parametrs
57

60	/* admin page opions */
61	function form($instance) {
62
63	+ $defaults = array( 'title' => '','profile_id' => '','stream' => 'true', 'connections' => 'show','width' => '300','height' => '550','header' => 'small','cover_photo' => 'show','locale' => 'en_US');
64	$instance = wp_parse_args( (array) $instance, $defaults );
65	?>
66

76	<input id="<?php echo $this->get_field_id('profile_id'); ?>" name="<?php echo $this->get_field_name('profile_id'); ?>" type="text" value="<?php echo $instance['profile_id']; ?>" class="widefat">
77	</p>
78
79	+ <p class="flb_field">
80	+ <label for="<?php echo $this->get_field_id('width'); ?>">Like box Width:</label>
81	+ <br>
82	+ <input id="<?php echo $this->get_field_id('width'); ?>" name="<?php echo $this->get_field_name('width'); ?>" type="text" value="<?php echo $instance['width']; ?>" class="" size="3">
83	+ <small>(px)</small>
84	+ </p>
85	+
86	+ <p class="flb_field">
87	+ <label for="<?php echo $this->get_field_id('height'); ?>">Like box Height:</label>
88	+ <br>
89	+ <input id="<?php echo $this->get_field_id('height'); ?>" name="<?php echo $this->get_field_name('height'); ?>" type="text" value="<?php echo $instance['height']; ?>" class="" size="3">
90	+ <small>(px)</small>
91	+ </p>
92	+
93	+ <label for="this_is_a_bad">Facebook Like box Animation: <span style="color:rgba(10, 154, 62, 1);;font-weight:bold;">Pro feature!</span></label>
94	<br>
95
96	+ <?php like_box_setting::generete_animation_select('this_is_a_bad','none') ?>

97	<br>

98	<br>
99	+ <label for="<?php echo $this->get_field_id('show_border'); ?>">Show Facebook Like box border: <span style="color:rgba(10, 154, 62, 1);;font-weight:bold;">Pro feature!</span></label>


100	<br>
101	+ <select id="show_like_box_border" name="show_like_box_border_name" onMouseDown="alert('If you want to use this feature upgrade to Like box Pro')">
102	+ <option selected="selected" value="show">Show</option>
103	+ <option value="hide">Hide</option>
104	+ </select>

105	<br>


106	<br>
107	+ <label for="border_color">Facebook Like box Border Color: <span style="color:rgba(10, 154, 62, 1);;font-weight:bold;">Pro feature!</span></label>

108	<br>
109	+ <div class="disabled_for_pro" onclick="alert('If you want to use this feature upgrade to Like box Pro')">
110	+ <div class="wp-picker-container"><a tabindex="0" class="wp-color-result" title="Select Color" data-current="Current Color" style="background-color: rgb(255, 255, 255);"></a></div>
111	+ </div>
112	<p class="flb_field">
113	+ <label for="<?php echo $this->get_field_id('stream'); ?>">Show Facebook latest posts: <span style="color:rgba(10, 154, 62, 1);;font-weight:bold;">Pro feature!</span></label>
114	+ <br>
115	+ <select onMouseDown="alert('If you want to use this feature upgrade to Like box Pro')" id="like_box_latest_post" name="like_box_latest_post_name">
116	+ <option value="show">Show</option>
117	+ <option selected="selected" value="hide">Hide</option>
118	+ </select>
119	</p>
120
121	<p class="flb_field">
122	+ <label for="<?php echo $this->get_field_id('connections'); ?>">Show/Hide Friends Faces:</label>
123	<br>
124	+ <select id="<?php echo $this->get_field_id('connections'); ?>" name="<?php echo $this->get_field_name('connections'); ?>">
125	+ <option <?php selected($instance['connections'],'show') ?> value="show">Show</option>
126	+ <option <?php selected($instance['connections'],'hide') ?> value="hide">Hide</option>
127	+ </select>
128	</p>
129






130
131	<p class="flb_field">
132	+ <label for="<?php echo $this->get_field_id('header'); ?>">Select Like box Header size:</label>
133	+ <br>
134	+ <select id="<?php echo $this->get_field_id('header'); ?>" name="<?php echo $this->get_field_name('header'); ?>">
135	+ <option <?php selected($instance['header'],'small') ?> value="small">Small</option>
136	+ <option <?php selected($instance['header'],'big') ?> value="big">Big</option>
137	+ </select>
138	</p>
139	+ <p class="flb_field">
140	+ <label for="<?php echo $this->get_field_id('header'); ?>">Like box cover photo:</label>
141	+ <br>
142	+ <select id="<?php echo $this->get_field_id('cover_photo'); ?>" name="<?php echo $this->get_field_name('cover_photo'); ?>">
143	+ <option <?php selected($instance['cover_photo'],'show') ?> value="show">Show</option>
144	+ <option <?php selected($instance['cover_photo'],'hide') ?> value="hide">Hide</option>
145	+ </select>
146	</p>
147
148	<p class="flb_field">

153	</p>
154	<a href="http://wpdevart.com/wordpress-facebook-like-box-plugin/" target="_blank" style="color: rgba(10, 154, 62, 1);; font-weight: bold; font-size: 18px; text-decoration: none;">Upgrade to Pro Version</a><br>
155	<br>
156	+ <br>
157	<input type="hidden" id="flb-submit" name="flb-submit" value="1">
158	<script>
159	+ var pro_text='If you want to use this feature upgrade to Like box Pro';
160	jQuery(".color_my_likbox").ready(function(e) {
161
162	jQuery(".color_my_likbox").each(function(index, element) {
163	+ if(!jQuery(this).hasClass('wp-color-picker') && jQuery(this).attr('name').indexOf('__i__')==-1){ jQuery(this).wpColorPicker()};
164	});
165
166	});

like-box.php CHANGED Viewed

	@@ -3,9 +3,9 @@
3	Plugin Name: Facebook Like Box
4	Plugin URI: https://wordpress.org/plugins/like-box
5	Description: Our Facebook like box plugin will help you to display Facebook like box on your wesite, just add Facebook Like box widget to your sidebar and use it. Also you can use Facebook Like box on your pages/posts and create Facebook Like box popup for your website.
6	- Version: 0.5.3
7	Author: smplug-in
8	- Author URI: wordpress~~.org~~
9	License: GPL3
10	*/
11
	@@ -60,7 +60,6 @@ class like_box_main{
60
61	require_once($this->like_box_plugin_path.'includes/front_end.php');
62	require_once($this->like_box_plugin_path.'includes/widget.php');
63	-
64	$like_box_front_end = new like_box_front_end(array('menu_name' => 'Like Box','databese_parametrs'=>$this->like_box_options));
65
66	}


3	Plugin Name: Facebook Like Box
4	Plugin URI: https://wordpress.org/plugins/like-box
5	Description: Our Facebook like box plugin will help you to display Facebook like box on your wesite, just add Facebook Like box widget to your sidebar and use it. Also you can use Facebook Like box on your pages/posts and create Facebook Like box popup for your website.
6	+ Version: 0.5.4
7	Author: smplug-in
8	+ Author URI: http://wpdevart.com/wordpress-facebook-like-box-plugin
9	License: GPL3
10	*/
11

60
61	require_once($this->like_box_plugin_path.'includes/front_end.php');
62	require_once($this->like_box_plugin_path.'includes/widget.php');

63	$like_box_front_end = new like_box_front_end(array('menu_name' => 'Like Box','databese_parametrs'=>$this->like_box_options));
64
65	}

readme.txt CHANGED Viewed

	@@ -1,9 +1,9 @@
1	=== Facebook Like Box ===
2	Contributors: smplug-in
3	- Tags: Facebook, Facebook fan page, facebook like box, Facebook like widget, Facebook Open Graph, Facebook Page, facebook plugin, facebook wall, Facebook Widget, Facebook like box widget, like box facebook, wordpress facebook like box,
4	Requires at least: 2.9
5	Tested up to: 4.3
6	- Stable tag: 0.5.3
7
8	Our Facebook like box plugin will help you to display Facebook like box on your wesite, just add Facebook Like box widget to your sidebar and use it. Also you can use Facebook Like box on your pages/posts and create Facebook Like box popup for your website.
9
	@@ -21,10 +21,8 @@ Also you can use Facebook Like box on your pages/posts and create Facebook Like
21
22	* User friendly and easy to use.
23	* Tested with other popular plugins.
24	- * Ability to set connections number.
25	* Ability to set Facebook like box width.
26	* Ability to set Facebook like box height.
27	- * Ability to show/hide Facebook logo bar.
28	* Ability to change Facebook like box language.
29	* Ability to add Facebook like box in posts/pages using shortcode button.
30	* Ability to add Facebook like box Popup.
	@@ -33,13 +31,15 @@ Also you can use Facebook Like box on your pages/posts and create Facebook Like
33	* Ability to set Sticky box Title.
34	* Ability to set Sticky box Title color.
35	* Ability to set Sticky box Title Font family.



36
37	You can upgrade WordPress Facebook like box plugin to [Facebook like box Pro](http://wpdevart.com/wordpress-facebook-like-box-plugin/) to add more features.
38
39	### Features of Facebook like box Pro:
40
41	* Ability to show posts from your Facebook page.
42	- * Ability to Choose Facebook like box Theme.
43	* Ability to set Facebook like box border color.
44	* Ability to show/hide Facebook like box border.
45	* Ability to display Facebook like box Popup on Home, Post, Page, Everywhere.
	@@ -102,6 +102,10 @@ Dear users, we also recommend you to take a look for this useful plugins - [Word
102
103	* Added a lot of useful features.
104




105	==Wordpress Facebook like box step by step guide==
106
107	### Adding Facebook like box to your sidebar.
	@@ -120,16 +124,16 @@ Then just set up options for Facebook like box Popup and Sticky Facebook box.
120	### Facebook like box main options
121
122	* Page ID: - Type here your Facebook like box page url(without https://www.facebook.com/, if your Facebook page url is https://www.facebook.com/uefacom then type here just uefacom).
123	- * Facebook Like box Theme - Choose theme for your Facebook Like box
124	* Like box Animation - Choose Facebook like box Animation type
125	- * Like box background color - Choose Facebook like box background color
126	* Show/Hide Like box border - Show/Hide Facebook like box border
127	* Like box Border color - Type the Border Color of your Facebook Like box
128	* Show/Hide latest posts - Show/Hide the latest posts from your Facebook Like box
129	- * Number of connections - Type the number of connections that you want to see in your Facebook Like box
130	* Like box Width - Type Facebook Like box width
131	* Like box Height - Type Facebook Like box height
132	* Like box header - Show/Hide the Facebook Like box header



133	* Like box language - Type the Facebook Like box language code
134
135	### Facebook like box Popup options
	@@ -144,13 +148,12 @@ Then just set up options for Facebook like box Popup and Sticky Facebook box.
144	* Popup Title color - Type here the title color
145	* Popup Title Font family - Choose the title Font family
146	* Page ID - Type here your Facebook like box page url(without https://www.facebook.com/, if your Facebook page url is https://www.facebook.com/uefacom then type here just uefacom)
147	- * Like box Theme - Choose theme for your Facebook Like box
148	* Show/Hide border - Show/Hide Facebook like box border
149	* Border color - Type the Border Color of your Facebook Like box
150	- * Background color - Choose Facebook like box background color
151	- * Number of connections - Type the number of connections that you want to see in your Facebook Like box
152	- * Like box header - Show/Hide the Facebook Like box header
153	* Show/Hide latest posts - Show/Hide the latest posts from your Facebook Like box



154	* Like box language - Type the Facebook Like box language code
155
156	### Sticky box options
	@@ -160,8 +163,6 @@ Then just set up options for Facebook like box Popup and Sticky Facebook box.
160	* Sticky box position - Select the Sticky box position
161	* Sticky box height - Select the Sticky box height
162	* Page ID - Type here your Facebook like box page url(without https://www.facebook.com/, if your Facebook page url is https://www.facebook.com/uefacom then type here just uefacom)
163	- * Like box Theme - Choose theme for your Facebook Like box
164	- * Sticky box bg color - Choose theme for your Facebook Like box
165	* Sticky box width - Type here the Sticky box width
166	* Sticky box height - Type here the Sticky box width
167	* Sticky box button bg color - Type here the Sticky box button background color
	@@ -169,8 +170,9 @@ Then just set up options for Facebook like box Popup and Sticky Facebook box.
169	* Sticky box Title - Type here the Sticky box title
170	* Sticky box Title color - Select the Sticky box title color.
171	* Sticky box Title Font family - Choose the Sticky box Title Font family
172	- * ~~Number~~ of ~~connections~~ - ~~Type~~ ~~the number of connections that you want~~ to ~~see~~ in ~~your Facebook Like box~~
173	- * Like box ~~header~~ - ~~Show/Hide~~ ~~the Facebook~~ Like box ~~header~~

174	* Show/Hide latest posts - Show/Hide the latest posts from your Facebook Like box
175	* Like box language - Type the Facebook Like box language code
176


1	=== Facebook Like Box ===
2	Contributors: smplug-in
3	+ Tags: Facebook, facebook badge, facebook connect, Facebook fan page, facebook group, facebook integration, facebook like box, Facebook like widget, facebook meta, facebook meta tag, Facebook Open Graph, Facebook Page, facebook platform, facebook plugin, facebook recommend, facebook share, facebook sidebar, facebook style, facebook wall, Facebook Widget, friends, google +1, google plus, google plus one, Like, like box, open graph, page, plugin, post to facebook, sharebar, sidebar, social, Social Plugins, social profiles, social share, social sidebar, wordpress like, seo, meta, Facebook like box widget, facebook like, facebook like button, facebook button, facebook facepile, like box facebook, like box widget, facebook likebox, facebook like box shortcode, likebox, wordpress facebook like box, facebook like box in PopUp, facebook likebox widget, nice facebook like box, custom facebook likebox, rt facebook like box, advanced responsive facebook likebox, fb like box, facebook like box shortcodes, like box sidebox
4	Requires at least: 2.9
5	Tested up to: 4.3
6	+ Stable tag: 0.5.4
7
8	Our Facebook like box plugin will help you to display Facebook like box on your wesite, just add Facebook Like box widget to your sidebar and use it. Also you can use Facebook Like box on your pages/posts and create Facebook Like box popup for your website.
9

21
22	* User friendly and easy to use.
23	* Tested with other popular plugins.

24	* Ability to set Facebook like box width.
25	* Ability to set Facebook like box height.

26	* Ability to change Facebook like box language.
27	* Ability to add Facebook like box in posts/pages using shortcode button.
28	* Ability to add Facebook like box Popup.

31	* Ability to set Sticky box Title.
32	* Ability to set Sticky box Title color.
33	* Ability to set Sticky box Title Font family.
34	+ * Ability to Show/Hide Friends Faces.
35	+ * Ability to Select Like box Header size.
36	+ * Ability to show/hide Like box cover photo.
37
38	You can upgrade WordPress Facebook like box plugin to [Facebook like box Pro](http://wpdevart.com/wordpress-facebook-like-box-plugin/) to add more features.
39
40	### Features of Facebook like box Pro:
41
42	* Ability to show posts from your Facebook page.

43	* Ability to set Facebook like box border color.
44	* Ability to show/hide Facebook like box border.
45	* Ability to display Facebook like box Popup on Home, Post, Page, Everywhere.

102
103	* Added a lot of useful features.
104
105	+ = 0.5.4 =
106	+
107	+ * Bug fixed.
108	+
109	==Wordpress Facebook like box step by step guide==
110
111	### Adding Facebook like box to your sidebar.

124	### Facebook like box main options
125
126	* Page ID: - Type here your Facebook like box page url(without https://www.facebook.com/, if your Facebook page url is https://www.facebook.com/uefacom then type here just uefacom).

127	* Like box Animation - Choose Facebook like box Animation type

128	* Show/Hide Like box border - Show/Hide Facebook like box border
129	* Like box Border color - Type the Border Color of your Facebook Like box
130	* Show/Hide latest posts - Show/Hide the latest posts from your Facebook Like box

131	* Like box Width - Type Facebook Like box width
132	* Like box Height - Type Facebook Like box height
133	* Like box header - Show/Hide the Facebook Like box header
134	+ * Show/Hide Friends Faces - Choose to Show/Hide Friends Faces
135	+ * Select Like box Header size - Select Like box Header size
136	+ * Show/hide Like box cover photo - Choose to show/hide Like box cover photo
137	* Like box language - Type the Facebook Like box language code
138
139	### Facebook like box Popup options

148	* Popup Title color - Type here the title color
149	* Popup Title Font family - Choose the title Font family
150	* Page ID - Type here your Facebook like box page url(without https://www.facebook.com/, if your Facebook page url is https://www.facebook.com/uefacom then type here just uefacom)

151	* Show/Hide border - Show/Hide Facebook like box border
152	* Border color - Type the Border Color of your Facebook Like box



153	* Show/Hide latest posts - Show/Hide the latest posts from your Facebook Like box
154	+ * Show/Hide Friends Faces - Choose to Show/Hide Friends Faces
155	+ * Select Like box Header size - Select Like box Header size
156	+ * Show/hide Like box cover photo - Choose to show/hide Like box cover photo
157	* Like box language - Type the Facebook Like box language code
158
159	### Sticky box options

163	* Sticky box position - Select the Sticky box position
164	* Sticky box height - Select the Sticky box height
165	* Page ID - Type here your Facebook like box page url(without https://www.facebook.com/, if your Facebook page url is https://www.facebook.com/uefacom then type here just uefacom)


166	* Sticky box width - Type here the Sticky box width
167	* Sticky box height - Type here the Sticky box width
168	* Sticky box button bg color - Type here the Sticky box button background color

170	* Sticky box Title - Type here the Sticky box title
171	* Sticky box Title color - Select the Sticky box title color.
172	* Sticky box Title Font family - Choose the Sticky box Title Font family
173	+ * Show/Hide Friends Faces - Choose to Show/Hide Friends Faces
174	+ * Select Like box Header size - Select Like box Header size
175	+ * Show/hide Like box cover photo - Choose to show/hide Like box cover photo
176	* Show/Hide latest posts - Show/Hide the latest posts from your Facebook Like box
177	* Like box language - Type the Facebook Like box language code
178

WpDevArt Facebook Like Box Widget - Version 0.5.4