phpBB2 by Przemo
Support forów phpBB2 modified by Przemo

FAQFAQ - PIERWSZA POMOC!!  regulaminREGULAMIN  SzukajSZUKAJ  UżytkownicyUżytkownicy  GrupyGrupy  StatystykiStatystyki
RejestracjaRejestracja  ZalogujZaloguj  DownloadDownload  katalog Forów DyskusyjnychKatalog Forów   FAQ Video tutoriale

Poprzedni temat «» Następny temat
Facebook "lubię to" oraz google +
Autor Wiadomość
wafelo

Posty: 23
Wysłany: 15-11-2014, 22:31   Facebook "lubię to" oraz google +

Witam,
chciałbym umieścić 2 buttony w tym miejscu "lubię to" oraz "google +"

aby to wstawić należy umieścić dwa kody dla każdego przycisku. Np dla google plus
Cytat:
<!-- Umieść ten tag w nagłówku lub tuż przed tagiem zamykającym treść. -->
<script src="https://apis.google.com/js/platform.js" async defer>
{lang: 'pl'}
</script>

<!-- Umieść ten tag w miejscu, w którym ma być widoczny przycisk +1. -->
<div class="g-plusone" data-annotation="inline" data-width="300"></div>


Napiszcie gdzie te dwa kody mam umieścić?
 
     
Gadatliwa Kasia 

   
Tommekk80



Pomógł: 1411 razy
Posty: 4780
Wysłany: 16-11-2014, 07:46   

W pliku viewtopic_body.tpl. Dokładniej to stwórz sobie komórkę tabeli pomiędzy przyciskiem odpowiedzi a opcjami moderatorskimi.Dodajesz sobie w środku komórkę z twoim kodem, uprzednio nadając tym dwóm sąsiednim równą szerokość. Oderwij sobie ten wiersz tabeli jako osobną tabelę, bo reszta się pokiełbasi.

To tak - ten kod:
Kod:
<table width="100%" cellspacing="2" cellpadding="2" border="0" align="center">
   <tr>
      <td align="left" valign="middle" class="nav"><span class="nav" style="color: #FF6600;"><a href="{U_INDEX}" class="nav">{L_INDEX}</a>{NAV_CAT_DESC}</span></td>
      <td align="right" valign="middle" nowrap="nowrap"><span class="nav">{PAGINATION}
      <!-- BEGIN next_unread_posts -->
      <a href="{next_unread_posts.U_TOPIC_NEXT_UNREAD_POSTS}">{next_unread_posts.L_TOPIC_NEXT_UNREAD_POSTS}</a>
      <!-- END next_unread_posts -->
      </span></td>
   </tr>
   <tr>
      <td align="left" valign="middle" nowrap><span class="nav"><a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" border="0" alt="{L_POST_REPLY_TOPIC}" title="{L_POST_REPLY_TOPIC}" align="middle"></a></span></td>
      <td align="right" valign="top" nowrap><span class="nav">{S_TOPIC_ADMIN}</span></td>
   </tr>
</table>

Zamieniasz na taki:
Kod:
<table width="100%" cellspacing="2" cellpadding="2" border="0" align="center">
   <tr>
      <td align="left" valign="middle" class="nav"><span class="nav" style="color: #FF6600;"><a href="{U_INDEX}" class="nav">{L_INDEX}</a>{NAV_CAT_DESC}</span></td>
      <td align="right" valign="middle" nowrap="nowrap"><span class="nav">{PAGINATION}
      <!-- BEGIN next_unread_posts -->
      <a href="{next_unread_posts.U_TOPIC_NEXT_UNREAD_POSTS}">{next_unread_posts.L_TOPIC_NEXT_UNREAD_POSTS}</a>
      <!-- END next_unread_posts -->
      </span></td>
   </tr>
</table>

<table width="100%" cellspacing="2" cellpadding="2" border="0" align="center">
   <tr>
      <td align="left" valign="middle" nowrap style="width: 250px;"><span class="nav"><a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" border="0" alt="{L_POST_REPLY_TOPIC}" title="{L_POST_REPLY_TOPIC}" align="middle"></a></span></td>

<td style="text-align:center">TUTAJ TEN SWÓJ KOD UMIEŚĆ</td>

      <td align="right" valign="top" nowrap style="width: 250px;"><span class="nav">{S_TOPIC_ADMIN}</span></td>
   </tr>
</table>


