TYPO3-Testaccount
Testen Sie die aktuellste TYPO3-Version kostenlos und unverbindlich für einen Monat!

Jetzt testen!

Schulungen

jetzt buchen
Forum » TypoScript » Menüs

[Geschlossen] Menüs basierend auf CSS


Autor Nachricht
Verfasst am: 15. 05. 2006 [08:33]
just2b
TYPO3-Gott
Moderator
Themenersteller
Dabei seit: 04.08.2004
Beiträge: 19047
AndyKöln schrieb:

Huhu, nochmal ich - gibt es ne Möglichkeit, das "standartmäßige" t_menu layer zu umgehen? Der Source-Code ist viel zu lang(bei einer sehr tiefen Navigation). Hat jemand ne Lösung? Gibt es hier nen Ansatzpunkt? Neben dem CSS basierten Layout, wäre doch bestimmt noch was anderes denkbar?

und zwar was? vorschläge immer willkommen
=> TYPO3 - inspiring people to share <= aber kein Support per PM!

=> in eigener Sache: · inspiring people to share your location Trag dich in die TYPO3 Weltkarte ein und zeige wie groß die TYPO3 Community ist - vielen Dank!<=
ProfilWWW
Verfasst am: 07. 06. 2006 [12:21]
kazi
Dabei seit: 05.03.2004
Beiträge: 79
 Ich habe versucht das Beispiel wie nachfolgend einzubinden !

Was mache ich falsch ?

Habe den TS-Code im Setup Bereich wie folgt eingebunden:
1.
TYPOSCRIPT
page = PAGE
page.typeNum = 0 
 
page.10 = TEMPLATE  
page.10 {
template = FILE
template.file = fileadmin/templates/Template-4.html
workonSubpart = DOKUMENT
marks.CONTENT < styles.content.get
}
 
#page.stylesheet = fileadmin/styles/styles-ie.css
page.stylesheet = fileadmin/styles/horizontal.css
 
page.includeLibs.gmenu_layers = fileadmin/scripts/tmenu_layers.php
 
 
headerData = COA
headerData.11 = TEXT
headerData.11.value = <script type="text/javascript" src="fileadmin/scripts/horizontal.js"></script>
 
 
page.10.marks.PRIN = HMENU
page.10.marks.PRIN {
	special = directory
	special.value = 850
 
	1 = TMENU
	1 {
		expAll = 1
		wrap = <ul id="nav">|</ul>
		noBlur = 1
		NO = 1
		NO.wrapItemAndSub = <li>|</li>
 
		IFSUB = 1
		IFSUB.wrapItemAndSub = <li class="menuparent">|</li>
		ACTIFSUB < .IFSUB
	}
	2 < .1	
	2.wrap = <ul>|</ul>
 
	3 < .2
	4 < .2
}


2. Im HTML-Template soll der Marker ###PRIN### ersetzt werden.
Wird auch, aber es erscheint kein Layermenü

3. Die Dateien horizontal.js und horizontal.css an die entsprechenden Stellen kopiert und die Rechte per chown angepasst.

Kann mir jemand einen Tip geben ?

Ich denke ich binde die Header Darten falsch ein ??

Zeile 18,19,20 (der Zeilenumbruch bei Zeile 20 existiert nicht Forumsoftware bricht es um)

Danke und Ciao
Kazi


Kazim Karadag
--------------------------------
Profil
Verfasst am: 07. 06. 2006 [13:42]
just2b
TYPO3-Gott
Moderator
Themenersteller
Dabei seit: 04.08.2004
Beiträge: 19047
 probier mal
TYPOSCRIPT
page {
headerData = COA
headerData.11 = TEXT
headerData.11.value = <script type="text/javascript" src="foo.js"></script>
}

=> TYPO3 - inspiring people to share <= aber kein Support per PM!

=> in eigener Sache: · inspiring people to share your location Trag dich in die TYPO3 Weltkarte ein und zeige wie groß die TYPO3 Community ist - vielen Dank!<=
ProfilWWW
Verfasst am: 07. 06. 2006 [14:34]
kazi
Dabei seit: 05.03.2004
Beiträge: 79
 Hallo Just2B,

danke für deine Hilfe icon_smile.gif

Ich habe meinen Code auf dein anraten auf den Zeilen (10,11,12) wie nachfolgend abgeändert. Jedoch erscheint das Layermenü immer noch nicht wofür steht eigentlich nochmla diese 850 ?

TYPOSCRIPT
page = PAGE
page.typeNum = 0 
 
page.10 = TEMPLATE  
page.10 {
 template = FILE
 template.file = fileadmin/templates/Template-4.html
 workonSubpart = DOKUMENT
 marks.CONTENT < styles.content.get
 headerData = COA
 headerData.11 = TEXT
 headerData.11.value = <script type="text/javascript" src="fileadmin/scripts/horizontal.js"></script>
 
}
 
#page.stylesheet = fileadmin/styles/styles-ie.css
page.stylesheet = fileadmin/styles/horizontal.css
 
#page.includeLibs.gmenu_layers = fileadmin/scripts/tmenu_layers.php
 
 
page.10.marks.PRIN = HMENU
page.10.marks.PRIN {
	special = directory
	special.value = 850
 
	1 = TMENU
	1 {
		expAll = 1
		wrap = <ul id="nav">|</ul>
		noBlur = 1
		NO = 1
		NO.wrapItemAndSub = <li>|</li>
 
		IFSUB = 1
		IFSUB.wrapItemAndSub = <li class="menuparent">|</li>
		ACTIFSUB < .IFSUB
	}
	2 < .1	
	2.wrap = <ul>|</ul>
 
	3 < .2
	4 < .2
}


