Page 1 of 1
Tweet Button einfügen
Posted: Thu Dec 23, 2010 2:23 am
by 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 ...
Re: Tweet Button einfügen
Posted: Thu Dec 23, 2010 7:27 am
by yellowled
milos27 wrote: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.
milos27 wrote: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
Re: Tweet Button einfügen
Posted: Thu Dec 23, 2010 7:48 am
by 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>
Re: Tweet Button einfügen
Posted: Thu Dec 23, 2010 2:53 pm
by yellowled
milos27 wrote: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
Re: Tweet Button einfügen
Posted: Thu Dec 23, 2010 3:33 pm
by milos27
Also abwarten bis das einer austestet?
Re: Tweet Button einfügen
Posted: Thu Dec 23, 2010 4:12 pm
by yellowled
milos27 wrote: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
Re: Tweet Button einfügen
Posted: Thu Dec 23, 2010 11:40 pm
by 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 ...
Re: Tweet Button einfügen
Posted: Fri Dec 24, 2010 7:28 am
by yellowled
milos27 wrote: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
Re: Tweet Button einfügen
Posted: Fri Dec 24, 2010 2:17 pm
by 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 ...
Re: Tweet Button einfügen
Posted: Fri Dec 24, 2010 5:44 pm
by yellowled
milos27 wrote: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
Re: Tweet Button einfügen
Posted: Fri Dec 24, 2010 6:16 pm
by milos27
@YL
wohin muss ich deinen Code einfügen?
Update: super hab es hinbekommen ... DANKE
