Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
FluidTYPO3
Content Elements
Pagina
FluidTYPO3 Content Elements
T3CON16
morini@gammsystem.com
Maurizio Morini
www.gammsystem.com
morini@gammsystem.com
2
Pagina
FluidTYPO3 Content Elements
T3CON16
morini@gammsystem.com
Contesto
3
Pagina
FluidTYPO3 Content Elements
T3CON16
morini@gammsystem.com
4
Pagina
FluidTYPO3 Content Elements
T3CON16
morini@gammsystem.com
Estensioni di base di FLUIDTYPO3
5
Fluid
Content
Fluid
Pa...
Pagina
FluidTYPO3 Content Elements
T3CON16
morini@gammsystem.com
6
fluidcontent_core
Pagina
FluidTYPO3 Content Elements
T3CON16
morini@gammsystem.com
BE tt_content con fluid_styled_content
7
Pagina
FluidTYPO3 Content Elements
T3CON16
morini@gammsystem.com
BE tt_content con fluidcontent_core
8
Pagina
FluidTYPO3 Content Elements
T3CON16
morini@gammsystem.com
Esempio Fallback dei templates
9
Pagina
FluidTYPO3 Content Elements
T3CON16
morini@gammsystem.com
Custom CE basati su fluid_style_content
10
FluidTYPO3 Content Elements
Pagina
T3CON16
morini@gammsystem.com
fluidcontent_core
Appearance tab: aggiungere parametri
11
Pagina
FluidTYPO3 Content Elements
T3CON16
morini@gammsystem.com
TAB Appearance fluidcontent_core
12
Pagina
FluidTYPO3 Content Elements
T3CON16
morini@gammsystem.com
Aggiungo template al fallback di FCC
13
Pagina
FluidTYPO3 Content Elements
T3CON16
morini@gammsystem.com
Templates/CoreContent/Text.html
14
Pagina
FluidTYPO3 Content Elements
T3CON16
morini@gammsystem.com
Partial/Configuration/Header.html
15
Pagina
FluidTYPO3 Content Elements
T3CON16
morini@gammsystem.com
BE: appearance con nuovi parametri
16
Pagina
FluidTYPO3 Content Elements
T3CON16
morini@gammsystem.com
FE: {_all->f:debug()} nel Content Element
17
Pagina
FluidTYPO3 Content Elements
T3CON16
morini@gammsystem.com
Layouts/Default.html
18
Pagina
FluidTYPO3 Content Elements
T3CON16
morini@gammsystem.com
FE: rendering del Content Element
19
FluidTYPO3 Content Elements
Pagina
T3CON16
morini@gammsystem.com
Esempio
Integrazione wow.js e animate.css
20
Pagina
FluidTYPO3 Content Elements
T3CON16
morini@gammsystem.com
wow.js e animate.css
21
Pagina
FluidTYPO3 Content Elements
T3CON16
morini@gammsystem.com
Partial/Configuration/Header.html
22
Pagina
FluidTYPO3 Content Elements
T3CON16
morini@gammsystem.com
Configuration/Typoscript/constant.txt
23
Pagina
FluidTYPO3 Content Elements
T3CON16
morini@gammsystem.com
Configuration/Typoscript/setup.txt
24
Pagina
FluidTYPO3 Content Elements
T3CON16
morini@gammsystem.com
BE: tab animate in Appearance
25
Pagina
FluidTYPO3 Content Elements
T3CON16
morini@gammsystem.com
Layouts/Default.html
26
Pagina
FluidTYPO3 Content Elements
T3CON16
morini@gammsystem.com
Inclusione di animate.css e wow.js
27
Pagina
FluidTYPO3 Content Elements
T3CON16
morini@gammsystem.com
Layouts/Default.html
28
Pagina
FluidTYPO3 Content Elements
T3CON16
morini@gammsystem.com
BE: tab animate in Appearance
29
FluidTYPO3 Content Elements
Pagina
T3CON16
morini@gammsystem.com
Variants/Versions
fluidcontent_core
30
Pagina
FluidTYPO3 Content Elements
T3CON16
morini@gammsystem.com
Rollover Effect examples
31
Pagina
FluidTYPO3 Content Elements
T3CON16
morini@gammsystem.com
fluidcontent_core Variants
32
Pagina
FluidTYPO3 Content Elements
T3CON16
morini@gammsystem.com
Resources/Private/Templates/CoreContent/
Text.html
33
Pagina
FluidTYPO3 Content Elements
T3CON16
morini@gammsystem.com
fluidcontent_core/versions
34
Pagina
FluidTYPO3 Content Elements
T3CON16
morini@gammsystem.com
BE: content standard
35
FluidTYPO3 Content Elements
Pagina
T3CON16
morini@gammsystem.com
Esempio
Utilizzo Variants/Versions di fluidcontent_core
36
Pagina
FluidTYPO3 Content Elements
T3CON16
morini@gammsystem.com
Hover Effect Ideas
37
Pagina
FluidTYPO3 Content Elements
T3CON16
morini@gammsystem.com
Resources/Private/Templates/CoreContent/
Text/Nice.html (...
Pagina
FluidTYPO3 Content Elements
T3CON16
morini@gammsystem.com
Resources/Private/Templates/CoreContent/
Text/Nice.html (...
Pagina
FluidTYPO3 Content Elements
T3CON16
morini@gammsystem.com
ext_table.php
40
Pagina
FluidTYPO3 Content Elements
T3CON16
morini@gammsystem.com
BE: content standard
41
Pagina
FluidTYPO3 Content Elements
T3CON16
morini@gammsystem.com
BE: content con variant e version
42
Pagina
FluidTYPO3 Content Elements
T3CON16
morini@gammsystem.com
Configuration/Typoscript/setup.txt
43
Pagina
FluidTYPO3 Content Elements
T3CON16
morini@gammsystem.com
Configuration/Typoscript/setup.txt
44
Pagina
FluidTYPO3 Content Elements
T3CON16
morini@gammsystem.com
Configuration/Typoscript/setup.txt
45
Pagina
FluidTYPO3 Content Elements
T3CON16
morini@gammsystem.com
Configuration/Typoscript/nice.ts
46
Pagina
FluidTYPO3 Content Elements
T3CON16
morini@gammsystem.com
Hover Effect Ideas
47
Pagina
FluidTYPO3 Content Elements
T3CON16
morini@gammsystem.com
Riferimenti
48
FLUIDTYPO3: https://fluidtypo3.org/
FLUIDCO...
FluidTYPO3
Content Elements
Upcoming SlideShare
Loading in …5
×

T3CON16 Italia: FLUIDTYPO3 Content Elements

163 views

Published on

EXT fluidcontent_core characteristics and some examples to enhance TYPO3 contents look and fell

Published in: Technology
  • Be the first to comment

  • Be the first to like this

T3CON16 Italia: FLUIDTYPO3 Content Elements

  1. 1. FluidTYPO3 Content Elements
  2. 2. Pagina FluidTYPO3 Content Elements T3CON16 morini@gammsystem.com Maurizio Morini www.gammsystem.com morini@gammsystem.com 2
  3. 3. Pagina FluidTYPO3 Content Elements T3CON16 morini@gammsystem.com Contesto 3
  4. 4. Pagina FluidTYPO3 Content Elements T3CON16 morini@gammsystem.com 4
  5. 5. Pagina FluidTYPO3 Content Elements T3CON16 morini@gammsystem.com Estensioni di base di FLUIDTYPO3 5 Fluid Content Fluid Pages Flux VHS
  6. 6. Pagina FluidTYPO3 Content Elements T3CON16 morini@gammsystem.com 6 fluidcontent_core
  7. 7. Pagina FluidTYPO3 Content Elements T3CON16 morini@gammsystem.com BE tt_content con fluid_styled_content 7
  8. 8. Pagina FluidTYPO3 Content Elements T3CON16 morini@gammsystem.com BE tt_content con fluidcontent_core 8
  9. 9. Pagina FluidTYPO3 Content Elements T3CON16 morini@gammsystem.com Esempio Fallback dei templates 9
  10. 10. Pagina FluidTYPO3 Content Elements T3CON16 morini@gammsystem.com Custom CE basati su fluid_style_content 10
  11. 11. FluidTYPO3 Content Elements Pagina T3CON16 morini@gammsystem.com fluidcontent_core Appearance tab: aggiungere parametri 11
  12. 12. Pagina FluidTYPO3 Content Elements T3CON16 morini@gammsystem.com TAB Appearance fluidcontent_core 12
  13. 13. Pagina FluidTYPO3 Content Elements T3CON16 morini@gammsystem.com Aggiungo template al fallback di FCC 13
  14. 14. Pagina FluidTYPO3 Content Elements T3CON16 morini@gammsystem.com Templates/CoreContent/Text.html 14
  15. 15. Pagina FluidTYPO3 Content Elements T3CON16 morini@gammsystem.com Partial/Configuration/Header.html 15
  16. 16. Pagina FluidTYPO3 Content Elements T3CON16 morini@gammsystem.com BE: appearance con nuovi parametri 16
  17. 17. Pagina FluidTYPO3 Content Elements T3CON16 morini@gammsystem.com FE: {_all->f:debug()} nel Content Element 17
  18. 18. Pagina FluidTYPO3 Content Elements T3CON16 morini@gammsystem.com Layouts/Default.html 18
  19. 19. Pagina FluidTYPO3 Content Elements T3CON16 morini@gammsystem.com FE: rendering del Content Element 19
  20. 20. FluidTYPO3 Content Elements Pagina T3CON16 morini@gammsystem.com Esempio Integrazione wow.js e animate.css 20
  21. 21. Pagina FluidTYPO3 Content Elements T3CON16 morini@gammsystem.com wow.js e animate.css 21
  22. 22. Pagina FluidTYPO3 Content Elements T3CON16 morini@gammsystem.com Partial/Configuration/Header.html 22
  23. 23. Pagina FluidTYPO3 Content Elements T3CON16 morini@gammsystem.com Configuration/Typoscript/constant.txt 23
  24. 24. Pagina FluidTYPO3 Content Elements T3CON16 morini@gammsystem.com Configuration/Typoscript/setup.txt 24
  25. 25. Pagina FluidTYPO3 Content Elements T3CON16 morini@gammsystem.com BE: tab animate in Appearance 25
  26. 26. Pagina FluidTYPO3 Content Elements T3CON16 morini@gammsystem.com Layouts/Default.html 26
  27. 27. Pagina FluidTYPO3 Content Elements T3CON16 morini@gammsystem.com Inclusione di animate.css e wow.js 27
  28. 28. Pagina FluidTYPO3 Content Elements T3CON16 morini@gammsystem.com Layouts/Default.html 28
  29. 29. Pagina FluidTYPO3 Content Elements T3CON16 morini@gammsystem.com BE: tab animate in Appearance 29
  30. 30. FluidTYPO3 Content Elements Pagina T3CON16 morini@gammsystem.com Variants/Versions fluidcontent_core 30
  31. 31. Pagina FluidTYPO3 Content Elements T3CON16 morini@gammsystem.com Rollover Effect examples 31
  32. 32. Pagina FluidTYPO3 Content Elements T3CON16 morini@gammsystem.com fluidcontent_core Variants 32
  33. 33. Pagina FluidTYPO3 Content Elements T3CON16 morini@gammsystem.com Resources/Private/Templates/CoreContent/ Text.html 33
  34. 34. Pagina FluidTYPO3 Content Elements T3CON16 morini@gammsystem.com fluidcontent_core/versions 34
  35. 35. Pagina FluidTYPO3 Content Elements T3CON16 morini@gammsystem.com BE: content standard 35
  36. 36. FluidTYPO3 Content Elements Pagina T3CON16 morini@gammsystem.com Esempio Utilizzo Variants/Versions di fluidcontent_core 36
  37. 37. Pagina FluidTYPO3 Content Elements T3CON16 morini@gammsystem.com Hover Effect Ideas 37
  38. 38. Pagina FluidTYPO3 Content Elements T3CON16 morini@gammsystem.com Resources/Private/Templates/CoreContent/ Text/Nice.html (configuration section) 38
  39. 39. Pagina FluidTYPO3 Content Elements T3CON16 morini@gammsystem.com Resources/Private/Templates/CoreContent/ Text/Nice.html (main section) 39
  40. 40. Pagina FluidTYPO3 Content Elements T3CON16 morini@gammsystem.com ext_table.php 40
  41. 41. Pagina FluidTYPO3 Content Elements T3CON16 morini@gammsystem.com BE: content standard 41
  42. 42. Pagina FluidTYPO3 Content Elements T3CON16 morini@gammsystem.com BE: content con variant e version 42
  43. 43. Pagina FluidTYPO3 Content Elements T3CON16 morini@gammsystem.com Configuration/Typoscript/setup.txt 43
  44. 44. Pagina FluidTYPO3 Content Elements T3CON16 morini@gammsystem.com Configuration/Typoscript/setup.txt 44
  45. 45. Pagina FluidTYPO3 Content Elements T3CON16 morini@gammsystem.com Configuration/Typoscript/setup.txt 45
  46. 46. Pagina FluidTYPO3 Content Elements T3CON16 morini@gammsystem.com Configuration/Typoscript/nice.ts 46
  47. 47. Pagina FluidTYPO3 Content Elements T3CON16 morini@gammsystem.com Hover Effect Ideas 47
  48. 48. Pagina FluidTYPO3 Content Elements T3CON16 morini@gammsystem.com 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
  49. 49. FluidTYPO3 Content Elements

×