[Dieser Beitrag wurde 1mal bearbeitet, zuletzt am 07.06.2006 um 14:36.]
Kazim Karadag
--------------------------------
Profil
Verfasst am: 07. 06. 2006 [14:48]
kazi
Dabei seit: 05.03.2004
Beiträge: 79
 Just2B,

danke nochmal für deine Hilfe .

Problem gelöst !!! icon_lol.gif icon_lol.gif icon_lol.gif

Lag am special.value.

Die 850 musste ich durch die Root ID bei mir nämlich 16 ersetzen.

Anfängerfehler icon_wink.gif

Ciao

Kazim
Kazim Karadag
--------------------------------
Profil
Verfasst am: 12. 06. 2006 [10:05]
kazi
Dabei seit: 05.03.2004
Beiträge: 79
 Hallo Leute,

wie bereits in meinen letzten Posts erwähnt habe ich es mit meinem Code geshcafft das CSS Menü einzubinden. Jedoch funktioniert es nur auf dem Firefox, nicht aber im IE Version 6.0.28.

PS: Javascript ist eingeschaltet.
Kazim Karadag
--------------------------------
Profil
Verfasst am: 12. 06. 2006 [10:07]
just2b
TYPO3-Gott
Moderator
Themenersteller
Dabei seit: 04.08.2004
Beiträge: 19047
kazi schrieb:

Jedoch funktioniert es nur auf dem Firefox, nicht aber im IE Version 6.0.28.

was ist es? wenn die 2.ebene nicht erscheint im IE? ist das JS auch richtig eingebunden, quellcode => stimmt der pfad

georg
=> TYPO3 - inspiring people to share <= aber kein Support per PM!

=> in eigener Sache: · inspiring people to share your location Trag dich in die TYPO3 Weltkarte ein und zeige wie groß die TYPO3 Community ist - vielen Dank!<=
ProfilWWW
Verfasst am: 12. 06. 2006 [14:21]
littlejoe
Dabei seit: 19.05.2005
Beiträge: 83
 Habe das CSS-menu von CSS-Play in Typo3 eingebunden erfolgreich in Firefox und IE eingbunden.

Den Typo Code findet ihr unter folgendem Post.

www.typo3.net/forum/list/list_post//43641/?page=1#pid164915


Gruß LittleJoe
[/url]
Profil
Verfasst am: 15. 06. 2006 [23:04]
flowtime
Dabei seit: 15.06.2006
Beiträge: 1
 hallo, erstmal danke für das menü,allerdings hab ich ein problem. ich hab alles wie beschrieben eingerichtet, bekomme aber bei den menüpunkten ohne unterpunkte nen zeilenumbruch nach dem a-tag... also so ->
<li><a href="47.0.html">Ansprechpartner</a><br></li>

kann mir jemand erklären wo das herkommt?
wie gesagt, es schaut alles so aus wie im ersten post beschrieben...


schonmal danke!
Profil
Verfasst am: 19. 06. 2006 [11:42]
mve2602
Dabei seit: 22.08.2005
Beiträge: 18
 mich würde sehr interessieren, wie das Menu als Gmenu realisiert wird.
Momentan sieht der Code so aus, allerdings funktioniert es nur im IE 6
richtig. Im Firefox passiert gar nix.
Wäre lieb, wenn mir da jemand weiterhelfen könnte, leider gibt es ja bei Gmenus kein "wrapItemAndSub" icon_frown.gif

TYPOSCRIPT
temp.gmenu-2 = HMENU 
temp.gmenu-2{ 
special = directory
special.value = 20
#entryLevel = 0 
 
1 = GMENU 
1 { 
	  expAll = 1
	  wrap = <ul id="nav">|</ul>
	  noBlur = 1
          NO = 1
          NO {
               ATagTitle.field = title
		 #wrap = <li>|</li>
		 wrap = <li class="menuparent">|</li>
               XY = 178, 28 |*| 84,28 |*| 84,28
               backColor = #b74249 |*| #c8706d |*| #c8706d
               50 = TEXT
               50 {
                    text.field = title
                    fontSize = 18
                    fontFile = fileadmin/template/fonts/ATRotSemSanBol.ttf
                    fontColor = #000000
		    align = left
                    offset = 18,20 |*| 3,20 |*| 3,20
                    transparentBackground = 1
               }
          } 
 
          ACT < .NO
	  ACT = 1	
          ACT.50.fontColor = #FFFFFF	   
 
          RO < .ACT
          RO = 1
  } 
 
2 < .1
2 = GMENU
2 {
	wrap = <ul>|</ul>
	NO = 1	
	NO {
              XY = 178, 15
	      backColor = #FFFFFF
		50 = TEXT
		50 {
		     niceText = 1
                     offset = 100,10
		     fontSize = 12
		}
	}
 
	ACT < .NO
	ACT = 1
	ACT.50.fontColor = #a7032f
 
	RO < .ACT
	RO = 1
	RO.50.fontColor = #a7032f
}
}
Profil


Auf dieses Thema kann nur von Administratoren geantwortet werden.