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? |
|
|
|
|
|