Як зробити меню з вертикальним текстом?

Яким чином можна створити меню, щоб відображався текст вертикально? На даний момент стандарт CSS 3, ще тільки розробляється. Хоч там і закладений вертикальний текст, але нам потрібно вже зараз мати можливості вертикального написання.

Оглядач Internet Explorer пропонує властивість writing-mode, але інші оглядачі цього не підтримують.

В нагоді може стати такий метод: генерувати графічні зображення з текстом.

В CMS TYPO3 для цього можна використати TypoScript.

TypoScript код для створення вертикального тексту за допомого зображень.

<code language="typoscript" startline="1">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</code>

Пояснення:

1. Зображення генеруються автоматично, повертаються на 90⁰ і накладаються на потрібний фон.
2. user_class->getPathMenuArray  метод який додає специфічні пункти меню з плагінів.