Zum Inhalt springen

GMENU / backColor -- wie kann ich eine transparent erreichen ?

Erstellt am 22. September 2005 · 7 Antworten · letzte Antwort am 4. Juni 2007

Tags: Frage

alex_kiener ·

hi leute,

mein menu is wie folgt aufgebaut.

...

10.marks.MAIN_MENU < 10.marks.SUB_MENU
10.marks.SUB_MENU = HMENU
10.marks.SUB_MENU.entryLevel = 2
10.marks.SUB_MENU.1 = GMENU
10.marks.SUB_MENU.1.NO = 1
10.marks.SUB_MENU.1.NO {

      XY = [10.w]+10, 22
      backColor = white

      4 = IMAGE
      4.file = fileadmin/images/button/left_no.jpg
      4.tile = 10

      5 = IMAGE
      5.file = fileadmin/images/button/left_no.jpg
      5.align = l

      6 = IMAGE
      6.file = fileadmin/images/button/right_no.jpg
      6.align = r

      10 = TEXT
      10.text.field = title
      10.fontSize = 8
      10.fontFile = fileadmin/fonts/UNIVERS_.TTF
      10.offset = 0, 14
      10.fontColor = white
      10.align = center
      10.niceText = 0

    }
  
    10.marks.SUB_MENU.1.RO < 10.marks.SUB_MENU.1.NO
    10.marks.SUB_MENU.1.RO = 1
    10.marks.SUB_MENU.1.RO {

      XY = [10.w]+10, 22
  
      7 = IMAGE
      7.file = fileadmin/images/button/mitte_ro.jpg  
 
      8 = IMAGE
      8.file = fileadmin/images/button/left_ro.jpg
      8.align = l

      9 = IMAGE
      9.file = fileadmin/images/button/right_ro.jpg
      9.align = r
 
      10 = TEXT
      10.text.field = title
      10.fontSize = 8
      10.fontFile = fileadmin/fonts/UNIVERS_.TTF
      10.offset = 0, 14
      10.fontColor = black
      10.align = center
      10.niceText = 0
    }

ihr habt sicher das backColor = white bemerkt, ich will aber das er einen transparenten hintergrund hat, wenn ich das backColor einfach weglasse nimmt er nachwievor eine hintergrund farbe.. kann mir jemand weiterhelfen ?

danke und gruß

impact ·

also ob man den background einfach transparent setzen kann weiss ich nicht.... glaub nicht... aber am besten einfach die gewünschte hintergrundfarbe angeben, und wenn das kein einfärbiger background ist, einfach beim GMENU die Hintergrundbilder hinzufügen... Das erleichtert dann natürlich auch gleich jegliche Rollover-Effekte.

lg
impact

miami ·
marks.SUBNAVIGATION = HMENU
marks.SUBNAVIGATION.entryLevel = 1
marks.SUBNAVIGATION.1 = GMENU
marks.SUBNAVIGATION.1.expAll = 0
marks.SUBNAVIGATION.1.NO {
         XY = 130,16
         transparentBackground = 1
         10 = TEXT
         10 {
            text.field = title
            fontFile = fileadmin/arial.ttf
            fontSize = 8
            fontColor = #000000
            offset = 10,14
            wrap = <il> | </il>
         }
     }

Mit transparentBackground = 1 wird die Transparenz erzielt.

ben ·

Hallo alle zusammen,

ich hänge gerade am selben Problem und wollte es auch mit
transparentBackground = 1
und ganz ohne "backColor" machen.

Jedoch habe ich dann das Problem,
dass der Text noch ein wenig mit weißem Background gerändert wird:
http://www.typodemo.de.server256-han.de-nserver.de/index.php?id=3

Setze ich als
backColor = #000000
also die selbe Farbe wie der Text meiner Navigationspunkte,
dann sind die Navigationspunkte alle weg :o

Jemand eine Ahnung woran das liegen kann?
Hier mal noch mein kompletter Code:

NAVI = HMENU
NAVI.entryLevel = 0
NAVI.1 = GMENU
NAVI.1.NO{        
transparentBackground = 1 
wrap =  | <br>                          
XY = 110, 20
5 = IMAGE
5.file = fileadmin/template/normal.gif
10 = TEXT
10{
text.case = upper
text.field = title
fontFile = fileadmin/template/font.ttf
fontColor = #000000
niceText = 1
fontSize = 14
offset = 20,15
}
}

NAVI.1.CUR = 1 
NAVI.1.CUR {
transparentBackground = 1
wrap =  | <br>
XY = 110, 20
5 = IMAGE
5.file = fileadmin/template/aktiv.gif
10 = TEXT
10{
text.case = upper
text.field = title
fontFile = fileadmin/template/font.ttf
fontColor = #000000
niceText = 1
fontSize = 14
offset = 20,15
}
}

Vielen Dank vorab!
Grüße,
Ben

Unbekannter Benutzer ·

Also wenn du schwarz als transparent definierst ist doch klar, dass dein Text auch weg ist... Der ist ja dann transparent. Nimm mal niceText raus und probier es nochmal mit weiß. Ansonsten nimm eine Farbe, die dem Hintergrund nahe kommt...

ben ·

Naja, für mich bedeudet transparent eigentlich, dass es durchsichtig ist und somit ohne Farbe. Wollte also das ganze auf

transparentBackground = 1

setzen und keinen Background angeben.
Wenn ich das mache, wird mein Text aber weiß gerendert.

Das auskommentieren des

niceText = 1

machte es etwas besser(danke!), aber ist immernoch vorhanden. 🙁
So wie mein Banner momentan aufgebaut ist könnte ich das so machen:

backColor = #4762E3

Dann passt es, da kommt aber noch ein Banner dahinter und der wird an dieser Stelle eine Struktur haben.

Gibt es keine Möglichkeit, dass alles um den Text transparent ist, ohne dass
er gerendert wird?

Unbekannter Benutzer ·

Da muss man was über das GIF Format wissen... Bei GIFs wird eine normale Farbe als Transparent definiert, das ist in dem Standard so vorgesehen. Beim Anzeigen wird dann statt dieser Farbe halt nichts angezeigt. D.h. es kommt schon auf die Hintergrundfarbe an, denn die ist die welche nicht dargestellt wird. Wenn du keine angibst dann ist es weiß. Das Problem sind Pixel die eigentlich halb-transparent sein müssten, das gibt es nämlich bei GIFs nicht, daher kommen da auch oft solche Ränder zustande. Die Lösung wären PNGs die du mit einer aktuellen Version von GD Lib auch erstellen kannst, nur kann die der IE6 nicht darstellen.

Sprich -> Du musst mit irgendeinem Rand leben. Auch wenn das Hintergrundbild ein Muster hat, kannst du ja eine Farbe daraus nehmen, vielleicht sieht es dann gar nicht so schlecht aus. Musst du mal ausprobieren. Ansonsten nochmal im Install-Tool nachsehen, was es für Einstellmöglichkeiten gibt, vielleicht kriegst du ja einen sauberen Übergang hin. Ich hatte eigetnlich gehofft, dass nur niceText diesen Rand produziert.

ben ·

Hallo Kitsunet,

danke für deine Erläuterung, habs nun soweit auch verstanden.
Das mit dem PNG und IE6 wusste ich, habe daher auch darauf verzichtet.
Werde dann mal schauen, dass ich den Hintergrund möglichst gut an den Banner
anpasse und durch die Deaktivierung des niceText ist der Hintergrund ja auch schon weniger geworden. Mal abwarten wie es letztendlich ausschaut.

Danke für die Hilfe.

Liebe Grüße,
Ben