Skip to main content

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


  • Опубліковано
  • Василь Мосійчук

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

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

CSS

h5 {
    height: 25px;
    text-indent: -9999em;
    width: auto;
    background-position: left top;
}

А от і сам TypoScript:

temp.snippet_header_graphic = COA
temp.snippet_header_graphic {
    10 = IMG_RESOURCE
    10 {
        file = GIFBUILDER
        file {
            XY = [10.w]+[20.w]+23,[10.h]+10
            format = gif
            backColor = #F7F7EE
            transparentBackground = 1
            transparentColor = #F7F7EE
            10 = TEXT
            10 {
                text.current = 1
                fontSize = 24
                fontFile = fileadmin/fonts/eurostyle.ttf
                offset = 5,20
                fontColor = #000000
                emboss {
                    offset = 2,2
                    blur = 30
                    opacity = 60
                    intensity = 100
                    lowColor = #BBE485
                    highColor = #BBE485
                }
            }
        }
        stdWrap {
            wrap = <h5 style="background: transparent url('|') no-repeat;">
            append = TEXT
            append {
                current = 1
                wrap = |</h5>
            }
        }
    }
}
lib.stdheader.10.5 < temp.snippet_header_graphic
Назад