Логотип Української TYPO3 громади
 
Українська TYPO3 громада
Головна ⁄ Документація ⁄ Сніппети (Snippets) ⁄ 
← TypoScript і tt_news: нестандартний вивід записів (CATMENU)


24.12.2011 ⁄ 14:24
Давність: 6 років
Категорія: TypoScript
Автор: kupix web-design
Зберігаю ваш оцінку...
Рейтинг: 5.0 з 5. 2 голос(ів).
Щоб оцінити, натисніть на шкалу рейтингу.

Графічний заголовок

З наступним кодом TypoScript-а, ви можете створити графічний заголовок використовуючи будь-який шрифт:


Графічний заголовок на цій сторінці відповідає еквівалентну шрифту TrueType "eurostyle.ttf", шрифт взятий з лівого верхнього логотипу kupix.

  1. h5 {
  2.     height: 25px;
  3.     text-indent: -9999em;
  4.     width: auto;
  5.     background-position: left top;
  6. }

А от і сам TypoScript:

  1. temp.snippet_header_graphic = COA
  2. temp.snippet_header_graphic {
  3. 10 {
  4. file = GIFBUILDER
  5. file {
  6. XY = [10.w]+[20.w]+23,[10.h]+10
  7. format = gif
  8. backColor = #F7F7EE
  9. transparentBackground = 1
  10. transparentColor = #F7F7EE
  11. 10 = TEXT
  12. 10 {
  13. text.current = 1
  14. fontSize = 24
  15. fontFile = fileadmin/fonts/eurostyle.ttf
  16. offset = 5,20
  17. fontColor = #000000
  18. emboss {
  19. offset = 2,2
  20. blur = 30
  21. opacity = 60
  22. intensity = 100
  23. lowColor = #BBE485
  24. highColor = #BBE485
  25. }
  26. }
  27. }
  28. wrap = <h5 style="background: transparent url('|') no-repeat;">
  29. append = TEXT
  30. append {
  31. current = 1
  32. wrap = |</h5>
  33. }
  34. }
  35. }
  36. }
  37. lib.stdheader.10.5 < temp.snippet_header_graphic