[VB 3&4]Facebook Wysuwany Like Box

**Vanad** · 27.02.2011, 20: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

**jaachuuu** · 27.02.2011, 23:20

szkoda, że nie napisałeś od kogo to masz...
Nawet moją grafikę żeś dał...
Myślałem że chcesz, że to chcesz do swojego forum ^^
nawet moją instrukcje żeś opublikował. normalnie to jest karalne ;>

/Doc
nie, nie jest. masz pretensje - pisz na PW, nie rób scen.

**Vanad** · 28.02.2011, 07:19

Grafika jest publiczna facebook likebox wpisz sobie w google(Grafika). mam jeszcze z 2 inne wersje grafik.
Kod także jest własnością jquery.com
W twoim był błąd gdyż likebox był zaniżony, co poprawiłem.
Jedyne z czego mogłem skorzystać, to to iż umieszczamy cały kod nie cząstkowy w <body>.

1. Przedmiotem prawa autorskiego jest każdy przejaw działalności twórczej o indywidualnym charakterze, ustalony w jakiejkolwiek postaci,.....

Z tego wynika iż prawa autorskie odnoszą się do twórcy kodu, a nie do osoby która go użyła

, a więc skoro kod jest ogólnie dostępny w google(wpisz facebook wysuwany likebox) i już w 1 linku go masz i to nie twojego autorstwa

Twoja instrukcja służyła mi jedynie za to co powinienem zrobić dawno, a więc operować całym kodem i nie bawić się w umieszczanie częściowe.Zresztą co ty będziesz mi mówił o prawach autorskich skoro prowadziłeś warez ;] co też nie jest prawym zajęciem.Przykro mi, że pomimo pomocy z mojej strony od razu zostałem zaatakowany, bez przemyślenia.Mam nadzieje, że uda ci się rozwijać swe forum bez mojego wsparcia, którego nie odmówię innym użytkownikom w potrzebie.
Peace i proszę nie robić offtopu, bo brzydko wygląda ;p

**michal** · 28.02.2011, 07:55

Dzięki za mod.

Niestety w IE8 pojawia mi się następujący błąd który przerywa ładowanie się strony:

Wiadomość: HTML Parsing Error: Unable to modify the parent container element before the child element is closed (KB927917)

**Vanad** · 28.02.2011, 13:21

Niestety IE to jeden wielki błąd ze strony Microsoftu.Błąd jest błędem przeglądarki nie kodu podanego w opisie. Polecam inną przeglądarkę.

**dyzio** · 28.02.2011, 17:24

Zamieszczone przez Vanad

Niestety IE to jeden wielki błąd ze strony Microsoftu.Błąd jest błędem przeglądarki nie kodu podanego w opisie. Polecam inną przeglądarkę.

I tu się z Toba nie zgodze, choć po częsci. To ze IE jest gównianą przegladarka wszyscy dobrze wiedza, lecz znajde wiele for na ktorych ten plugin działa normalnie na IE.

P.S Opisz dokladnie gdzie wgrac pliki na ftp.

**michal** · 28.02.2011, 18:35

Zamieszczone przez dyzio

I tu się z Toba nie zgodze, choć po częsci. To ze IE jest gównianą przegladarka wszyscy dobrze wiedza, lecz znajde wiele for na ktorych ten plugin działa normalnie na IE.

Zgadzam się, co prawda nie mam przykładów z VB, ale przykład z załączonego kodu: intrepidTeam :: Fear... is nothing for us! - News działa na IE8

Zamieszczone przez Vanad

Niestety IE to jeden wielki błąd ze strony Microsoftu.Błąd jest błędem przeglądarki nie kodu podanego w opisie. Polecam inną przeglądarkę.

Osobiście używam IE tylko do testów, ale nie mogę zapomnieć zapewne o 40% moich użytkowników, którym forum przestanie działać.
To nie jest rozwiązanie problemu.

Pozdrawiam
Michał

**Vanad** · 01.03.2011, 07:11

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)

Proszę czytać uważnie, bo teraz to ja spamuje ;/

**dyzio** · 01.03.2011, 15:28

Wrzuciłem do głownego katalogu forum i niestety nie działa.

**Vanad** · 01.03.2011, 15:59

To jest bynajmniej niemożliwe.Jeżeli za edytowałeś odpowiednio styl jak napisałem i wgrałeś te pliki do głównego katalogu ze skryptem to powinno działać.Być może coś źle robisz.

background: url(images/bg.png)

Wgraj plik bg.png do images.

Narzędzia wątku

Typ wyświetlania

[VB 3&4]Facebook Wysuwany Like Box