Jednoduché GMENU
page = PAGE
page.typeNum = 0
page.10 = HMENU
page.10.1 = GMENU
page.10.1.NO {
XY = [10.w]+20,20
backColor = #eeeeee
10 = TEXT
10 {
text.field = title
offset = 0,16
align = center
}
}
page.10.1.RO < page.10.1.NO
page.10.1 {
RO = 1
RO.backColor = Red
RO.10.fontColor = white
}
GMENU z pripravených obrázkov
Pre každú zo šiestich položiek menu máme predpripravený obrázok. Výška všetkých obrázkov je rovnaká - 28px. Na pripojenom obrázku sú znázornené jednotlivé rezy dizajnu vo Photoshope. Cesta a názvy jednotlivých obrázkov v TS setup sú vyznačené červenou.
temp.menu = HMENU
temp.menu {
begin = 1
maxItems = 6
special = directory
special.value = 1
}
temp.menu.1 = GMENU
temp.menu.1 {
wrap = <div id="menu"><ul>|</ul></div>
NO {
allWrap = <li>|</li>
ATagTitle.field = title
XY = [2.w],28
2 = IMAGE
2.file = fileadmin/img/m01.gif || fileadmin/img/m02.gif || fileadmin/img/m03.gif || fileadmin/img/m04.gif || fileadmin/img/m05.gif || fileadmin/img/m06.gif
}
}
Vertikálne GMENU_LAYERS + TMENU
Na obrázky grafického menu je nastavený rollover efekt (RO = 1). Menu sa generuje z troch prvých položiek stromu od stránky 1 (begin = 1, maxItems = 3).
page.includeLibs.gmenu_layers = media/scripts/gmenu_layers.php
temp.menu_left = HMENU
temp.menu_left.entryLevel = 0
temp.menu_left.begin = 1
temp.menu_left.maxItems = 3
temp.menu_left.1 = GMENU_LAYERS
temp.menu_left.1 {
layerStyle = position: absolute; visibility: hidden;
relativeToTriggerItem = 1
hideMenuTimer = 500
hideMenuWhenNotOver = 5
lockPosition = y
expAll = 1
leftOffset = 123
topOffset = 0
NO {
wrap = |
XY = 120, 24
2 = IMAGE
2.file = fileadmin/tmp/img/galeria_1.png || ...
}
RO = 1
RO {
wrap = |
XY = 120, 24
2 = IMAGE
2.file = fileadmin/tmp/img/galeria_2.png || ...
}
CUR = 1
CUR < .RO
ACT = 1
ACT < .RO
}
Takto môže vyzerať textové menu druhej úrovne:
temp.menu_left.2 = TMENU
temp.menu_left.2.maxItems = 15
temp.menu_left.2 {
wrap = table class="submenu" cellspacing="0" cellpadding="0" | /table
NO {
allWrap = tr td | /td /tr
ATagParams = class="menu_left"
}
CUR = 1
CUR {
allWrap = tr td | /td /tr
ATagParams = class="menu_left_act"
}
ACT = 1
ACT < .CUR
}
| Žiadne dokumenty ani odkazy k tejto stránke. | ||
Generátor typoscriptu
Vytvára typoscript pre bežné použitie. Generátor je jednoduchý na obsluhu, stačí vyplniť zopár položiek formulára.
