Zum Inhalt springen

IMGMENU & RO ?

Erstellt am 11. Mai 2007 · 14 Antworten · letzte Antwort am 14. Juni 2007

Tags: Frage

Corelgott ·

Hi Just2B,

einfach den RO definieren habe ich schon verscuht. Leider ohne Erfolg... Also einfach RO anstellen und dann .NO "kopiren" hat ebensowie etwas gebracht, wie RO komplett definieren. (Und ja ich habe RO = 1 vorher gemacht um RO zu aktivieren ^^)

Aber thx für den Tip!

Hat vll noch jemand eine idee?
Oder kann jemand bestätigen, das RO bei einem IMGMENU eigentlich funktionieren sollte und ich bloß etwas falsch mache?

cya

Corelgott

ps.: Ich hänge nochmal das TS an...

temp.topmenu.1 {
  main.XY = [10.w] , [10.h]
  main.format=jpg
  main.quality=88
 
  main.10 = IMAGE
  main.10.format = jpg
  main.10.quality = 88
  main.10.file = fileadmin/back.jpg

  dWorkArea = -30,200
  NO.distrib = 0, 46
  NO.10 = TEXT
  NO.10 {
	text.field = title
      	fontSize = 12
      	fontColor = #666666
      			
      	fontFile = fileadmin/georgia.ttf
	antiAlias = 1
	angle = 48
	align = right
	offset = 0,0
	imgMap.explode = 3,2

      	shadow.offset = 2,2
	shadow.blur = 10
	shadow.opacity = 0
  }
  RO=1
  RO.10 = TEXT
  RO.10 {
	text.field = title
      	fontSize = 12
      	fontColor = #ffffff
      			
      	fontFile = fileadmin/georgia.ttf
	antiAlias = 1
	angle = 48
	align = right
	offset = 0,0
	imgMap.explode = 3,2

      	shadow.offset = 2,2
	shadow.blur = 10
	shadow.opacity = 0
  }
}


page.10.marks.menu < temp.topmenu
Corelgott ·

hmm hat keiner mehr eine idee zu dieser Thematik? Ich muss gestehen, dass das einzige workaround welches ich mir vorstellen kann, nur sehr statisch wäre....

Unbekannter Benutzer ·

ein Vorschlag als Workaround...

Du machst ein GMENU bei dem die Buttons transparent sind und legst hinter das gesamte Menü (also das umgebende DIV oder was auch immer) per CSS ein background-image.

Grüße

Christian

Corelgott ·

hi kitsunet...

wie ich oben schon geschrieben habe...

[zitat]
Die Menü-Punkte per transparentem Gif drüberlegen geht auch schlecht, da gif aufgrund seiner transparentz einfach nur dämlich aussieht und dann der schatten flöten ginge... PNG würde ich ungerne wegen des IE6 nehmen...
[/zitat]

somit... was für ne transparentz schlägst du vor?

Phlogiston ·

Hallo zusammen

Ich habe ähnliche Probleme wie Corelgott. Hat hier irgendjemand noch einen Hinweis? Oder ist hier typo3 einfach fehlerhaft?

fuss ·

Olla!

Wieso so kompliziert? Hoffe, ich haue jetzt nicht zu sehr auf die Kacke 😉

Definiere Dir einfach Deine beiden Bilder in NO:

NO.10 {
 bla
}
NO.20 {
 bla
}

Dem ersten Bild gibst Du mit "params" eine CSS Klasse class="imagenormal" und dem anderen class="imagehover" mit. Dann im CSS:

/* normal state */
#deinmenu a img.imagenormal {
 display: block;
}
#deinmenu a img.imagenormal {
 display: none;
}

/* hover state */
#deinmenu a:hover img.imagenormal {
 display: none;
}
#deinmenu a:hover img.imagenormal {
 display: block;
}

Somit wird bei einem hover zwischen beiden Bildern einfach getauscht.

gruss, fuss

Phlogiston ·

Die Idee scheint eigentlich ganz nett zu sein. Nur hilft es mir im Konkreten Fall nicht weiter. Denn wegen dem rotierten Menu, kann ich nicht mal eine Grafik vernünfig einbinden.

Dennoch bleibts ein Rätsel warum RO beim IMGMENU nicht klappt.

fuss ·

Hm dann entweder das Bild aufteilen, oder aber mal versuchen, die Menüpunkte durchzunummerieren, und Dir mit Hilfe des crop Befehls anhand der Nummer den jeweiligen Ausschnitt des Bildes holen.

Oder aber, hm...

folgendes Konstrukt (ohne Bildzerstückelei):

Dein Menü ist in einem div, das div hat als Background das Normale Bild. In dem div sind Deine Menüpunkte (vom GIFBUILDER als transparent gif gerendered, also nur der TEXT), jeder Menüpunkt hat eine eigene CSS class und eine feste Höhe. In der CSS class definierst Du dir Dein hover Bild als background image, und die Background Position (In diesem Fall sind Deine Links 20px hoch):

#deinmenu a.link01:hover {
 background: transparent url('imagehover.jpg') no-repeat 0 0;
}
#deinmenu a.link02:hover {
 background: transparent url('imagehover.jpg') no-repeat 0 20px;
}
#deinmenu a.link03:hover {
 background: transparent url('imagehover.jpg') no-repeat 0 40px;
}

Du hast somit exakt 2 Bilder, welche von dem gif Text überlagert werden, und der jeweilige Bildausschnitt beim hover wird durch die BG position festgelegt.

gruss, fuss

Phlogiston ·

danke vielmals für deine unterstützung. Der hacken an der Sache ist halt, dass das Menu dann nicht mehr vollständig automatisch dynamisch erstellt wird...

Ich haber nun das menu einfach ein wenig anders designt, aber vielleicht finde ich noch energie mich nochmals darum zu kümmern.

fuss ·

Der hacken an der Sache ist halt, dass das Menu dann nicht mehr vollständig automatisch dynamisch erstellt wird...

Huh? Wieso dass denn nicht?
Du hast doch sowieso zwei Bilder, oder hab ich das falsch verstanden?
Die Menüeinträge werden doch dynamisch erstellt, und die beiden Bilder kannst Du Dir mit aus dem media field holen.

gruss, fuss