Zum Inhalt springen

MENU erstellen - wer hilft mir?

Erstellt am 1. März 2005 · 29 Antworten · letzte Antwort am 5. März 2005 · Seite 1 von 2

Tags: Frage

dieter99 ·

Hallo,
leider gelingt es mir nicht in Typo3 ein Menü zu erstellen. Um die Funktionsweise besser verstehen zu können wollte ich erstmal ein fertiges Script benutzen. Hier im Forum (und auch auf anderen Internetseiten) habe ich viele Codeschnipsel gefunden, doch es ist mir nach wie vor nicht gelungen ein Menü anzeigen zu lassen.

Ich habe zuletzt folgendes Tutorial benutzt:
http://82.165.8.199/typo3cms/exotec-design.de/index.php?id=205

Ich erkläre mal meine Schritte:

1. Ich habe eine Datei namens test.html mit folgenden Inhalt erstellt:

<!--###document###-->> 

<div id="nav">
<!--###nav###-->
<!--###nav###-->
</div> 

<div id="content">
<!--###content###-->
<!--###content###-->
</div> 

<!--###document###-->

Die Datei test.html liegt im Ordner fileadmin
Nun habe ich in Typo3 eine neue Seite erstellt, und habe dort im Template unter Setup folgenden Code eingetragen:

# Default PAGE object: 
seite = PAGE 
seite.typeNum = 0 
seite.bodyTag = <body bgcolor="#42556B" text="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> 
seite.stylesheet = fileadmin/test.css 
seite.hover = #EF1C21 
seite.10 = TEMPLATE 
seite.10 { 
template = FILE 
template.file = fileadmin/test.html
workOnSubpart = document
subparts.nav = HMENU
 subparts.nav.1 = TMENU
 subparts.nav.1 {
   expAll = 1
   wrap =  <ul>|</ul> 

   NO {
     beforeWrap = <li id="first">| || <li id="second">| || <li id="third">| ||<li id="fourth">| || <li id="fifth">| || <li id="sixth">|
     linkWrap = |
     doNotShowLink = 1
     before.cObject = TEXT
     before.cObject.field = uid
     before.cObject.dataWrap = <a href="index.php?id=|" accesskey="{field:tx_govaccessibility_accesskey}"  title="{field:title}:{field:subtitle} ACCESSKEY: {field:tx_govaccessibility_accesskey}">
   #before.cObject.dataWrap = <a href="|.html" accesskey="{field:tx_govaccessibility_accesskey}"  title="{field:title}:{field:subtitle} ACCESSKEY: {field:tx_govaccessibility_accesskey}">
     after.cObject = TEXT
     after.cObject.field = title//nav_title
     after.cObject.htmlSpecialChars = 1
     after.cObject.wrap = |</a>
     wrapItemAndSub = |</li> || |</li> || |</li>|||</li> || |</li> || |</li>
   }
   
   ACT > .NO
   ACT = 1
   ACT {
     beforeWrap = <li id="first_act">| || <li id="second_act">| || <li id="third_act">| ||<li id="fourth_act">| || <li id="fifth_act">| || <li id="sixth_act">|
     wrapItemAndSub = |</li> || |</li> || |</li>|| |</li> || |</li> || |</li>
   } 

 }


}

Ich bin also nach der Anweisung auf http://82.165.8.199/typo3cms/exotec-design.de/index.php?id=205 vorgegangen.

Ich dachte nun das ein Menü angezeigt wird, doch leider ist dem nicht so. Jetzt stellt sich für mich die Frage: wo fehlt noch was???

Auch andere Codeschnipsel funktionieren bei mir nicht.

Muss die css-Datei einen besonderen Inhalt haben? Oder ist der Inhalt der css-Datei egal? Bekomme ich normalerweise ein Menü angezeigt, auch wenn die css-Datei fehlerhaft wäre?

Muss im Template unter "Include static" ein Eintrag stehen?

Vielleicht kann mal jemand eine idiotensichere Anleitung durchgeben.