Swój kod widzisz gdzie umieścić - skoro te skrypty maja działać tylko w widoku tematu, ten kod <script>....</script> umieść w tym samym pliku na samym początku.
 
     
wafelo

Posty: 23
Wysłany: 16-11-2014, 07:57   Facebook "lubię to" oraz google +

Dzięki. ten kod
Cytat:
<!-- Umieść ten tag w nagłówku lub tuż przed tagiem zamykającym treść. -->
<script src="https://apis.google.com/js/platform.js" async defer>
{lang: 'pl'}
</script>


na samym początku mam umieścić czy po jakimś znaczniku w pliku viewtopic_body.tpl? Tak mają się wyświetlać tylko w tematach.

A w przypadku drugiego kodu dla drugiego przycisku

Ten też umieścić viewtopic_body.tp na początku?
Cytat:
Include the JavaScript SDK on your page once, ideally right after the opening <body> tag.
<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 = "//connect.facebook.net/pl_PL/sdk.js#xfbml=1&version=v2.0";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>


Czy przycisk:
Cytat:



Place the code for your plugin wherever you want the plugin to appear on your page.
<div class="fb-like" data-href="https://developers.facebook.com/docs/plugins/" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></div>


należy rozdzielić jakimś znacznikiem z pierwszym przyciskiem jak poniżej?
<td style="text-align:center">TUTAJ TEN SWÓJ KOD UMIEŚĆ kod lubię to</td>
<td style="text-align:center">TUTAJ TEN SWÓJ KOD UMIEŚĆkod google +</td>
 
     
Tommekk80



Pomógł: 1411 razy
Posty: 4780
Wysłany: 16-11-2014, 14:21   

Na samym początku wstaw to:
Kod:
<!-- Umieść ten tag w nagłówku lub tuż przed tagiem zamykającym treść. -->
<script src="https://apis.google.com/js/platform.js" async defer>
{lang: 'pl'}
</script>
<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 = "//connect.facebook.net/pl_PL/sdk.js#xfbml=1&version=v2.0";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>


A te drugie kody wstawiasz tak:

Kod:
<td style="text-align:center">kod google  kod lubię to</td>

Nie oddzielasz niczym - najwyżej robisz odstęp marginem w css.
 
     
wafelo

Posty: 23
Wysłany: 18-11-2014, 21:06   Facebook "lubię to" oraz google +

Dzięki wszystko działa.


Przepraszam za post pod postem. Chciałbym wstawić ten przycisk w tym miejscu na stronie głównej forum.


czy ten kod mam umieścić w overall_header.tpl na samym początku ?
Cytat:
<!-- Umieść ten tag w nagłówku lub tuż przed tagiem zamykającym treść. -->
<script src="https://apis.google.com/js/platform.js" async defer>
{lang: 'pl'}
</script>
<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 = "//connect.facebook.net/pl_PL/sdk.js#xfbml=1&version=v2.0";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>


ten kod do przycisku w overall_footer.tpl tworząc jakąś tabele aby się nic nie rozjechało ?

Cytat:
Place the code for your plugin wherever you want the plugin to appear on your page.
<div class="fb-like" data-href="https://developers.facebook.com/docs/plugins/" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></div>
Ostatnio zmieniony przez wafelo 21-11-2014, 21:53, w całości zmieniany 1 raz  
 
     
Tommekk80



Pomógł: 1411 razy
Posty: 4780
Wysłany: 20-11-2014, 19:02   

wafelo, umieszczając kod w stopce to powyżej w widoku tematu traci sens, bo będzie się dublować.
Co do kodu - generalnie wszystko możesz wkleić w overall_footer.tpl.
 
     
wafelo

Posty: 23
Wysłany: 20-11-2014, 19:17   Facebook "lubię to" oraz google +

chciałbym aby również wyświetlało się wszystko na stronie głównej czyli jak to dokładnie wstawić aby było na stronie głównej forum a nie dublowało się z przyciskiem w widoku tematu? Nie musi być to dokładnie to miejsce przycisku jak pokazałem.
 
     
Tommekk80



Pomógł: 1411 razy
Posty: 4780
Wysłany: 20-11-2014, 19:33   

Możesz go umieścić na końcu index_body.tpl.
 
     
wafelo

Posty: 23
Wysłany: 20-11-2014, 19:38   Facebook "lubię to" oraz google +

czy ten pierwszy kod też index_body.tpl na samym początku?

