Tweet Button einfügen

[milos27]

Mir gelingt es nicht den Tweet Buton von Twitter so einzufügen das dieser oben rechts neben den text eingefügt wird. Ich habe das über entries.tpl Datei versucht aber es gelingt mir nur entweder oberhalb vom Text oder unter dem Text. Das sieht aber nicht wirklich gut aus ...

Bei meinem Wordpress Blog wird das per Plugin gelöst aber wie für serendipity scheint es so ein Plugin nicht zu geben oder? Habe mal zwei Bilder eingefügt, so sollte ersichtlich sein was ich meine ...

[yellowled]

Ich habe das über entries.tpl Datei versucht aber es gelingt mir nur entweder oberhalb vom Text oder unter dem Text. Das sieht aber nicht wirklich gut aus ...

Du hättest es zumindest mal eingebunden lassen und den Code zum einbinden hier angeben können. So kann man nur raten, was das entsprechende Widget von twitter letztlich genau ausspuckt. Generell musst Du das Widget als Ganzes floaten, damit Deine gewünschte Darstellung funktioniert. Ich kann anhand des Beispielcodes auf twitter maximal raten, dass

Code: Select all

.twitter-share-button { float: right; }

im Stylesheet funktionieren könnte. Ohne Garantie.

Bei meinem Wordpress Blog wird das per Plugin gelöst aber wie für serendipity scheint es so ein Plugin nicht zu geben oder?

Es gibt natürlich das Microblogging-Plugin, welches einen eigenen TweetThis-Button integriert. Der sieht halt anders aus, dafür konnte es das schon, als twitter dieses Widget noch nicht einmal anbot. Kann man evtl. nachrüsten, falls einer der Plugin-Autoren dazu im Moment Zeit und Nerv haben sollte.

YL

[milos27]

so schaut der Code aus:

Code: Select all

<a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" data-via="trendlupe" data-lang="de">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>

[yellowled]

so schaut der Code aus:

Ich weiss, das findet man ja auf twitter. Dieser Code wird aber mittels Javascript verändert, und diese veränderte Ausgabe muss man gestalten bzw. floaten. Da es hochwahrscheinlich ist, dass der HTML-Anteil dieses Code-Schnipsels in irgendwelche Wrapper verpackt wird, kann ich allein anhand dieses Code-Schnipsels genau gar nichts sagen, zumal es verschiedene Ausgabevarianten gibt. Ohne ein Live-Beispiel wird es nicht gehen.

YL

[milos27]

Also abwarten bis das einer austestet?

[yellowled]

Also abwarten bis das einer austestet?

Wenn Du so lange warten willst ... alternativ einfach mal so einbinden, wie Du es schon gemacht hast und darauf hoffen, dass es sich jemand ansieht, der es so formatiert kriegt, wie Du es haben willst.

YL

[milos27]

Das Problem ist wenn ich es einbaue (entries.tpl) ist es auf der Starseite im jeden Artikel, es soll aber nur dann zu sehen sein wenn der einzelne Blogeintrag aufgerufen wird. Ich bekomme das mit meinen Kenntnissen leider nicht hin

Wäre toll wenn sich jemand findet der das kann oder mir erklärt wie ich das umsetzen soll ...

[yellowled]

Das Problem ist wenn ich es einbaue (entries.tpl) ist es auf der Starseite im jeden Artikel, es soll aber nur dann zu sehen sein wenn der einzelne Blogeintrag aufgerufen wird.

Code: Select all

{if $is_single_entry}
<!-- Widget-Code -->
{/if}

YL

[milos27]

@YL

Ich danke Dir für das vorzeitige Weihnachtsgeschenk. Der Button ist eingebaut und funzt:

http://www.trendlupe.de

nun müsste dieser nur noch besser plaziert werden, also direkt im Text oben / rechts ... den so wie es momentan ausschaut passt es nicht soo ganz in das Gesamtbild ...

[yellowled]

nun müsste dieser nur noch besser plaziert werden, also direkt im Text oben / rechts

Code: Select all

.twitter-share-button {
    display: inline;
    float: right;
    margin: 0 0 1em 1.5em;
}

Die nicht exakte Aufreihung mit dem umfließenden Text kommt durch die überflüssigen <br /> im Eintragstext, das lässt sich über CSS auch nicht sinnvoll verbiegen. Da hilft nur anständiges Markup.

YL

[milos27]

@YL

wohin muss ich deinen Code einfügen?

Update: super hab es hinbekommen ... DANKE