Ich bin nämlich langsam aber sicher echt genervt!

Ich möchte mich schon jetzt für Eure Unterstützung danken.

Gruss
Dieter

dieter99 ·

Bitte beachten: ich habe nicht nach der Dokumentation gefragt.

Entweder man möchte direkt weiterhelfen, oder man läst es einfach bleiben.

Die Verweiserei auf die Dokus kann man sich sparen!

theo ·
dieter99 schrieb

Bitte beachten: ich habe nicht nach der Dokumentation gefragt.

stimmt

dieter99 schrieb

Entweder man möchte direkt weiterhelfen, oder man läst es einfach bleiben.

dieter99 schrieb

leider gelingt es mir nicht in Typo3 ein Menü zu erstellen. Um die Funktionsweise besser verstehen zu können wollte ich erstmal ein fertiges Script benutzen. Hier im Forum (und auch auf anderen Internetseiten) habe ich viele Codeschnipsel gefunden, doch es ist mir nach wie vor nicht gelungen ein Menü anzeigen zu lassen.

der verweis auf die dokumentation ist (meiner meinung nach...) in deinem fall eine direkte hilfe, denn wenn man noch nicht einmal überhaupt ein menü erstellen kann, dann hapert´s an absolutem grundlagenverständnis.
eine wuselei mit codeschnipseln etc. ist in diesem fall absolut contraproduktiv.

dieter99 schrieb

Die Verweiserei auf die Dokus kann man sich sparen!

s.o.

sorry, war wirklich nicht böse gemeint, und es wäre sicherlich besser gewesen, diese erläuterungen direkt in meinem ersten posting mitzuliefern. aber "man" sollte nicht gleich aggressiv werden, nur weil einem die antwort nicht paßt, oder? 😉

p.s.: meine antwort soll natürlich niemanden anderen davon abhalten, dir weiterzuhelfen, und ich werde dich auch nicht weiter ärgern.

p.p.s.: dieser thread dürfte dich auch interessieren: #21585

Proximo ·

Wie wahr, wie wahr... agressivität ist nicht die richtige Lösung Hilfe von Menschen zu bekommen die hier ihre Freizeit opfern^^

Aber lassen wir das mal dahingestellt, ich hab hier einen tollen 2-Zeiler für dich:

marks.NAV = HMENU
marks.NAV.1 = TMENU

Das wars schon, jetzt solltest du in dein "test.html" noch GENAU das hier einfügen:

###NAV###

Das wars dann schon... vergiss den ganzen anderen rest erstmal, das is zu kompliziert um da überall durchzublicken (was is das überhaupt für ne doku das is ja n horror)

Ach ja der Tip mit der doku war übrigens auch nicht schlecht... früher oder später mußt die so-wie-so durchlesen, oder du wirst viel-viel Zeit damit verbringen dich über "Typo3" (also über dich selber) zu ärgern

MFG Proximo

Korrektur: Ich habe mir nochmal die Doku angeschaut... und die ist nicht schlecht allerdings hättest du sehen müssen das da "Extended TMENU" steht...

Dieses ist vorallem für Fortgeschrittene zu empfehlen und geht etwas weiter in die Materie von TS...

Gutes TUT, nix für Anfänger

dieter99 ·

@theo: der Verweis auf die Doku ist keine Hilfestellung, zumindest dann nicht wenn man die Doku schon kennt.

@Proximo: nach deiner Anleitung passiert rein gar nichts! Mit einem 2-Zeiler ist es wohl nicht getan...

Das einzige was ich erreicht habe: der Marker ###NAV### wird ersetzt, es erscheint stattdessen nichts.

dieter99 ·

Hallo,
ich habs jetzt mit einem GMENU probiert, welches auch angezeigt wird *freu*
Das einzige was ich nicht hinbekommen habe ist der Rollover-Effekt (für die Schrift).

Mein Code lautet:

seite = PAGE 
seite.typeNum = 0
seite.bodyTag = <body bgcolor="#FFFFFF" text="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> 
seite.stylesheet = fileadmin/index.css 
seite.10 = TEMPLATE 
seite.10 { 
template = FILE 
template.file = fileadmin/test.html
}

seite.20 = HMENU
seite.20 {
special = directory
special.value = 43
1 = GMENU
1.NO = 1
1.NO {

XY = [4.w], [4.h]            
4 = IMAGE 
4.file = fileadmin/layout/schalt.jpg 

wrap = |<br>
30 = TEXT
30.text.field = title
30.fontColor = black
30.fontFile = fileadmin/layout/fonts/arial.ttf
30.fontSize = 12

30.offset = 18, 21

}

# roll-over effect 
RO < .NO 
RO = 1 
RO.fontColor = #FF0000

Ich habs auch mit den Ratschlägen auf der Seite #4001 probiert, doch mein Rollover geht immer noch nicht.

Kann mir jemand weiterhelfen?

dieter99 ·

@theo: danke für die superschnelle antwort!

ich bin nun 1 schritt weiter. ich bekomme einen rollover-effekt, doch es passiert nicht das was ich wünsche.

mein menü besteht aus hintergrundbilder (hinter jeden link liegt ein "schaltknopf"). wenn ich nun über einen link fahre, dann verschwindet die schrift UND der hintergrund (der schaltknopf).
der hintergrund soll aber immer unverändert bleiben, es soll sich nur die schriftfarbe ändern.

hast du noch einen tipp, theo?

theo · 
1.RO.30.fontColor...

sorry, aber so wird das immer weitergehen, wenn du keinen bock auf dokus hast...

dieter99 ·

Der Effekt ist immer noch der gleiche:
Der Hintergrund und die Schrift verschwindet :-(

sorry, aber so wird das immer weitergehen, wenn du keinen bock auf dokus hast...

Von den Dokus alleine werde ich nicht schlau. Ich brauche dazu immer noch funktionierende Beispiele, um es besser verstehen zu können.

theo ·
dieter99 schrieb

Von den Dokus alleine werde ich nicht schlau. Ich brauche dazu immer noch funktionierende Beispiele, um es besser verstehen zu können.

da gibt es eine doku, die heißt: "typoscript by example" ... 😉

dieter99 ·
theo schrieb

da gibt es eine doku, die heißt: "typoscript by example" ... 😉

Diese Doku kannte ich noch nicht (wenn ich Zeit habe werde ich sie intensiv durcharbeiten)
Ich bin jetzt mal nach dieser Doku vorgegangen und hab den Code geändert in:

# roll-over effect 
seite.20.1.RO < seite.20.1.NO 
seite.20.1.RO = 1 
seite.20.1.RO.30.fontColor = #FF0000

Leider funzt es nicht :-(
Jetzt hab ich überhaupt keine Rollover Effekt mehr.

Also muss es wohl eher so lauten:

# roll-over effect 
1.RO < .NO 
1.RO = 1 
1.RO.30.fontColor = #FF0000

Hier bekomme ich - wie schon gesagt - einen Rollover Effekt, doch es ändert sich nicht die Schriftfarbe, sondern der Hintergrund und die Schrift verschwindet.

Bitte helft mir nochmal

dieter99 · 
1.RO < .NO
1.RO = 1
1.RO {
  30.fontColor = #FF0000
  # backColor = red
}

Was ich bei diesen Code nicht verstehe:
Obwohl ich "backColor" ausgeklammert habe, erzeugt Typo3 beim Rollover ein weißes Hintergrundbild. Wie kann ich Typo3 sagen, dass beim Rollover der Hintergrund unberührt bleiben soll?

Weiterhin reagiert Typo3 nicht auf den Code " 30.fontColor = #FF0000", bzw. " fontColor = #FF0000. Entweder die Schrift bleibt schwarz, oder sie verwindet :-(

Ju81 ·

Hier mal eins was auf jeden fall funktioniert(zumindest bei mir).

seite = PAGE
seite {
	typeNum = 0
	bodyTag = <body bgColor = "#FFFFFF">
	stylesheet = fileadmin/wbkiv3.css	
	meta.DESCRIPTION = Seite wurde von mir in nächtelanger Arbeit erstellt
	10 = TEMPLATE
	10.template = FILE
	10.template.file = fileadmin/index.html
	10.workOnSubpart = DOKUMENT
	10.marks {
		TITEL = TEXT
		TITEL.field = title
		MENUEL = HMENU
		MENUEL.special = directory
		MENUEL.special.value = 3
		MENUEL.entryLevel = 1
		MENUEL.1 = GMENU
		MENUEL.1.NO = 1
		MENUEL.1.NO {
			XY = 160, 25
			backColor = #D5E0E6
			ATagTitle.field = title			
			10 = TEXT
			10.text.field = title
			10.fontColor = #000000
			10.fontFile = fileadmin/fonts/verdana.ttf
			10.fontSize = 9
			10.niceText = 1
			10.offset = 7, 15			
			20 = IMAGE
			20.file = GIFBUILDER
			20.file {
				XY = 160,2
				backColor = #FFFFFF
				}
			20.offset = 0, 23			
			30 = IMAGE
			30.file = GIFBUILDER
			30.file {
				XY = 160,1
				backColor = #999999
				}
			30.offset = 0, 22			
			40 = IMAGE
			40.file = GIFBUILDER
			40.file {
				XY = 160,1
				backColor = #999999
				}
			40.offset = 0, 0			
			50 = IMAGE
			50.file = GIFBUILDER
			50.file {
				XY = 1,22
				backColor = #999999
				}
			50.offset = 0, 0				
			60 = IMAGE
			60.file = GIFBUILDER
			60.file {
				XY = 1,22
				backColor = #999999
				}
			60.offset = 159, 0			
			}
		MENUEL.1.RO < .MENUEL.1.NO
		MENUEL.1.RO.backColor = #FFFFFF
		MENUEL.1.CUR < .MENUEL.1.RO
dieter99 ·
Ju81 schrieb

Mich wundert das du überhaupt etwas angezeigt bekommst in deinem Coder verweist du auf keine marker !?!

Komischwerweise wurde bei mir bis jetzt nur dann ein Menü angezeigt, wenn ich keine Marker gesetzt habe. Der Code funktionierte auch einwandfrei. Nur wenn ich ein Hintergrundbild benutze dann geht der Rollover Effekt nicht.

@Ju81: Danke für deinen Code. Doch auch mit deinen Code bekomme ich kein Menü angezeigt. Es ist echt zum verzweifeln. Ich habe deinen Code an meinen Template angepasst. Folgende Zeilen wurden von mir verändert:

stylesheet = fileadmin/index.css 
...
10.template.file = fileadmin/test.html
...
10.workOnSubpart = DOCUMENT_BODY 
...
NAVIGATION.special.value = 2
...
10.fontFile = fileadmin/layout/fonts/arial.ttf

und MENUEL wurde komplett ersetzt durch den Begriff NAVIGATION

Der Marker verschwindet zwar, doch ein Menü wird zum verrecken nicht angezeigt. Wo gibt es noch mögliche Fehlerquellen? Muss ich irgendwo nochwas installieren, muss irgendwo noch ein Hacken gesetzt werden oder gibt es irgendwelche Einschränkungen meines Providers?

Mein Template schaut übrigens so aus:

<!--###DOCUMENT_BODY###-->
<table border="0" width="100%">
  <tr>
    <td width="20%">###NAVIGATION###</td>
    <td width="60%">###INHALT###</td>
    <td width="20%">###MENU_RECHTS###</td>
  </tr>
</table>
<!--###DOCUMENT_BODY###-->
dieter99 ·

Liegt`s vielleicht an dieser Einstellung?

Static template files from T3 Extensions:
Default (Include before if Root-flag is set)