Zum Inhalt springen

Abstandhalter unter letztem Sub-Menüpunkt

Erstellt am 30. März 2006 · 1 Antwort · letzte Antwort am 31. März 2006

Tags: Frage

Muckster ·

Hallo,

such jetzt schon ne Weile, habe aber nichts gefunden. ich möchte gerne einen abstandshalter (gif oder div) unter den letzten Sub-Menüpunkt bekommen. Darin muss aber auch die Hintergrund-Farbe aus dem DB-Feld tx_irmultisite_color (aus tt_content) dynamisch hinzugefügt werden. Hier mal mein bisheriger Code:

### Navi cObject ###
temp.navi_outer = HMENU
temp.navi_outer.wrap = |<div class="null_lineheight"><img src="fileadmin/templates/main/img/navi_trenner.gif" width="182" height="3" alt="" /></div>
# First level menu-object, textual
temp.navi_outer.1 = TMENU
temp.navi_outer.1 {
	# Normal state properties
	NO = 1 
	NO {
		stdWrap.htmlSpecialChars = 1
		allWrap = <div class="null_lineheight"><img src="fileadmin/templates/main/img/navi_trenner.gif" width="182" height="3" alt="" /></div> |
		linkWrap = <div class="navi_punkte">|</div>
		ATagParams = class="text_12px col_grau link_underline"
	}
	
	# Enable active state and set properties:
	ACT = 1
	ACT {
		stdWrap.htmlSpecialChars = 1
		allWrap = <div class="null_lineheight"><img src="fileadmin/templates/main/img/navi_trenner.gif" width="182" height="3" alt="" /></div><div class="navi_punkte" style="background-color:{field:tx_irmultisite_color};"> |
		allWrap.insertData = 1
		linkWrap = | </div>
		ATagParams = class="text_12px col_grau text_underline"
	}
}

# Second level menu-object, textual
temp.navi_outer.2 = TMENU
temp.navi_outer.2 {
	# Normal state properties
	NO = 1
	NO {
		stdWrap.htmlSpecialChars = 1
		allWrap = <div class="navi_punkte2" style="background-color:{levelfield:1, tx_irmultisite_color, slide};"> |
		allWrap.insertData = 1
		linkWrap =  | </div>
		ATagParams = class="text_12px col_grau link_underline"
	}

	# Enable active state and set properties (kopie von NO):
	ACT = 1
	ACT < .NO
	ACT {
		ATagParams = class="text_12px col_grau text_underline"
	}
}

Das HTML sieht dasnn bisher so aus, es soll dann wie gesagt unter den letzten Sub-Menüpunkt "DRUCK" noch ein Abstandshalter incl. Backgroundfarbe aus DB:

<div class="navi_outer">
	<div class="null_lineheight"><img src="fileadmin/templates/main/img/navi_trenner.gif" width="182" height="3" alt="" /></div>
	<div class="navi_punkte"><a href="index.php?id=9" onfocus="blurLink(this);" class="text_12px col_grau link_underline">STARTSEITE</a></div>
	<div class="null_lineheight"><img src="fileadmin/templates/main/img/navi_trenner.gif" width="182" height="3" alt="" /></div>
	<div class="navi_punkte"><a href="index.php?id=8" onfocus="blurLink(this);" class="text_12px col_grau link_underline">WIR ÜBER UNS</a></div>
	<div class="null_lineheight"><img src="fileadmin/templates/main/img/navi_trenner.gif" width="182" height="3" alt="" /></div>
	<div class="navi_punkte" style="background-color:#FFF5D8;"><a href="index.php?id=7" onfocus="blurLink(this);" class="text_12px col_grau text_underline">SIEBDRUCK</a></div>
		<div class="navi_punkte2" style="background-color:#FFF5D8;"><a href="index.php?id=17" onfocus="blurLink(this);" class="text_12px col_grau link_underline">Geschichte</a> </div>
		<div class="navi_punkte2" style="background-color:#FFF5D8;"><a href="index.php?id=16" onfocus="blurLink(this);" class="text_12px col_grau link_underline">Rahmen</a> </div>
		<div class="navi_punkte2" style="background-color:#FFF5D8;"><a href="index.php?id=15" onfocus="blurLink(this);" class="text_12px col_grau link_underline">Gewebe</a> </div>
		<div class="navi_punkte2" style="background-color:#FFF5D8;"><a href="index.php?id=14" onfocus="blurLink(this);" class="text_12px col_grau link_underline">Vorlage</a> </div>
		<div class="navi_punkte2" style="background-color:#FFF5D8;"><a href="index.php?id=13" onfocus="blurLink(this);" class="text_12px col_grau link_underline">Schablone</a> </div>
		<div class="navi_punkte2" style="background-color:#FFF5D8;"><a href="index.php?id=12" onfocus="blurLink(this);" class="text_12px col_grau link_underline">Farbe</a> </div>
		<div class="navi_punkte2" style="background-color:#FFF5D8;"><a href="index.php?id=11" onfocus="blurLink(this);" class="text_12px col_grau link_underline">Druck</a> </div>
	<div class="null_lineheight"><img src="fileadmin/templates/main/img/navi_trenner.gif" width="182" height="3" alt="" /></div>
	<div class="navi_punkte"><a href="index.php?id=6" onfocus="blurLink(this);" class="text_12px col_grau link_underline">FOLIENBESCHRIFTUNG</a></div>
	<div class="null_lineheight"><img src="fileadmin/templates/main/img/navi_trenner.gif" width="182" height="3" alt="" /></div>
	<div class="navi_punkte"><a href="index.php?id=5" onfocus="blurLink(this);" class="text_12px col_grau link_underline">MATERIALIEN</a></div>
	<div class="null_lineheight"><img src="fileadmin/templates/main/img/navi_trenner.gif" width="182" height="3" alt="" /></div>
	<div class="navi_punkte"><a href="index.php?id=4" onfocus="blurLink(this);" class="text_12px col_grau link_underline">GALERIE</a></div>
	<div class="null_lineheight"><img src="fileadmin/templates/main/img/navi_trenner.gif" width="182" height="3" alt="" /></div>
	<div class="navi_punkte"><a href="index.php?id=2" onfocus="blurLink(this);" class="text_12px col_grau link_underline">LINKS</a></div>
	<div class="null_lineheight"><img src="fileadmin/templates/main/img/navi_trenner.gif" width="182" height="3" alt="" /></div>
	<div class="navi_punkte"><a href="index.php?id=3" onfocus="blurLink(this);" class="text_12px col_grau link_underline">KONTAKT</a></div>
	<div class="null_lineheight"><img src="fileadmin/templates/main/img/navi_trenner.gif" width="182" height="3" alt="" /></div>
	<div class="navi_punkte"><a href="index.php?id=10" onfocus="blurLink(this);" class="text_12px col_grau link_underline">IMPRESSUM</a></div>
	<div class="null_lineheight"><img src="fileadmin/templates/main/img/navi_trenner.gif" width="182" height="3" alt="" /></div>
</div>

Vielleicht gehts irgendwie mit Option-Split, bekomme es aber nicht hin. Und leider ich in "wrapItemAndSub" nichts dynamsiche einfügen.

Man merkt wohl das ich blutiger Anfänger bin, wäre aber für jeden Tipp dankbar.

Muckster ·

OK, jetzt hab ich glaube auch mal option-split "etwas" verstanden... #paralyzed#

Hab durch Optionsplit vor das Enden des letzten divs nen Abstandhalter geknallt. Hintergrundfarbe stimmt dadurch natürlich.

linkWrap =  | </div> |*| | </div> |*| | <div style="line-height: 8px; font-size: 1px;">&nbsp;</div></div>