+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: Lubię to! obok +1 (/thread-lubie-to-obok-1)
Strony:
1
2
Lubię to! obok +1 - Carlsbergit - 10-02-2012
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)
![[Obrazek: mini_06156e0643a71456c3dcdbded2f1311a.JPG]](http://wgraj.org/uploads/photos/simple/mini_06156e0643a71456c3dcdbded2f1311a.JPG)
Ś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ć?
RE: Lubię to! obok +1 - Ancik - 11-02-2012
Umieść te kody w divach i nadaj im opływanie do lewej, żeby ułożyć je w linii.
RE: Lubię to! obok +1 - Carlsbergit - 11-02-2012
(11-02-2012, 00:34)Ancik napisał(a): Umieść te kody w divach i nadaj im opływanie do lewej, żeby ułożyć je w linii.
Mógłbym jakiś przykład prosić?
RE: Lubię to! obok +1 - Ancik - 11-02-2012
W miejscu w którym chcesz, żeby przyciski były widoczne umieszczasz:
Kod:
<div class="social-buttons">
<div class="fb-like"> WKLEJ KOD PRZYCISKU FB </div>
<div class="google"> WKLEJ KOD PRZYCISKU GOOGLE+ </div>
</div>
CSS
.social-buttons { width: ...; height: ...; overflow:hidden;}
.fb-like, .google { float: left;}RE: Lubię to! obok +1 - Carlsbergit - 11-02-2012
Zobaczę co mi z tego wyjdzie
(11-02-2012, 02:48)Ancik napisał(a): W miejscu w którym chcesz, żeby przyciski były widoczne umieszczasz:
Kod:<div class="social-buttons">
<div class="fb-like"> WKLEJ KOD PRZYCISKU FB </div>
<div class="google"> WKLEJ KOD PRZYCISKU GOOGLE+ </div>
</div>
CSS
.social-buttons { width: ...; height: ...; overflow:hidden;}
.fb-like, .google { float: left;}
Coś mi nie wychodzi. A czy to co jest napisane w klamrze pod CSS .social-buttons mam wstawić zamiast "social-buttons" i analogicznie .fb-like, .google zamiast "fb-like" i "google" ???
RE: Lubię to! obok +1 - Ancik - 11-02-2012
Nie rozumiem pytania gdzie chcesz coś wstawiać. Podałem ci gotowy schemat, do którego masz tylko wkleić w odpowiednie miejsca przyciski. Wogóle możesz podać link do strony? Będzie łatwiej.
RE: Lubię to! obok +1 - Carlsbergit - 11-02-2012
http://fotokarpinski.blogspot.com Oto link, podany był również w kodzie do Lajka.
RE: Lubię to! obok +1 - Ancik - 11-02-2012
Czyli zasada jest taka jak napisałem powyżej, tylko musisz dopasować do twojego schematu. W kodzie masz taki kipisz, że aż mnie oczy rozbolały.
Na chłopski rozum:
Masz pojemniki (divy) na przyciski. Więc chodzi tylko o to, żeby te pojemniki ustawić w lini, a nie pod sobą. Skoro pojemniki na przyciski będą w linii, to siłą rzeczy przyciski też. Dokładniejsze wskazówki napisałem ci już wyżej.
RE: Lubię to! obok +1 - Carlsbergit - 11-02-2012
A gdzie mam powklejać lub zamiast czego, te kody?: .social-buttons { width: ...; height: ...; overflow:hidden;}
.fb-like, .google { float: left;}
RE: Lubię to! obok +1 - urlsite - 12-02-2012
Dodaj sobie kod http://www.addthis.com