[TYPO3] Menu-Template Erstellung auf HTML-Basis

JayMeisterJay · 12.05.2006, 18:23

Hallo,
habe schon des öfteren fleißig hier mitgelesen und habe schon von dem ein oder anderen Post hier profitieren können...
Nun habe ich aber ein ziemlich konkretes Problem bei dem ich nicht weiter komme. Deshalb habe ich mich jetzt auch mal registriert...

Bei meinem Problem dreht es sich, wie man aus dem Topic bereits entnehmen kann, um die Erstellung eines Menu-Templates aufgrund einer HTML-Vorlage.
Hier der HTML-Teil:

Code:

<div id="navigation">
<ul>
  <li class="topic">MenuTopic</li>
  <li><a href="#" class="level1">Menu_Level1</a></li>
  <li><a href="#" class="level1">Menu_Level1</a></li>
  <li><a href="#" class="level1_active">Menu_Level1</a></li>
  <li><a href="#" class="level2">Menu_Level2</a></li>
  <li><a href="#" class="level2">Menu_Level2</a></li>
  <li><a href="#" class="level2">Menu_Level2</a></li>
  <li class="topic">MenuTopic</li>
  <li><a href="#" class="level1">Menu_Level1</a></li>
  <li><a href="#" class="level1">Menu_Level1</a></li>
</ul>
</div>

Und hier der CSS-Teil:

Code:

#navigation{
	float:left;
	}
#navigation ul{
	list-style:none;
	margin:5px 0 30px 0;
	}
#navigation li.topic{
	width:150px;
	text-align:center;
	font:12px/25px Verdana,Arial,sans-serif;
	font-weight:bold;
	color:#03F;
	background:#000;
	border-bottom:solid 1px #FFF;
	}
#navigation li{
	text-align:left;
	border-bottom:solid 1px #FFF;
	}
#navigation a.level1{
	display:block;
	width:140px;
	font:12px/20px Verdana,Arial,sans-serif;
	color:#FFF;
	text-align:left;
	background:#33C;
	text-decoration:none;
	border-left:solid 10px #33C;
	}
#navigation a.level1_active{
	display:block;
	width:140px;
	font:12px/20px Verdana,Arial,sans-serif;
	color:#FFF;
	text-align:left;
	background:#69F;
	text-decoration:none;
	border-left:solid 10px #69F;
	}
#navigation a.level1:hover{
	background:#69F;
	border-left:solid 10px #69F;
	}
#navigation a.level2{
	display:block;
	width:130px;
	font:12px/20px Verdana,Arial,sans-serif;
	color:#FFF;
	text-decoration:none;
	background:#36F;
	border-left:15px solid #33C;
	padding-left:5px;
	}
#navigation a.level2:hover{
	background:#69F;
	}

In irgend einer Dokumentation steht zwar ziemlich detailiert, wie das geht, allerdings wurde bei dem Beispiel der Link in ein DIV eingefasst und nicht wie bei mir in eine Liste. Ein weiterer Unterschied besteht in der Formatierung, im Beispiel wird das Aussehen über die DIV-Formatierung beeinflusst und bei mir durch die Link-Klasse.
Habe es auch schon über die Listenformatierung versucht, bekomme dann im FF auch ein sehr ähnliches Erscheinungsbild hin, im IE aber schießt alles quer... Also kann es das nicht so richtig sein!?

Hat vielleicht jemand eine andere Idee oder einen konkreten Lösungsansatz?!

Ich bin ja eigentlich überzeugt von der Funktionsvielfalt usw. von TYPO3... Aber diese einfach nicht funktionierende Template-Geschichte raubt mir noch den letzten Nerv!! Aber aufgeben will ich es jetzt auch nicht, bei der vielen bisher investierten Zeit...

Also helft mir!!

Schonmal vielen Dank im Voraus.

steffenk · 12.05.2006, 23:35

jo, eigentlich nicht schwer. Für MenuTopic würde ich den Seitentyp Abstand wählen.
und dann sowas in der Art:

Code:

temp.Men = HMENU
temp.Men {
	special = directory
	special.value = 43
		
	1 = TMENU
	1 {
		wrap = <div id="navigation"><ul> | </ul></div>
		noBlur = 1
		
		1.NO.linkWrap = <li>|</li>
		1.NO.aTagParams = class="level1" |*| class="level1" |*| class="level1" |*| class="level2" |*| class="level2" |*| class="level1" |*| class="level1" |*| class="level1"
		
		1.ACT = 1
		1.ACT < .1.NO
		1.ACT.aTagParams = class="level1_active"
		
		1.SPC = 1
		1.SPC.doNotLinkIt = 1
		1.SPC.wrap = <li class="topic">|</li>
	}
}

die Klassen muss man sich halt mit option split zusammenbasteln. oder soll das die 2.Ebene sein ? Dann ist das html aber nicht korrekt.

absolut ungetestet und hier entwickelt - keine Gewähr

aber ein Ansatz sollte es sein.

JayMeisterJay · 17.05.2006, 00:14

Ok, schon mal Danke für die Antwort.
Bin die Woche etwas im Stress, deshalb komm ich nicht so recht dazu mich drum zu kümmern...
Ich versuchs moin aber mal, wenn ich was hab, meld ich mich wieder.

Nochmal Danke...