[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