konto usunięte

Temat: Jak ostylować (wyrównać) przyciski społecznościowe? (like...

Hej. Nie chciałem bawić się we wtyczki z przyciskami społecznościowymi, bo nie można ich umieścić dokładnie w miejscu gdzie się chce, więc spróbowałem bezpośrednio dodawać kod do strony (single.php).

Ale i tak dodane przyciski dodają się gdzie chcą, tzn zamiast jeden obok drugiego to jeden pod drugim, oprócz twitterowego - ten się dodał całkiem po prawej stronie. Jak zrobić aby pod wpisem jeden był obok drugiego w kolejności od lewej: lubię to, google+, tweetnij, wykop

Oto użyte kody:


<iframe src="//www.facebook.com/plugins/like.php?href=<?php echo get_permalink(); ?>&send=false&layout=button_count&width=450&show_faces=false&action=like&colorscheme=light&font&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:21px;" allowTransparency="true"></iframe>

<!-- Umieść ten tag w miejscu, w którym chcesz wygenerować przycisk +1. -->
<g:plusone size="medium" annotation="inline"></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 href="https://twitter.com/share" class="twitter-share-button" data-lang="pl">Tweet</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script><script language="javascript">

// wykopywarka wersja kompaktowa (100x20)
var wykop_url=location.href; // Link do strony
var wykop_title=encodeURIComponent(document.title); // Tytuł strony (pobierany z <title>)
var wykop_desc=encodeURIComponent('Przykładowy opis');
var widget_bg='FFFFFF';
var widget_type='compact2';
var widget_bold=true; // pogrubienie napisu Wykop - domyślnie true
var widget_url='http://www.wykop.pl/dataprovider/diggerwidget/?url='+(wykop_url)+'&title='+(wykop_title)+'&desc='+(wykop_desc)+'&bg='+(widget_bg)+'&type='+(widget_type)+'&bold='+(widget_bold);
document.write('<div><iframe src="'+widget_url+'" style="border:none;width:100px;height:20px;overflow:hidden;margin:0;padding:0;" frameborder="0" border="0"></iframe></div>');</script>
</div><!-- end .ikony -->

Temat: Jak ostylować (wyrównać) przyciski społecznościowe? (like...

Umieść przyciski jako elementy listy i odpowiednio sformatuj przy pomocy css, oprócz tego niektore parametry masz w kodzie np szerokość i wysokość w facebooku, to też musisz zmienić bo się nie zmieszczą w jednej lini.

konto usunięte

Temat: Jak ostylować (wyrównać) przyciski społecznościowe? (like...

Niestety nie wychodzi. Mógłbyś podać na przykładzie?

konto usunięte

Temat: Jak ostylować (wyrównać) przyciski społecznościowe? (like...

Generalnie ciężko się styluje iframe'y, ale możesz użyć na przykład tej wtyczki http://wordpress.org/extend/plugins/socialfit/screensh... Powoduje, że przyciski trochę inaczej działają, ale przynajmniej można dowolnie je ostylować :)
Łukasz Więcek

Łukasz Więcek Właściciel, myDIY

Temat: Jak ostylować (wyrównać) przyciski społecznościowe? (like...

Michał Miszczyszyn:
Generalnie ciężko się styluje iframe'y, ale możesz użyć na przykład tej wtyczki http://wordpress.org/extend/plugins/socialfit/screensh... Powoduje, że przyciski trochę inaczej działają, ale przynajmniej można dowolnie je ostylować :)

SocialFit działa nieco inaczej, bo całą zawartość buttonów (tzn ilość lajków, plusów, itp) generuje w PHP, dzięki czemu nie obciąża przeglądarki użytkownika. Dodatkowym atutem jest właśnie to, że przyciski można w zasadzie dowolnie stylować. Zostawiając domyślne style z wtyczki już powinno być ładnie i wyglądać na przykład tak, jak tutaj http://mydiy.pl/mysz-komputerowa-jako-dzwonek-do-drzwi... (pod postem)


Obrazek


Przy kolejnej aktualizacji dodam jeszcze poziome wersje buttonów, a także możliwość wyświetlenia samych cyferek z ilością lajków, itd (bez graficznego buttona) :)

konto usunięte

Temat: Jak ostylować (wyrównać) przyciski społecznościowe? (like...

O fajnie, użyję Twojej wtyczki i będę czekał na wersję poziomą :) Daj znać :)



Wyślij zaproszenie do