vdr-plugin-skindesigner/skins/metrixhd/xmlfiles/displaymenusetup.xml

<menusetup x="0" y="0" width="100%" height="100%" fadetime="0" orientation="{setupmenuorientation}">
    <background>
        <areacontainer condition="gt({indexsetupmenuorientation},0)">
            <area x="0" y="0" width="100%" height="100%" layer="1">
                <fill color="{menuback}" />
                <drawrectangle x="75%" y="0" width="13%" height="10%" color="{menuheader}" />
            </area>
            <area x="62%" y="30%" width="30%" height="36%" layer="2">
                <fill color="{menuactive}" />
            </area>
        </areacontainer>
        <areacontainer condition="eq({indexsetupmenuorientation},0)">
            <area x="0" y="0" width="100%" height="71%" layer="1">
                <fill color="{menuback}" />
                <drawrectangle x="{areawidth}/4*3" y="0" width="13%" height="{areaheight}/7+1" color="{menuheader}" />
                <drawrectangle x="{areawidth}/4*3-3" y="0" width="6" height="{areaheight}/7+1" color="{clrTransparent}" />
                <drawrectangle x="0" y="{areaheight}/7+1" width="100%" height="6" color="{clrTransparent}" />
            </area>
        </areacontainer>   
    </background>
    
    <header>
        <area x="0" y="0" width="70%" height="10%" layer="2">
            <drawimage name="menuicon" imagetype="menuicon" path="{icon}" x="10" valign="center" width="{areaheight}*8/10" height="100%"/>
            <drawtext x="{width(menuicon)}+20" valign="center" font="{light}" fontsize="75%" color="{fontdefault}" text="{title}" />
        </area>
    </header>

    <datetime>
        <area x="75%" y="0" width="12%" height="10%" layer="2">
            <drawtext align="right" y="0%" font="{light}" fontsize="55%" color="{fontactive}" text="{dayname}" />
            <drawtext align="right" y="45%" font="{light}" fontsize="50%" color="{fontactive}" text="{day}. {monthname}" />
        </area>
        <area x="88%" y="0" width="12%" height="10%" layer="2">
            <drawtext align="center" valign="center" font="{light}" fontsize="90%" color="{fontdefault}" text="{time}" />
        </area>
    </datetime>

    <colorbuttons>
        <areacontainer condition="gt({indexsetupmenuorientation},0)">
            <area x="0" y="93%" width="25%" height="7%" layer="2">
                <drawtext x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{red}" />
                <drawrectangle x="0" y="0" width="10" height="100%" color="{clrRed}" />
            </area>
            <area x="25%" y="93%" width="25%" height="7%" layer="2">
                <drawtext x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{green}" />
                <drawrectangle x="0" y="0" width="10" height="100%" color="{clrGreen}" />
            </area>
            <area x="50%" y="93%" width="25%" height="7%" layer="2">
                <drawtext x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{yellow}" />
                <drawrectangle x="0" y="0" width="10" height="100%" color="{clrYellow}" />
            </area>
            <area x="75%" y="93%" width="25%" height="7%" layer="2">
                <drawtext x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{blue}" />
                <drawrectangle x="0" y="0" width="10" height="100%" color="{clrBlue}" />
            </area>
        </areacontainer>
        <areacontainer condition="eq({indexsetupmenuorientation},0)">
            <area x="15%" y="64%" width="18%" height="7%" layer="2">
                <drawtext x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{red}" />
                <drawrectangle x="0" y="0" width="10" height="100%" color="{clrRed}" />
            </area>
            <area x="33%" y="64%" width="17%" height="7%" layer="2">
                <drawtext x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{green}" />
                <drawrectangle x="0" y="0" width="10" height="100%" color="{clrGreen}" />
            </area>
            <area x="50%" y="64%" width="18%" height="7%" layer="2">
                <drawtext x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{yellow}" />
                <drawrectangle x="0" y="0" width="10" height="100%" color="{clrYellow}" />
            </area>
            <area x="68%" y="64%" width="17%" height="7%" layer="2">
                <drawtext x="20" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{blue}" />
                <drawrectangle x="0" y="0" width="10" height="100%" color="{clrBlue}" />
            </area>
            <area x="85%" y="64%" width="10" height="7%" layer="2">
                <drawrectangle x="0" y="0" width="100%" height="100%" color="{menuback}" />
            </area>
        </areacontainer>
    </colorbuttons>

    <menuitems x="0" y="10%" orientation="vertical" width="98%" height="80%" align="center" numlistelements="10">
        <listelement>
            <area x="0" width="60%" layer="2">
                <fill condition="not{current}" color="{clrTransparent}" />
                <fill condition="{current}" color="{menuactive}" />
            </area>
            <area condition="not{current}" x="0" width="60%" layer="3">
                <drawtext x="20" valign="center" font="{light}" fontsize="85%" color="{fontdefault}" text="{number} {label}" />
            </area>
            <area condition="{current}++{doitsimple}" x="0" width="60%" layer="3">
                <drawtext name="menutext" x="20" valign="center" font="{light}" fontsize="85%" color="{fontactive}" text="{number} {label}" />
            </area>
            <areascroll condition="{current}++not{doitsimple}" scrollelement="menutext" mode="forthandback" orientation="horizontal" delay="2000" scrollspeed="medium" x="0" width="60%" layer="3">
                <drawtext name="menutext" x="20" valign="center" font="{light}" fontsize="85%" color="{fontactive}" text="{number} {label}" />
            </areascroll>
        </listelement>
        <currentelement delay="0" fadetime="{fadetimecurrent}">
            <area x="62%" y="30%" width="34%" height="36%" layer="3">
                <drawimage imagetype="menuicon" path="{icon}_active" align="center" valign="center" width="{areaheight} - 10" height="{areaheight} - 10"/>
            </area>
        </currentelement>
    </menuitems>
    
    <menuitems orientation="horizontal" x="2%" y="10%" width="96%" height="50%" align="center" numlistelements="5">
        <listelement fadetime="{listfadetime}" shifttime="{listshifttime}">
            <areacontainer condition="not{current}">
                <area x="0" width="100%" y="10%" height="80%" layer="3">
                    <drawimage imagetype="menuicon" path="{icon}" align="center"  valign="center" width="{areaheight}*0.4" height="{areaheight}*0.4"/>
                </area>
                <area x="5%" width="90%"  y="70%" height="20%" layer="4">
                    <drawtext name="menutext" align="center" valign="center" font="{light}" fontsize="50%" color="{fontdefault}" text="{label}" />
                </area>
            </areacontainer>
            <areacontainer condition="{current}">
                <area indicator="true" x="0" y="15%" width="100%" height="75%" layer="2">
                    <fill color="{menuactive}" />
                </area>
                <area x="0" width="100%" y="10%" height="80%" layer="3">
                    <drawimage  imagetype="menuicon" path="{icon}_active" align="center"  valign="center" width="{areaheight}*0.5" height="{areaheight}*0.5"/>
                </area>
                <area condition="{doitsimple}" x="5%" width="90%"  y="70%" height="20%" layer="4">
                    <drawtext name="menutext" align="center" valign="center" font="{light}" fontsize="50%" color="{fontactive}" text="{label}" />
                </area>
                <areascroll condition="not{doitsimple}" scrollelement="menutext" mode="forthandback" orientation="horizontal" delay="3000" scrollspeed="medium" x="5%" width="90%"  y="70%" height="20%" layer="4">
                    <drawtext name="menutext" align="center" valign="center" font="{light}" fontsize="50%" color="{fontactive}" text="{label}" />
                </areascroll>
            </areacontainer>
        </listelement>
    </menuitems>

    <scrollbar orientation="vertical">
	<areacontainer condition="eq({indexshowscrollbar},2)">
            <area x="96%" y="10%" width="2%" height="83%" layer="2">
        	<fill color="{scrollbar}" />
        	<drawrectangle x="2" y="2" width="{areawidth} - 4" height="{areaheight} - 4" color="{clrTransparent}" />
    	        <drawrectangle x="4" y="4 + {areaheight} * {offset} / 1000" width="{areawidth} - 8" height="{areaheight} * {height} / 1000 - 8" color="{scrollbar}" />
	    </area>
        </areacontainer>
    </scrollbar>
    <scrollbar orientation="horizontal">
        <areacontainer>
            <area condition="{hasprev}" x="0" y="36%" width="8%" height="56%" layer="3">
                <drawimage imagetype="icon" path="ico_arrow_left" align="center" valign="center" width="{areawidth}*0.5" height="{areawidth}*0.5"/>
            </area>
            <area condition="{hasnext}" x="92%" y="36%" width="8%" height="56%" layer="3">
                <drawimage imagetype="icon" path="ico_arrow_right" align="center" valign="center" width="{areawidth}*0.5" height="{areawidth}*0.5"/>
            </area>
        </areacontainer>
    </scrollbar>
</menusetup>