[VB 3&4]Facebook Wysuwany Like Box

**Vanad** · 27.02.2011, 19:56

Wielu widziało jak na znanych serwisach jest wysuwany Like Box Facebooka, lecz nie wielu potrafi tego dokonać.Po tym poradniku ten problem zniknie.
Więc zaczynajmy.
Wchodzimy do:

Kod:

ACP -> Style i szablony -> Zarządzaj Stylem -> Twój Styl -> Edytuj Szablony -> Forum Home Templates -> FORUMHOME

Odnajdujemy

Kod:

<body>

Dodajemy poniżej podany kod:

Kod:

<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js'></script>
<script type='text/javascript'>
	$(function (){
		$('.box').hover(function(){
			$('.box').stop(true, false).animate({right:'0'},'medium');
		},function(){
			$('.box').stop(true, false).animate({right:'-205'},'medium');
		},500);
		return false;
	});
</script>

<style type='text/css'>
		.box{float:right; width:210px; height:410px; background: url(images/bg.png) no-repeat; display:block; right:-220px; padding:10px 10px 0px 40px; position:fixed; top: 50px; z-index:2002;}
</style>


 <div class="box">
 
	<div id="fb-root"></div> 
	<script src="http://static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php" type="text/javascript"></script> 
	<script type="text/javascript">FB.init("4747e1995f2c8897bc27891f4de50c4a");</script> 
	<!-- FBML <fb:fan profile_id="128259227188710" connections="9" width="220" height="420" css="http://www.intgroup.eu/style_fb.css?420"></fb:fan> FBML --> 
	<script src="fbvalidate.js" type="text/javascript"></script> 
		

</div>

W polu <fb:fan profile_id="128259227188710" po " dodajemy numer profilu na facebook
Przykład:
vBHELP.pl | Facebook
czyli bierzemy kod 155401434480746 i wklejamy w miejsce o którym mowa wyżej.
Ok zapisujemy.
Następnie do folderu ze skryptem na FTP wrzucamy pliki, które umieściłem na hostingu plików, gdyż załączniki nie działają(foldery fb_img i js oraz plik style_fb.css) , czyli tło dla naszego wysuwanego likeboxa oraz skrypt javascript.
Po wykonaniu tego zgodnie z instrukcją mamy nasz wymarzony wysuwany Like Box

Jeżeli chcemy zmienić położenie względem osi Y czyli pionowej to zmieniamy top: 50px przykładowo zwiększenie na 150px spowoduje obniżenie.

Końcowy efekt wygląda tak

Pliki do pobrania:

FacebookWysuwanyLikeBox rar

FacebookWysuwanyLikeBox.rar

Narzędzia wątku

Typ wyświetlania

Widok wątkowy

[VB 3&4]Facebook Wysuwany Like Box