+ Antworten
Ergebnis 1 bis 3 von 3

Thema: [TYPO3] Menu-Template Erstellung auf HTML-Basis

  1. #1
    TP-Newbie JayMeisterJay macht alles soweit korrekt
    Registriert seit
    May 2006
    Ort
    Ronshausen
    Beiträge
    2

    [TYPO3] Menu-Template Erstellung auf HTML-Basis

    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.

  2. #2
    TP-Special Mod steffenk lebt für das TP und seine User steffenk lebt für das TP und seine User steffenk lebt für das TP und seine User steffenk lebt für das TP und seine User steffenk lebt für das TP und seine User steffenk lebt für das TP und seine User steffenk lebt für das TP und seine User steffenk lebt für das TP und seine User steffenk lebt für das TP und seine User Avatar von steffenk
    Registriert seit
    Feb 2005
    Ort
    Haan / NRW
    Beiträge
    12.869
    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.


    TYPO3 · MySQLDumper · dislabs
    ·
    manche Mühlen mahlen schneller ...
    "Ich habe Rücken"
    Horst Schlämmer


  3. #3
    TP-Newbie JayMeisterJay macht alles soweit korrekt
    Registriert seit
    May 2006
    Ort
    Ronshausen
    Beiträge
    2
    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...

+ Antworten

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

     

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51