16.01.09 22:09
Як зробити меню з вертикальним текстом?
Яким чином можна створити меню, щоб відображався текст вертикально? На даний момент стандарт CSS 3, ще тільки розробляється. Хоч там і закладений вертикальний текст, але нам потрібно вже зараз мати можливості вертикального написання.
Оглядач Internet Explorer пропонує властивість writing-mode, але інші оглядачі цього не підтримують.
В нагоді може стати такий метод: генерувати графічні зображення з текстом.
В CMS TYPO3 для цього можна використати TypoScript.
TypoScript код для створення вертикального тексту за допомого зображень.
- path = COA
- path.10 = HMENU
- path.10.special = rootline
- path.10.special.range = 0|-1
- path.10.1 = GMENU
- path.10.1.itemArrayProcFunc = user_class->getPathMenuArray
- path.10.1.NO {
- XY = [10.w]+1,19
- backColor = #2a6588
- imgParams= alt="{field:subtitle//field:title}"
- ATagTitle.field = subtitle//title
- 10 = TEXT
- 10.text.field = title
- 10.offset = 0,13
- 10.align = left
- 10.niceText = 1
- 10.fontColor = #F2CF2F
- 20 = EFFECT
- 20.value = rotate=90
- }
- path.10.1.RO < temp.path.10.1.NO
- path.10.1.RO = 1
- path.10.1.RO.10.fontColor = #ffffff
- path.10.1.CUR < temp.path.10.1.RO
- path.10.1.CUR.ATagParams = class="act"
- path.10.1.CUR = 1
Пояснення:
- Зображення генеруються автоматично, повертаються на 900 і накладаються на потрібний фон.
- user_class->getPathMenuArray метод який додає специфічні пункти меню з плагінів.
