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.
Upcoming SlideShare
TYPO3 & You
TYPO3 & You
Loading in …3
×
1 of 49

T3CON16 Italia: FLUIDTYPO3 Content Elements

1

Share

Download to read offline

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

Related Books

Free with a 30 day trial from Scribd

See all

Related Audiobooks

Free with a 30 day trial from Scribd

See all

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

×