Webboard

Pełna wersja: Jak dodać wyskakujące okienko steam/fanpage
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
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:
[attachment=13811]
Domena Cs-420.pl
i co mam ztym zrobic bo nie rozumiem
dodać tam link do swojego fanpage i potem dostaniesz kod co będziesz musiał dodać na forum
(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ć?
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 :)
jesli możesz powiedz gdzie wstawić to :
Kod:
<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 :
Kod:
<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>
(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.
(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
[attachment=13814]
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
Kod:
<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ć?
Co do kodu, to zamień to na taki
Kod:
<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
działa wszystko już