[TYPO3-german] Share Buttons

Christoph typo3 at itfoo.de
Mon Dec 3 17:18:22 CET 2018


Hallo,

kurz zum Nachbauen: geht relativ einfach vie typoscript.
Im Grunde nur die Syntax der Sharelinks ergooglen und dann vie ts
zusammenbasteln und mir den benötigten Infos füllen.

VG
Christoph


Am 03.12.2018 um 16:05 schrieb Mark Boland:
> Das ist ein Shop. Ich glaube nicht, dass Du den so auf die Schnelle nachbilden kannst __
>
> Das Geheimnis ist:
>
>
> DIV.social mit den Share-Buttons zuerst in Position rechts und CSS "visibility: hidden; transform: translateX(0); transition: transform 0.35s ease;"
>
> Auf Knopfdruck auf "+" Klassenname "active" hinzufügen oder wegnehmen (bei JQuery .toggle("active"))
>
> Für den Klassen-Selektor ".social.active" das CSS "transform: translateX(-48px);"
>
>
> Fehlen dir lediglich noch die Bilder
>
>
> Am 03.12.18, 15:57 schrieb "Björn Hahnefeld" <typo3-german-bounces at lists.typo3.org im Auftrag von bjoern at hahnefeld.de>:
>
>     Wie heisst denn dieses Plugin? Dann kann ich das sicher auch unter T3
>     nachbilden.
>     
>     Am Mo., 3. Dez. 2018 um 15:55 Uhr schrieb Mark Boland <mark.boland at boland.de
>     >:
>     
>     > Das generiert ein Wordpress Shop-Plugin und die Animation ist eine reine
>     > CSS3-Geschichte. Kein Hexenwerk.
>     >
>     > Am 03.12.18, 15:21 schrieb "Björn Hahnefeld" <
>     > typo3-german-bounces at lists.typo3.org im Auftrag von bjoern at hahnefeld.de>:
>     >
>     >     Die im unteren Drittel unter den Bildern.
>     >
>     >     Am Mo., 3. Dez. 2018 um 15:13 Uhr schrieb Mark Boland <
>     > mark.boland at boland.de
>     >     >:
>     >
>     >     > Hi Björn,
>     >     >
>     >     > welche meinst Du? Die von dem großen YouTube-Video auf der
>     > Startseite,
>     >     > unter dem Share-Icon? Oder die von Issuu? Oder die vom Shop?
>     >     >
>     >     > Mark
>     >     >
>     >     >
>     >     > Am 03.12.18, 15:01 schrieb "Björn Hahnefeld" <
>     >     > typo3-german-bounces at lists.typo3.org im Auftrag von
>     > bjoern at hahnefeld.de>:
>     >     >
>     >     >     Liebe Typo3-Kollegen,
>     >     >
>     >     >     ich hätte gerne solche Share-Buttons wie hier:
>     >     >     https://palido.com/
>     >     >
>     >     >     Wie könnte ich das nachbauen oder weiß jemand, welche Technik
>     > dahinter
>     >     >     steckt?
>     >     >
>     >     >     LG von
>     >     >
>     >     >     Björn
>     >     >     _______________________________________________
>     >     >     TYPO3-german mailing list
>     >     >     TYPO3-german at lists.typo3.org
>     >     >     http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german
>     >     >
>     >     >
>     >     > _______________________________________________
>     >     > TYPO3-german mailing list
>     >     > TYPO3-german at lists.typo3.org
>     >     > http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german
>     >     _______________________________________________
>     >     TYPO3-german mailing list
>     >     TYPO3-german at lists.typo3.org
>     >     http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german
>     >
>     >
>     > _______________________________________________
>     > TYPO3-german mailing list
>     > TYPO3-german at lists.typo3.org
>     > http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german
>     _______________________________________________
>     TYPO3-german mailing list
>     TYPO3-german at lists.typo3.org
>     http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german
>
>
> _______________________________________________
> TYPO3-german mailing list
> TYPO3-german at lists.typo3.org
> http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german




More information about the TYPO3-german mailing list