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

<menutimers x="0" y="0" width="100%" height="100%" fadetime="0">
    <menuitems x="0" y="10%" orientation="vertical" width="100%" height="82%" align="center" numlistelements="16">
        <listelement>
            <!-- Background -->
            <area x="1%" width="58%" layer="2">
                <fill condition="not{current}" color="{clrTransparent}" />
                <fill condition="{current}" color="{menuactive}" />
            </area>
            <!-- Element -->
            <areacontainer condition="not{current}">
                <area x="1%" width="58%" layer="3">
                    <drawimage condition="{flagactive}" name="active" imagetype="icon" path="ico_yes" x="0.1*{areaheight}" width="0.5*{areaheight}" height="0.5*{areaheight}" valign="center" />
                    <drawimage condition="not{flagactive}" name="active" imagetype="icon" path="ico_no" x="0.1*{areaheight}" width="0.5*{areaheight}" height="0.5*{areaheight}" valign="center" />
                    <drawimage condition="{flagrecording}" name="recording" imagetype="icon" path="ico_recording" x="0.7*{areaheight}" width="0.5*{areaheight}" height="0.5*{areaheight}" valign="center" />
<!--                    <drawimage condition="{isremote}" name="remote" imagetype="icon" path="ico_remotetimer" x="0.7*{areaheight}" width="0.5*{areaheight}" height="0.5*{areaheight}" valign="center" /> -->
                </area>
                <area x="5%" width="54%" layer="3">
                    <drawtext name="timertext" x="10" valign="center" font="{light}" fontsize="80%" color="{fontdefault}" text="{dayname} {day}. {timerstart} - {timerstop}: {title}" />
                </area>
            </areacontainer>
            <areacontainer condition="{current}">
                <area x="1%" width="58%" layer="3">
                    <drawimage condition="{flagactive}" name="active" imagetype="icon" path="ico_yes_active" x="0.1*{areaheight}" width="0.5*{areaheight}" height="0.5*{areaheight}" valign="center" />
                    <drawimage condition="not{flagactive}" name="active" imagetype="icon" path="ico_no_active" x="0.1*{areaheight}" width="0.5*{areaheight}" height="0.5*{areaheight}" valign="center" />
                    <drawimage condition="{flagrecording}" name="recording" imagetype="icon" path="ico_recording_active" x="0.7*{areaheight}" width="0.5*{areaheight}" height="0.5*{areaheight}" valign="center" />
<!--                    <drawimage condition="{isremote}" name="remote" imagetype="icon" path="ico_remotetimer_active" x="0.7*{areaheight}" width="0.5*{areaheight}" height="0.5*{areaheight}" valign="center" /> -->
                </area>
                <areascroll scrollelement="timertext" mode="forthandback" orientation="horizontal" delay="2000" scrollspeed="medium" x="5%" width="54%" layer="3">
                    <drawtext name="timertext" x="10" valign="center" font="{light}" fontsize="80%" color="{fontactive}" text="{dayname} {day}. {timerstart} - {timerstop}: {title}" />
                </areascroll>
            </areacontainer>
        </listelement>
        <currentelement delay="0" fadetime="{fadetimecurrent}">
            <area x="63%" y="0" width="36%" height="15%" layer="2">
                <drawimage name="logo" imagetype="channellogo" path="{channelid}" x="10" y="0" width="30%" height="100%" />
                <drawtext name="channum" x="{width(logo)} + 20" y="{areaheight}/6" width="{areawidth} - {width(logo)} - 30" font="{light}" fontsize="40%" color="{fontactive}" text="Kanal Nr. {channelnumber}" />
                <drawtext name="channame" x="{width(logo)} + 20" y="{areaheight}/3 + {areaheight}/6" width="{areawidth} - {width(logo)} - 30" font="{semibold}" fontsize="40%" color="{fontactive}" text="{channelname}" />
            </area>
            <area x="63%" y="15%" width="36%" height="70%" layer="3">
                <!-- title -->
                <drawtext name="title" align="center" y="0" font="{semibold}" width="{areawidth}-20" fontsize="{areaheight}/10" color="{fontactive}" text="{eventtitle}" />
                <!-- scraper poster -->
                <drawimage condition="{hasposter}" name="poster" imagetype="image" path="{posterpath}" x="10" y="{posy(title)} + {height(title)} + 10" width="{areawidth}/3" height="{areawidth}/3 * {posterheight} / {posterwidth}"/>
                <!-- description -->
                <drawtextbox condition="{hasposter}" x="10" y="{posy(poster)}" width="99%" height="{areaheight} - {posy(poster)}" float="topleft" floatwidth="{width(poster)} + 10" floatheight="{height(poster)} + 20" font="{light}" fontsize="{areaheight}/14" color="{fontactive}" text="{eventdescription}" />
                <drawtextbox condition="not{hasposter}" x="10" y="{posy(poster)}" width="99%" height="{areaheight} - {posy(poster)}" font="{light}" fontsize="{areaheight}/14" color="{fontactive}" text="{eventdescription}" />
            </area>
        </currentelement>
    </menuitems>
    
    <scrollbar>
        <area condition="lt({indexshowscrollbar},2)" x="60%" y="10%" width="2%" height="82%" layer="3">
            <fill condition="{hasprev}||{hasnext}" color="{scrollbar}" />
            <drawrectangle condition="{hasprev}||{hasnext}"  x="2" y="2" width="{areawidth} - 4" height="{areaheight} - 4" color="{clrTransparent}" />
            <drawrectangle condition="{hasprev}||{hasnext}"  x="4" y="4 + {areaheight} * {offset} / 1000" width="{areawidth} - 8" height="{areaheight} * {height} / 1000 - 8" color="{scrollbar}" />
        </area>
        <area condition="eq({indexshowscrollbar},2)" x="60%" y="10%" width="2%" height="82%" layer="3">
            <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>
    </scrollbar>
</menutimers>