Übung 1 --> Hintergrund Bild einfügen

  • Wir starten mit dem Einfügen eines Hintergrundbildes.


    Das Bild muss folgende Anforderungen erfüllen:


    Dateiformat : PNG ( Portable Netzwork Grafiken )
    Auflösung : Palette / 256 Farben
    Möglichst mit Transparenz das sieht besser aus.


    Das Bild muss nach /var/tuxbox/config/enigma/pictures/workshop/ kopiert werden.


    Als erstes müssen wir das Bild in den Skin einbinden und Ihm einen Namen zuweisen.


    <images basepath="workshop" target="fb">

    <img name="info-bg" src="hg.png" />


    </images>


    img name = Der zugewiesene Name
    src = Dateiname der Grafik


    Nun müssen wir die Größe des Menü´s definieren dies geschieht in der im <object name="ezap_main">unter folgender Zeile


    <eZapMain position="0:340" size="720:160">


    position = X und Y Position des Menü´s Anfang
    size = Die größe des Menü´s


    Nun noch das Hintergrundbild einfügen.


    <eLabel position="59:0" size="602:159" pixmap="info-bg" name="info-bg" />


    size = Ist die Größe des Images
    pixmap = Dem Bild zugewiesener Name


    Nun noch bitte folgende Zeilen aus dem Skin löschen


    <eLabel text="Live WorkShop Skin erstellen" position="100:50" font="Blue.Bold;30" align="center" size="e:e" foregroundColor="white" />
    <eLabel text="created by Mr.Bunny" position="100:75" font="Blue.Bold;30" align="center" size="e:e" foregroundColor="white" />
    <eLabel text="www.i-have-a-dreambox.com" position="100:100" font="Blue.Bold;30" align="center" size="e:e" foregroundColor="white" />


    So nun viel Spaß beim experimentieren.


    P.S. den Skin Rohling findet ihr hier im Workshop Forum

  • So und hier die fertige .esml Datei.

  • hallo
    den ordner workshop gibt es bei mir nicht.

    Schreibfehler könnt ihr behalten...denn ich hab genug!

  • Du musst dir diesen ordner unter /var/tuxbox/config/enigma/pictures


    erstellen.

  • hallo

    Quote

    Original von Mr.Bunny
    Du musst dir diesen ordner unter /var/tuxbox/config/enigma/pictures


    erstellen.


    danke!!!!!!!!

    Schreibfehler könnt ihr behalten...denn ich hab genug!

  • Da muste mit einem Grafikprogramm deiner Wahl machen.