Suche
Teilen
startseite » forum

Gifbuilder: vorh. Grafik-Datei vor Menüpunkt stellen

  • mecki mecki
    T3PO
    0 x
    10 Beiträge
    0 Hilfreiche Beiträge
    17. 09. 2010, 11:11

    Hi!

    Ich habe ein vertikales Menü erstellt, jeweils ein grafischer Text und eine Linie dadrunter, alles mit Gifbuilder.

    Nun möchte ich vor den aktiven Menüpunkt eine eigenes Icon stellen, das nicht mit dem Gifbuilder erstellt wird sondern eine fertige gif-Datei ist, die eingelesen wird.

    Hier ist der TS-Code, - alles funktioniert, nur das Icon wird nicht angezeigt:

    1. # Das Hauptmenü links realisieren #
    2. lib.mainnav = HMENU
    3. lib.mainnav {
    4.   special = directory
    5.   special.value = 2
    6.   1 = GMENU
    7.   1.NO = 1
    8.   1.NO {
    9.     XY = 185, 32
    10.     # Text auf den Menüpunkt rendern
    11.     20 = TEXT
    12.     20.text.field = nav_title // title
    13.     20.fontColor = #666666
    14.     20.fontFile = fileadmin/templates/fonts/Georgia_Bold.ttf
    15.     20.fontSize = 22
    16.     20.niceText = 1
    17.     20.offset = 18, 18
    18.     # graue Linie erzeugen
    19.     30 = IMAGE
    20.     30.file = GIFBUILDER
    21.     30.file {
    22.       XY = 185, 1
    23.       backColor = #797979
    24.     }
    25.     30.offset = 12, 26
    26.   }
    27.  
    28.   # Roll-Over Zustand erzeugen
    29.   1.RO < .1.NO
    30.   1.RO {
    31.     20.fontColor = #d30404
    32.   }
    33.  
    34.   # Aktiv Zustand erzeugen
    35.   1.ACT < .1.RO
    36.   1.ACT {
    37.     # Icon vor den Menüpunkt setzen
    38.     10 = IMAGE
    39.     10.file = GIFBUILDER
    40.     10.file {
    41.       file = fileadmin/templates/images/37x20icon.gif
    42.       offset = 0, 18
    43.       backColor = #ffffff
    44.       XY = 37, 20
    45.     }
    46.     # den aktiven Menütext nach rechts einrücken
    47.     20.offset = 55, 18
    48.   }
    49. }

    Bei TMENU kann man einfach beforeImg nehmen; etwas entsprechendes für GMENU mit Gifbuilder habe ich noch nicht gefunden.

    Hat jemand eine Idee?

  • 1
  • theis theis
    Jedi-Meister
    0 x
    268 Beiträge
    0 Hilfreiche Beiträge
    17. 09. 2010, 13:12

    Hallo mecki,

    hm eigentlich sollte beforeImg funktionieren. 

    1. lib.mainnav.1.ACT.beforeImg = fileadmin/templates/images/37x20icon.gif

    Ansonsten probier es doch mal mit einem wrap z.B.

    1. lib.mainnav.1.ACT.allWrap= <img src="fileadmin/templates/images/37x20icon.gif" />|

    Gruss
    Theis

  • mecki mecki
    T3PO
    0 x
    10 Beiträge
    0 Hilfreiche Beiträge
    20. 09. 2010, 09:52

    Hallo Theis!

    Danke für Deine Tipps, - allerdings ist das noch nicht die Lösung.

    "beforeImg" hat gar keine Auswirkungen.

    "allWrap" lässt immerhin das Icon erscheinen, allerdings [u]über[/u] dem aktiven Menüpunkt und nicht davor. Aber ich weiß auch nicht, wie ich das Icon an die richtige Stelle schieben könnte. Kann man das irgendwie definieren?

    Gruß, mecki

  • theis theis
    Jedi-Meister
    0 x
    268 Beiträge
    0 Hilfreiche Beiträge
    20. 09. 2010, 17:36

    Hallo mecki,

    das schieben vor das Menu müsstest du dann natürlich via CSS machen.
    Falls du hierfür hilfe brauchst, poste doch mal einen Link, wo man deine Seite sehen kann.

    Gruss
    Theis

  • mecki mecki
    T3PO
    0 x
    10 Beiträge
    0 Hilfreiche Beiträge
    21. 09. 2010, 13:57

    Hi Theis!
    Ich arbeite zum ersten Mal mit dem Gif-Builder. Wie man das mit CSS verbindet, hab ich noch keine Ahnung.

    Hier der Link: http://typo3.p127543.webspaceconfig.de

    Aber das Icon habe ich jetzt nicht drin (erscheint sonst über einem Hauptmenüpunkt), weil der Kunde die Seiten schon sehen kann.

    Grüße
    mecki

  • theis theis
    Jedi-Meister
    0 x
    268 Beiträge
    0 Hilfreiche Beiträge
    21. 09. 2010, 14:35

    Hallo Mecki,

    ich kann dir nur schwer helfen, wenn du das Icon nicht anzeigst. Könntest du wenigstens ein transparentes Bild einfügen, damit ich dir dann den möglichen CSS code machen könnte?

    Gruss
    Theis

  • mecki mecki
    T3PO
    0 x
    10 Beiträge
    0 Hilfreiche Beiträge
    21. 09. 2010, 16:19

    ...jetzt ist das Icon online. Würde es aber gerne schnell wieder ausschalten.

    Der Code:

    1. 1.ACT {
    2.     # Icon vor den Menüpunkt setzen
    3.     allWrap= <img src="fileadmin/templates/images/37x20icon_rind.gif" />|
    4.     20.offset = 50, 18  
    5.   }

  • theis theis
    Jedi-Meister
    0 x
    268 Beiträge
    0 Hilfreiche Beiträge
    21. 09. 2010, 16:42

    Hallo mecki,

    ah, ich sehe, ich habe dein Problem ein Bisschen falsch verstanden. Vergiss alles mit allWrap etc.

    Versuche mal so was:

    1. 1.ACT {
    2.   10 = IMAGE
    3.   10.file = fileadmin/templates/images/37x20icon_rind.gif
    4. }

    Evtl. noch die Offsets anpassen.
    Du benötigst hierfür gar nicht den GIFBUILDER.

    Gruss
    Theis

  • mecki mecki
    T3PO
    0 x
    10 Beiträge
    0 Hilfreiche Beiträge
    21. 09. 2010, 16:58

    Hey, Theis, supercool!

    Das war jetzt endlich die Lösung!
    Da bin ich ja echt froh, hab irre lange vorher rumprobiert.

    Vielen Dank noch mal fürs Dranbleiben!

    mecki

  • theis theis
    Jedi-Meister
    0 x
    268 Beiträge
    0 Hilfreiche Beiträge
    21. 09. 2010, 17:21

    Hallo mecki,

    gern geschehen, bitte das Thema noch auf gelöst setzen.

    Gruss
    Theis

  • 1
Präsentiert von