T3CON16 Italia: FLUIDTYPO3 Content Elements

FluidTYPO3 Content Elements

Pagina


T3CON16 [email protected]

Maurizio Morini

www.gammsystem.com [email protected]

2

http://www.t3con.it

mailto:[email protected]?subject=

http://www.gammsystem.com

mailto:[email protected]

Pagina



Contesto

3

http://www.t3con.it


Pagina



4

http://www.t3con.it


Pagina



Estensioni di base di FLUIDTYPO3

5

Fluid Content

Fluid Pages

Flux

VHS

http://www.t3con.it


Pagina



6

fluidcontent_core

http://www.t3con.it


Pagina



BE tt_content con fluid_styled_content

7

http://www.t3con.it


Pagina



BE tt_content con fluidcontent_core

8

http://www.t3con.it


Pagina



Esempio Fallback dei templates

9

http://www.t3con.it


Pagina



Custom CE basati su fluid_style_content

10

http://www.t3con.it



PaginaT3CON16

[email protected]

fluidcontent_coreAppearance tab: aggiungere parametri

11

http://www.t3con.it


Pagina



TAB Appearance fluidcontent_core

12

http://www.t3con.it


Pagina



Aggiungo template al fallback di FCC

13

http://www.t3con.it


Pagina



Templates/CoreContent/Text.html

14

http://www.t3con.it


Pagina



Partial/Configuration/Header.html

15

http://www.t3con.it


Pagina



BE: appearance con nuovi parametri

16

http://www.t3con.it


Pagina



FE: {_all->f:debug()} nel Content Element

17

http://www.t3con.it


Pagina



Layouts/Default.html

18

http://www.t3con.it


Pagina



FE: rendering del Content Element

19

http://www.t3con.it



PaginaT3CON16

[email protected]

EsempioIntegrazione wow.js e animate.css

20

http://www.t3con.it


Pagina



wow.js e animate.css

21

http://www.t3con.it


Pagina



Partial/Configuration/Header.html

22

http://www.t3con.it


Pagina



Configuration/Typoscript/constant.txt

23

http://www.t3con.it


Pagina



Configuration/Typoscript/setup.txt

24

http://www.t3con.it


Pagina



BE: tab animate in Appearance

25

http://www.t3con.it


Pagina




26

http://www.t3con.it


Pagina



Inclusione di animate.css e wow.js

27

http://www.t3con.it


Pagina




28

http://www.t3con.it


Pagina



BE: tab animate in Appearance

29

http://www.t3con.it



PaginaT3CON16

[email protected]

Variants/Versionsfluidcontent_core

30

http://www.t3con.it


Pagina



Rollover Effect examples

31

http://www.t3con.it


Pagina



fluidcontent_core Variants

32

http://www.t3con.it


Pagina



Resources/Private/Templates/CoreContent/Text.html

33

http://www.t3con.it


Pagina



fluidcontent_core/versions

34

http://www.t3con.it


Pagina



BE: content standard

35

http://www.t3con.it



PaginaT3CON16

[email protected]

EsempioUtilizzo Variants/Versions di fluidcontent_core

36

http://www.t3con.it


Pagina



Hover Effect Ideas

37

http://www.t3con.it


Pagina



Resources/Private/Templates/CoreContent/Text/Nice.html (configuration section)

38

http://www.t3con.it


Pagina



Resources/Private/Templates/CoreContent/Text/Nice.html (main section)

39

http://www.t3con.it


Pagina



ext_table.php

40

http://www.t3con.it


Pagina



BE: content standard

41

http://www.t3con.it


Pagina



BE: content con variant e version

42

http://www.t3con.it


Pagina




43

http://www.t3con.it


Pagina




44

http://www.t3con.it


Pagina




45

http://www.t3con.it


Pagina



Configuration/Typoscript/nice.ts

46

http://www.t3con.it


Pagina



Hover Effect Ideas

47

http://www.t3con.it


Pagina



Riferimenti

48

FLUIDTYPO3: https://fluidtypo3.org/

FLUIDCONTENT_CORE: https://github.com/FluidTYPO3/fluidcontent_core

WOW: http://mynameismatthieu.com/WOW/

ANIMATE.CSS: https://daneden.github.io/animate.css/

HOVER EFFECT IDEAS: http://tympanus.net/Development/HoverEffectIdeas/index.html

http://www.t3con.it


https://fluidtypo3.org/

https://github.com/FluidTYPO3/fluidcontent_core

http://mynameismatthieu.com/WOW/

https://daneden.github.io/animate.css/

http://tympanus.net/Development/HoverEffectIdeas/index.html

T3CON16 Italia: FLUIDTYPO3 Content Elements

Technology

Transcript of T3CON16 Italia: FLUIDTYPO3 Content Elements