Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Lubię to obok +1
Forum PHP.pl > Forum > Po stronie przeglądarki > HTML \ XHTML
Carlsbergit
Witam, posiadam od dwóch miesięcy swojego bloga i umieściłem na nim ikonki społecznościowe: Lubię to!, +1, Tweet, Fajne!, Wykop.
Są one jednak ułożone jedna pod drugą a moim celem jest stworzenie poziomej "belki", na której umieszczone te wszystkie ikonki będą obok siebie (patrz przykład na zdjęciu)

Ścieżka do +1 wygląda następująco:

<!-- Umieść ten tag w miejscu, w którym chcesz wygenerować przycisk +1. -->
<g:plusone></g:plusone>

<!-- Umieść to wywołanie generujące w odpowiednim miejscu. -->
<script type="text/javascript">
window.___gcfg = {lang: 'pl'};

(function() {
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
</script>


a do Lubię to! tak:

<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/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-like" data-href="http://fotokarpinski.blogspot.com" data-send="false" data-layout="button_count" data-width="450" data-show-faces="false" data-colorscheme="dark"></div>

Jak sobie z tym poradzić?
wiewiorek
No bez przesady......
też na swojej stronie dodawałem takie przyciski społecznościowe i od czego jest CSS? Umieszczasz dany przycisk w divie i dodajesz do niego style. smile.gif
Carlsbergit
Problem w tym, że jestem całkowicie w tym zielony...

Zamknijcie temat, na tym forum są tacy specjaliści, że szok!
Jak ktoś chce się dowiedzieć jak to zrobić to zapraszam na to forum - bardziej pomocni ludzie: http://www.webmastertalk.pl/lubie-to-obok-1-t-8750.html
tomazino2
robisz do kazdego <div id="fb"></div>
<div id="twiter"></div>
itd

nastepnie robisz plik css :
#fb
{
float: left;
}
#twiter
{
float: right;
}

itp

ewentulanie jak dalej nie dziala to mozesz dodac
margin-left: px;

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.