Dołącz do zespołu ekspertów! Backend lub Frontend Developer?

Sprawdź najnowsze oferty pracy naszego partnera - 8lines.io!

Jak dodać wyskakujące okienko steam/fanpage

Założony przez  Lemo.

05.06.2018, 08:04 (Ten post był ostatnio modyfikowany: 05.06.2018, 08:11 przez Lemo.)
#1
Witam 
Chciałbym wiedzieć jak zrobić wyskakujące okienko z fanpage na fb gdy sie kliknie to ono sie wysuwa wysuw. Dodać jeszcze okno fanpage do panelu bocznego i steam a prezentuje sie to tak:
   
Domena Cs-420.pl
[Obrazek: https://cache.gametracker.com/server_inf...ED0C00.png]
05.06.2018, 12:39
#2
https://developers.facebook.com/docs/plu...ge-plugin/
„Lecz biorę całą odpowiedzialność na siebie. Być może się pomyliłem. Ale przecież mylić się jest rzeczą ludzką.”
05.06.2018, 16:21
#3
i co mam ztym zrobic bo nie rozumiem
[Obrazek: https://cache.gametracker.com/server_inf...ED0C00.png]
05.06.2018, 17:22 (Ten post był ostatnio modyfikowany: 05.06.2018, 17:23 przez DaFi.)
#4
dodać tam link do swojego fanpage i potem dostaniesz kod co będziesz musiał dodać na forum
https://discord.gg/QYvdbaw
05.06.2018, 17:49
#5
(05.06.2018, 17:22)DaFi napisał(a): dodać tam link do swojego fanpage i potem dostaniesz kod co będziesz musiał dodać na forum
gdzie to dodać?
[Obrazek: https://cache.gametracker.com/server_inf...ED0C00.png]
05.06.2018, 18:01
#6
Pierwszą część kodu do header a drugą tam, gdzie ma być to wyświetlane (np. index). Dałem sam link, bo na tej stronie masz jasno opisane co i gdzie trzeba dać. Jeśli nie znasz angielskiego możesz skorzystać z opcji tłumaczenia stron w Chrome :)
„Lecz biorę całą odpowiedzialność na siebie. Być może się pomyliłem. Ale przecież mylić się jest rzeczą ludzką.”
05.06.2018, 19:31 (Ten post był ostatnio modyfikowany: 05.06.2018, 19:32 przez Lemo.)
#7
jesli możesz powiedz gdzie wstawić to :
<div id="fb-root"></div>
<script>(function(d, s, id) {
 var js, fjs = d.getElementsByTagName(s)[0];
 if (d.getElementById(id)) return;
 js = d.createElement(s); js.id = id;
 js.src = 'https://connect.facebook.net/pl_PL/sdk.js#xfbml=1&version=v3.0';
 fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
i to :
<div class="fb-page" data-href="https://www.facebook.com/Cs420pl/" data-tabs="timeline" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"><blockquote cite="https://www.facebook.com/Cs420pl/" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/Cs420pl/">Cs-420.pl</a></blockquote></div>
[Obrazek: https://cache.gametracker.com/server_inf...ED0C00.png]
05.06.2018, 20:00
#8
(05.06.2018, 18:01)myCreedo napisał(a): Pierwszą część kodu do header a drugą tam, gdzie ma być to wyświetlane (np. index).
Już napisałem :P Pierwszy kod wklejasz na sam początek szablonu header (ACP > Style i szablony > Szablony > nazwa_szablonu > nagłówek > header), a drugi w miejsce gdzie widget ma się wyświetlać np. w to samo miejsce gdzie wklejałeś zmienne do Top Stats.
„Lecz biorę całą odpowiedzialność na siebie. Być może się pomyliłem. Ale przecież mylić się jest rzeczą ludzką.”
05.06.2018, 21:02
#9
(05.06.2018, 20:00)myCreedo napisał(a):
(05.06.2018, 18:01)myCreedo napisał(a): Pierwszą część kodu do header a drugą tam, gdzie ma być to wyświetlane (np. index).
Już napisałem :P Pierwszy kod wklejasz na sam początek szablonu header (ACP > Style i szablony > Szablony > nazwa_szablonu > nagłówek > header), a drugi w miejsce gdzie widget ma się wyświetlać np. w to samo miejsce gdzie wklejałeś zmienne do Top Stats.
mam tylko to tego wysuwającego nie ma 

a css mi sie zepsułł ten pasek zielony na dole powinien być u góry pod napisem fanpage
   
[Obrazek: https://cache.gametracker.com/server_inf...ED0C00.png]
06.06.2018, 00:04
#10
Pokaż jak to wkleiłeś (w sensie pokaż kod). Co do wysuwanego, znalazłem takie coś (jeszcze nie testowałem): http://webfrik.pl/wysuwane-okienko-facebook
„Lecz biorę całą odpowiedzialność na siebie. Być może się pomyliłem. Ale przecież mylić się jest rzeczą ludzką.”
06.06.2018, 13:47
#11
<table border="0" cellspacing="0" cellpadding="4" class="tborder">
<tbody><tr>
<td class="thead"><strong>Fanpage</strong>
<div class="fb-page" data-href="https://www.facebook.com/Cs420pl/" data-tabs="timeline" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"><blockquote cite="https://www.facebook.com/Cs420pl/" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/Cs420pl/">Cs-420.pl</a></blockquote></div>
</tr>
</td>
</tbody>
</table>
<br />
a te z  tej strony co podałeś to gdzie to dać?
[Obrazek: https://cache.gametracker.com/server_inf...ED0C00.png]
06.06.2018, 14:24
#12
Co do kodu, to zamień to na taki
<table border="0" cellspacing="0" cellpadding="4" class="tborder">
<tbody>
<tr><td class="thead"><strong>Fanpage</strong></td></tr>
<tr>
<td><div class="fb-page" data-href="https://www.facebook.com/Cs420pl/" data-tabs="timeline" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"><blockquote cite="https://www.facebook.com/Cs420pl/" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/Cs420pl/">Cs-420.pl</a></blockquote></div></td>
</tr>
</tbody>
</table>
<br />

Odnośnie kodu ze strony, z racji na to że wysuwane okienko ma position:fixed to możesz wkleić kod w dowolne miejsce w dowolnym szablonie. Zgaduję że chcesz to mieć na każdej podstronie więc umieść kod w szablonie header
06.06.2018, 15:31
#13
działa wszystko już
[Obrazek: https://cache.gametracker.com/server_inf...ED0C00.png]



Użytkownicy przeglądający ten wątek:

2 gości