vb.org Archive - Forum Home Enhancements - [CM] FaceBook SlideBox (LikeBox)

vb.org Archive (https://vborg.vbsupport.ru/index.php)

- vBulletin 4.x Template Modifications (https://vborg.vbsupport.ru/forumdisplay.php?f=246)

- - Forum Home Enhancements - [CM] FaceBook SlideBox (LikeBox) (https://vborg.vbsupport.ru/showthread.php?t=286333)

i put everywhere but didn't work.

Code:

<div   class="s_likebox"><div style="color: rgb(255, 255, 255); padding:   8px 5px 0pt 50px;"><span><div class='likeboxwrap'><iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FAudi-T%25C3%25BCrkiye-Kul%25C3%25BCb%25C3%25BC%2F114904325236579&amp;width=292&amp;height=590&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=true&amp;header=true" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:590px;" allowTransparency="true"></iframe></div></span></div></div>

Great idea!
How to move it to the left side?

Quote:

Originally Posted by kfyonur (Post 2356274)

i put everywhere but didn't work.

Hi kfyonur, I tried to add your code, and it worked, I think you do something wrong, but I have made a new code for you, much better.. and your facebook code is good,,

Here is prove from your facebook page:
https://vborg.vbsupport.ru/external/2012/08/1.gif

I have made another code for you, Copy all the code below, put it in your HEADER template,below everything else.. and click SAVE!

You dont have to touch the Additional.css! Simply copy my code, and past in your header.. OK

Dont forget to put the fbslide.png in your images folder:

Code to add:

PHP Code:


		
			
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<script type="text/javascript">
jQuery.noConflict();
jQuery(function (){
jQuery(".s_likebox").hover(function(){
jQuery(".s_likebox").stop(true, false).animate({right:"0"},"medium");
},function(){
jQuery(".s_likebox").stop(true, false).animate({right:"-250"},"medium");
},500);
return false;
});
</script>  
<style type="text/css">
.s_likebox {
float:right;
width:288px;
height:345px;
background: url(images/fbslide.png) no-repeat !important;
display:block;
right:-250px;
padding:0;
position:fixed;
top: 130px;
z-index:1002;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}
div.likeboxwrap {
margin-top:2px;
margin-left:-5px;
background: #fff;
width:238px;
height:325px;
overflow:hidden;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}
div.likeboxwrap iframe {margin:-1px}  
</style>
<div class="s_likebox"><div style="color: rgb(255, 255, 255); padding: 8px 5px 0pt 50px;"><span><div class='likeboxwrap'><iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FAudi-T%25C3%25BCrkiye-Kul%25C3%25BCb%25C3%25BC%2F114904325236579&amp;width=292&amp;height=590&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=true&amp;header=true" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:590px;" allowTransparency="true"></iframe></div></span></div></div>

Thanks for the mod! Hadn't had a new Facebook like in weeks installed this a couple days ago and have already gotten results.

One request ...could you produce a background image with the tab on the top instead of the bottom? I tried to modify it myself but the results were not very good!

I actually think if you offered 4 image options (tab bottom right, tab top right, tab bottom left, tab top left), for both this and your Twitter Slidebox mod it would allow a lot more placement options and probably quite a few more installs.

Thanks again.

Quote:

Originally Posted by bzcomputers (Post 2361261)

I hope I understood you right, If I did then it sounds like a great Idea, and glad you made it work.. I let you know about the other options If it was possible. Thanks for keeping me updated..

Here is the BOX, with the tab on top:

https://vborg.vbsupport.ru/external/2012/08/13.png

What would the jquery code change be if I wanted to activate this on a click versus the current hover?

Hi I installed and follow ur instructions but nothing turns out. Any expert could help advise?

Anyone could help me make it work ?

Andre, sorry for late reply, I would help you mate. Send me your website URL, and info! And make me an ADMIN LOGIN, PM me and I will pm you back when its done!

Thats all what I can offer..

X vBulletin 3.8.12 by vBS Debug Information
Template Usage: (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (1)bbcode_code_printable (1)bbcode_php_printable (2)bbcode_quote_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)pagenav (1)pagenav_curpage (3)pagenav_pagelink (1)post_thanks_navbar_search (1)printthread (10)printthreadbit (1)spacer_close (1)spacer_open Phrase Groups Available: global postbit showthread	Included Files: ./printthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/class_bbcode_alt.php ./includes/class_bbcode.php ./includes/functions_bigthree.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete printthread_start pagenav_page pagenav_complete bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages:

Phrase Groups Available:

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.01072 seconds Memory Usage 1,766KB Queries Executed 10 (?)
More Information
Template Usage: (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (1)bbcode_code_printable (1)bbcode_php_printable (2)bbcode_quote_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)pagenav (1)pagenav_curpage (3)pagenav_pagelink (1)post_thanks_navbar_search (1)printthread (10)printthreadbit (1)spacer_close (1)spacer_open Phrase Groups Available: global postbit showthread	Included Files: ./printthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/class_bbcode_alt.php ./includes/class_bbcode.php ./includes/functions_bigthree.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete printthread_start pagenav_page pagenav_complete bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages: