help.twoday.net: AddThis Widget

> widgets > AddThis Widget Anmelden nächstes Blog lesen

AddThis Widget

Ich würde gerne im kochtopf (http://kochtopf.twoday.net) unter jeden Beitrag, einen AddThis Share button anzeigen lassen. Leider klappt es nicht, bzw. weiss ich nicht wie.

Das Widget gibt's natürlich nicht für antville, aber zum Beispiel für tumblr sieht es folgendermassen aus:

Jetzt habe beim {Title} folgendes reinkopiert: [Macro not allowed in sandbox: story.content] und beim {Permalink}: https://help.twoday-test.net/stories/6154342/.

Leider sieht dann das Ganze so aus:

<div class="addthis_toolbox addthis_default_style" addthis:title=" [Macro not allowed in sandbox: story.content] " addthis:url="https://help.twoday-test.net/stories/6154342/">

|
More

Hilfe! Was mache ich falsch?

Zorra vor 6094 Tagen

12227

21 Kommentare Kommentar verfassen

skydance vor 6094 Tagen

Hast du versucht, das Widget mit Macro im Beitrag zu verwenden? In der STory-Skin sollte es klappen.

Zorra vor 6094 Tagen

@Skydance

Danke für den Tipp, jetzt klappt's ausser, dass es zwischen dem Widget und dem nachfolgenden Text einen ellenlangen Abstand anzeigt. :-( Weisst du weshalb?

skydance vor 6094 Tagen

Ich seh dort keinen Add this Button, aber wenn du den Abstand in der Einzel-Beitrags-Ansicht meinst, der kommt vom Linkwithin-css:

<div class="linkwithin_outer" style="border: 0pt none ; margin: 0pt; padding: 0pt; clear: both;">

Das clear:both; würde rausgehören. Sieht aber so aus, als käme das direkt vom Javascript, ich weiß nicht, ob du da rankommst.

Zorra vor 6094 Tagen

@Skydance

Ich habe den AddThis Button wieder entfernt, weil der Abstand sooo schlimm ist. :-( Sag mir wann du Zeit hast es dir anzuschauen, dann kopier ich ihn wieder rein. Ich möchte das Blog nicht lange verunstaltet lassen. ;-)

Den Abstand von linkwithin kenn ich schon, hab aber zuwenig Ahnung um da rumzubasteln.

Zorra vor 6092 Tagen

@skydance

Jetzt ist der Abstand weg! Bei addthis und bei linkwithit. Hast du was geändert?

Nur noch eine Frage wie bringe ich die addthis toolbox linksbündig?

update: Zu früh gefreut der Abstand bei linkwithit ist immer noch da.

skydance vor 6092 Tagen

Geändert habe ich nichts, und einen extra-Abstand für addthis sehe ich auch nicht. Nur den großen vor der linkwithin-tabelle. Kann aber je nach Browser Unterschiedlich sein, hier im FF:

Screenshot

Dass er nicht immer zu sehen ist, liegt auch daran, dass manche stories länger sind als die linke seitenleiste. Dann ist das "clear" nämlich bereits erfüllt.

Du könntest folgendes probieren: Im Stylesheet hinzufügen

.linkwithin_outer { clear: none !important; }

Könnte helfen, aber sicher bin ich auch nicht.

Zorra vor 6091 Tagen

@Skydane

Danke für den Tipp, funktioniert leider nicht. Ich werde mal linkwithit kontaktieren, jetzt wo ich weiss woran es liegt können sie mir vielleicht helfen.

Aber vielleicht kannst du mir mit dem anderen Problem helfen: Wie krieg ich die addthis icons rechtsbündig?

skydance vor 6091 Tagen

Doch, hat geholfen. Die linkwithin-Bilder sind jetzt ohne Abstand, nur der addwithin-button haut wieder ein clear rein. Also dasselbe wie oben für .atclear

Und für die Rechtsbündigkeit ein text-align:right; für die Klasse .addthis_toolbox und/oder für die anderen, die in diesem Button verwendet werden.

Alle diese Dinge lassen sich übrigens mit dem Firebug im FF leicht analysieren.

Zorra vor 6090 Tagen

Sorry, dass ich dich noch 1x belästigen muss:

1. Leider werden die addthis icons immer noch nicht rechtsbündig angezeigt, obwohl ich es im Skin angegeben habe.

2. Verstehe ich nicht genau wie der Befehl für .atclear für addthis lautet? .addthis_toolbox { clear: none !important; }, wohl nicht, denn dies funktioniert nicht.

ostwestwind vor 6086 Tagen

Also, der

Befehl

.linkwithin_outer { clear: none !important; }

hilft nix, siehe auch dieser Kommentar<> Beim Kommentar hinterlassen scrollt man sich 'nen Wolf, obwohl ich dieses Addthis-Dingens nicht habe.

Zorra vor 6086 Tagen

Ich habe die Lösung, jedenfalls schaut in meinem Browsern (Chrome und IE) jetzt alles okay aus. Folgenden Code habe ich ins Stylesheet (Site.style) reinkopiert:

.atclear { display:none !important; }

Nur den, und er scheint alles zu fixen.

Zorra vor 6086 Tagen

Habe leider gerade festgestellt, dass der Code nicht immer hilft. Wenn ich zum Beispiel eine Story direkt aufrufe und da noch kein Kommentar ist, bleibt der linkwithin-Abstand immer noch bestehen! Auch der Code von Skydance hilft nicht. Kennt jemand die Lösung? Help please!!!

skydance vor 6085 Tagen

Das Problem ist eben, dass es nicht EIN Problem ist, sondern dass sich diese Klassen auch gegenseitig beeinflussen. Du musst also ein bissl rumprobieren und verschiedene Kombinationen testen, bis du alle erwischt hast. Auf der Frontseite passt's ja schon, in der Story-Ansicht ist zumindest das oben bereits erwähnte
.linkwithin_outer
das noch ein clear hat, möglicherweise gibts aber auch noch andere.

Zorra vor 6085 Tagen

@Skydance

Ich würde ja gerne ausprobieren, da ich aber von CSS fast gar keine Ahnung habe, weiss ich auch gar nicht welche Codes ich nehmen muss. :-(

Am einfachsten wäre es ja twoday würde solche Widgets als Module anbieten. ;-) Ich glaube viele würden sich darüber freuen.

skydance vor 6083 Tagen

Rein optisch stimmt jetzt auch alles, oder?

ostwestwind vor 6083 Tagen

Ich bin zwar nicht Zorra,

aber rein optisch stimmt's eben immer noch nicht, wenn kein Kommentar vorhanden.

Der Code funktioniert nur für addthis auf allen Seiten. Das Linkwithin-Dingsen verhaut es immer noch, aber nur wenn man die einzelnen Stories anschaut.

Wenn der Beitrag kürzer ist als die linke Seitenleiste, scrollt Frau sich 'nen Wolf.

Zorra vor 6083 Tagen

Genau so wie Ulrike schreibt ist es. :-(

skydance vor 6079 Tagen

Ich konnte leider trotz ausführlicher Suche* keinen Beitrag finden, der beide Kriterien erfüllt. Wenn es nur bei Stories ohne Kommentaren auftritt, ist es vielleicht damit verwandt?

Ansonsten kann ich wirklich nur empfehlen, den Firefox anzuwerfen, Firebug zu installieren und bei Auftreten selbst zu forschen - mit besonderem Augenmerk auf jedes Auftreten von "clear".

*Mensch, jetzt hab ich RICHTIG Hunger!

ostwestwind vor 6066 Tagen

Also ich habe jetzt im

Admin-Style-Sheet

.buttons {display: inline; } eingefügt,

clear: both; im Stylesheet ist auskommentiert

aber der Abstand bleibt, wenn der Beitrag kürzer ist als die linke Seitenleiste

Bei Chaosqueens Kitchen und bei Kochtopf scheint's zu wirken, was mache ich falsch?

Edit: 22.02.2010 Der Abstand ist immer dann so riesig, wenn ich mich bei twoday als Benutzter eingeloggt habe. Sowie ich mich abmelde, verschwindet der Abstand wie von Zauberhand. Wie kann ich das ändern?

skydance vor 6066 Tagen

Das mit ein- und ausgeloggt kann ich nicht bestätigen, ich seh den Aqbstand immer. Wirf nochmal einen Blick auf den obigen Tipp mit linkwithin_outer.

ostwestwind vor 6066 Tagen

Jetzt noch im Stylesheet

.linkwithin_outer { clear: none !important; }

eingefügt und es hilft ... leider nichts

development