help.twoday.net: AddThis Widget

AddThis Widget

Ich würde gerne im kochtopf (https://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}: http://help.twoday.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.net/stories/6154342/">

|
More

Hilfe! Was mache ich falsch?

Zorra - 25. Jan. 2010, 9:36 - Rubrik: widgets

21 Kommentare - Kommentar verfassen

skydance - 25. Jan. 2010, 10:11

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

antworten

Zorra - 25. Jan. 2010, 11:37

@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 - 25. Jan. 2010, 11:49

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 - 25. Jan. 2010, 11:53

@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 - 26. Jan. 2010, 12:53

@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 - 26. Jan. 2010, 16:02

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 - 28. Jan. 2010, 11:40

@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 - 28. Jan. 2010, 12:11

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 - 28. Jan. 2010, 15:17

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 - 1. Feb. 2010, 14:53

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.

antworten

Zorra - 1. Feb. 2010, 18:45

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 - 2. Feb. 2010, 12:00

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 - 2. Feb. 2010, 12:19

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 - 2. Feb. 2010, 13:29

@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 - 4. Feb. 2010, 14:22

Rein optisch stimmt jetzt auch alles, oder?

ostwestwind - 4. Feb. 2010, 16:05

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 - 5. Feb. 2010, 10:44

Genau so wie Ulrike schreibt ist es. :-(

skydance - 8. Feb. 2010, 17:18

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 - 21. Feb. 2010, 21:04

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 - 22. Feb. 2010, 9:50

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 - 22. Feb. 2010, 10:44

Jetzt noch im Stylesheet

.linkwithin_outer { clear: none !important; }

eingefügt und es hilft ... leider nichts

AddThis Widget

@Skydance

@Skydance

@skydance

@Skydane

Also, der

@Skydance

Ich bin zwar nicht Zorra,

Also ich habe jetzt im

Suche

User Status

Contributor Menü

Menü

Aktuelle Beiträge

Status