Cytat:
<!-- Umieść ten tag w nagłówku lub tuż przed tagiem zamykającym treść. -->
<script src="https://apis.google.com/js/platform.js" async defer>
{lang: 'pl'}
</script>

<!-- Umieść ten tag w miejscu, w którym ma być widoczny przycisk +1. -->
<div class="g-plusone" data-annotation="inline" data-width="300"></div>


ten kod wstawić w niezmienionej formie czy coś muszę stworzyć na końcu pliku?
Cytat:
Place the code for your plugin wherever you want the plugin to appear on your page.
<div class="fb-like" data-href="https://developers.facebook.com/docs/plugins/" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></div>
 
     
Tommekk80



Pomógł: 1411 razy
Posty: 4780
Wysłany: 21-11-2014, 17:19   

wafelo, na samym końcu index_body.tpl wklej to:


Kod:
<div style="text-align:center;">
<!-- Umieść ten tag w nagłówku lub tuż przed tagiem zamykającym treść. -->
<script src="https://apis.google.com/js/platform.js" async defer>
{lang: 'pl'}
</script>

<!-- Umieść ten tag w miejscu, w którym ma być widoczny przycisk +1. -->
<div class="g-plusone" data-annotation="inline" data-width="300"></div>

<div class="fb-like" data-href="https://developers.facebook.com/docs/plugins/" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></div>
</div>
 
     
wafelo

Posty: 23
Wysłany: 21-11-2014, 18:42   Facebook "lubię to" oraz google +

mam problem z rozdzieleniem i wyśrodkowaniem przycisków "lubię to" oraz "G+". Po wstawieniu chciałbym aby były wyśrodkowane a teraz jest jakby jeden trochę niżej drugi przycisk. Co wstawić aby było dobrze?
 
     
Tommekk80



Pomógł: 1411 razy
Posty: 4780
Wysłany: 21-11-2014, 22:30   

wafelo, nie widzę tego u ciebie na forum.
 
     
wafelo

Posty: 23
Wysłany: 21-11-2014, 23:37   Facebook "lubię to" oraz google +

usunąłem ze strony głównej ponieważ wyglądało tak

 
     
Tommekk80



Pomógł: 1411 razy
Posty: 4780
Wysłany: 22-11-2014, 06:47   

To dziwne - ja na localu teraz na samym końcu wkleiłem taki kod:
Kod:
<div style="text-align:center;margin-top:20px;">
<!-- Umieść ten tag w nagłówku lub tuż przed tagiem zamykającym treść. -->
<script src="https://apis.google.com/js/platform.js" async defer>
{lang: 'pl'}
</script>
<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 = "//connect.facebook.net/pl_PL/sdk.js#xfbml=1&version=v2.0";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<!-- Umieść ten tag w miejscu, w którym ma być widoczny przycisk +1. -->
<div class="g-plusone" data-annotation="inline" data-width="300"></div>

<div class="fb-like" data-href="https://developers.facebook.com/docs/plugins/" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></div>
</div>

i jest pikuś.



ss1.png
Plik ściągnięto 3135 raz(y) 9,86 KB

 
     
Gadatliwa Kasia 

   
wafelo

Posty: 23
Wysłany: 22-11-2014, 09:57   

czy można te przyciski zbliżyć do siebie?
 
     
Wyświetl posty z ostatnich:   
Odpowiedz do tematu
Nie możesz pisać nowych tematów
Nie możesz odpowiadać w tematach
Nie możesz zmieniać swoich postów
Nie możesz usuwać swoich postów
Nie możesz głosować w ankietach
Nie możesz załączać plików na tym forum
Możesz ściągać załączniki na tym forum
Dodaj temat do Ulubionych
Wersja do druku

Skocz do:  

Kopiowanie wszelkich treści zawartych na forum, modyfikacji oraz instrukcji bez zgody administracji i autorów tematów/postów zabronione!

Powered by phpBB modified by Przemo © 2003 phpBB
Strona wygenerowana w 0,08 sekundy. Zapytań do SQL: 15
Polecane serwisy

Najlepsze oprogramowanie do prowadzenia sklepu internetowegoNajlepszy program do sklepu firmowany przez Przem'a

Sklep z gadżetami

mediaclick.pl

serwis laptopów

phpbb

Polisy Ubezpieczeniowe TU Europa

Design Cart - Tworzenie sklepu internetowego

dnirozwoju.pl

Ranking Hostingów HostingOnline.pl

• Zamów reklamę