bitte um bearbeitung! wie bindet man facebook, twitter und ggf. google+ like button horizontal anstelle von vertikal in zeta ein?

hallo zeta team, hallo forum
mal wieder eine sache an der ich mich vergeblich versucht habe......
die einbindung von facebook in zeta durch die widgets ist ja recht einfach, dieses wird durch den iframe befehl erzeugt, nur wie mache ich das ganze wenn ich twitter, google+, pinterest etc ebenso einbinden möchte und zwar nicht vertikal sondern -wie bei den meisten webseiten üblich- horizontal.

mit einer tabelle habe ich das mal versucht, klappte aber nicht...ob das grundsätzlich der richtige weg ist weiß ich leider nicht.....

für eine hilfe wäre ich wie immer sehr dankbar....
gruss

wolfgang

vielen dank stefan,
super der link, das nebeneinader hat 1a
fuktioniert....nur nochmal ne kurze frage, da mir das schön öfter bei
skripten aufgefallen ist, auch bei diesem.....nachdem man den code
einfügt hat und dann in die vorschau ansicht wechselt ist das
zurückwechseln in die bearbeitungsansicht dieser seite nicht mehr
möglich....man muss also erst in der vorschauansicht auf eine andere
seite gehen dort dann auf die bearbeitungsansicht wechseln, und nun
zurück auf die ursprüngliche seite um dann die entsprechenden artikel
überhaupt bearbeiten zu können.

alles in htmlartikel

ich habe den code von techmonk genommen und twitter und facebook verwendet-> fehler
ich habe den code von techmonk genommen und nur facebook verwendet-> ok
ich habe den code von techmonk genommen und nur twitter verwendet-> fehler

ich habe den twitter original code solo verwendet-> fehler

quelle: https://twitter.com/about/resources/buttons#follow

fazit: es muss eigentlich was mit zeta zu tun haben ....

stefan, haste da auch nen tipp, ist das vielleicht so oder ähnlich schon mal vorgekommen?

gruss
wolfgang

ps: ich habe gerade gesehen, dass beim anklicken der entsprechenden seite im "zeta explorer ansicht" bei aktivierter vorschau-ansicht ein ordner externe seite ezeugt wird....vielleicht hat es damit etwas zu tun?

<div>
<!-- tweet button -->
<div style="float:left;">
<a
href="https://twitter.com/TOPCLASSIX" class="twitter-follow-button"
data-show-count="false" data-lang="de"
data-show-screen-name="false">@TOPCLASSIX folgen</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>
</div>
<!-- tweet button -->

<!-- facebook like button-->
<div style="float:left;">
<iframe

src="http://www.facebook.com/plugins/like.p…t&amp;height=80"
scrolling="no" frameborder="0" style="border:none; overflow:hidden;
width:100%; height:80px;" allowTransparency="true"></iframe>
</div>
<!-- facebook like button-->

</div>

hallo stefan,
danke für die schnelle antwort, uih das ist ja was, ....

1......da wird mir einiges klar, ich hatte in der vergangenheit so einige dinge versucht mit externen codes.....(z.b. scrollbox)....das phänommen des deaktiviertem bearbeitungsmodus hatte ich bei diesen versuchen recht oft, ich habe es dann meistens gelassen, da ich mir nicht sicher war, ob ich das da so alles richtig mache.....

2. das würde für mich mehr oder weniger bedeuten bedeuten das 4/5 meiner seiten nicht mehr bzw. nur durch umweg editierbar wären, ...gibts eine andere möglichkeit den dargestellten workaround zu umgehen (die direktbearbeitungmöglichkeit der artikel war einer meiner gründe des umstiegs von zp9 auf zp10)?

könntest du mir vielleicht genauer mitteilen was der fehler ist bzw. welcher syntax nicht verwendet werden so hätte ich in zukunft die möglichkeit eher zu verstehen was ggf. nicht funktioniert und ich vermeiden sollte bei meiner "ausprobiererei"

gruss
wolfgang

ps: das interessante ist das twitter als share button funktioniert

<a href="https://twitter.com/share"
class="twitter-share-button"
data-lang="de">Twittern</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>

und als
follow button den fehler macht, erklären kann ich das nicht, aber ich hoffe
du....

<a href="https://twitter.com/TOPCLASSIX"
class="twitter-follow-button" data-show-count="false"
data-lang="de" data-show-screen-name="false">@TOPCLASSIX
folgen</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>

hallo stefan
könntet ihr mir bitte ein paar weitere informationen bzgl. dieser problematik siehe antwort 6 liefern..

ich habe versucht durch addthis.com die sache zu umgehen, doch auch hier erfolgen fehler.... sobald man den code von addthis mehr als einmal einfügt wird der "nach menu bereich" durch einen daumendicken leeren (weißen) bereich unterbrochen, optisch leider nicht hinnehmbar...

gruss
wolfgang

hallo stefan,
oh das scheint wohl ein graviererendes problem zu sein, nun gut, ich habe "addthis" wieder entfernt und es mit deinem tipp <div style="float:left;"> und anpassungen der skripte dann doch noch hinbekommen...

vielen dank dafür

gruss

wolfgang

bzgl. der social media buttons allgemein ...sie sind halt im moment hipp bei den kunden....ich sehe das ähnlich wie in dem artikel.. ich muss natürlich die erwartungshaltung meiner kunden berücksichtigen..."qualität ist u.a das was der kunde erwartet" und da ich mich im premium-segment bewege erwartet der kunde auch ein entsprechedes "drumherum", ...ansonsten gibt es ein problem mit der glaubwürdigkeit...