Zum Inhalt springen

Wie jetzt das Menü erstellen?

Erstellt am 12. Januar 2004 · 5 Antworten · letzte Antwort am 13. Januar 2004

Tags: Templates & Layouts, Frage

falk ·

Hallo zusammen,

ich bin absolut neu auf diesem Gebiet und habe trotz Schwierigkeiten geschafft typo3 auf dem Server zu installieren.

Ich habe auch schon eine Designvorlage erstellt und hochgeladen. In der Vorlage habe ich Marker platziert. Also ###INHALT### usw. Das funktioniert auch alles wunderbar.
Nur mit dem Menü bekomme ich das einfach nicht auf die Reihe. Kann mir dabei jemand helfen?

Also im Setup habe ich bis jetzt folgenden Code:
-----------------------------------------------------------
page = PAGE
page.typeNum = 0
page.20 = TEMPLATE
page.20{
template = FILE
template.file = fileadmin/template/bilder/index.htm
workOnSubpart = DOKUMENT

#content
marks.INHALT = CONTENT
marks.INHALT.table = tt_content
}
--------------------------------------------------------------

Jetzt soll (zum. für den Anfang) ein simples Textmenü eingefürgt werden. Hierzu habe ich in der Designvorlage den Marker ###MENU_LINKS### platziert. Irgendwie komme ich nicht weiter. Auch mit der Anleitung von R. Meyer nicht.
Es wäre toll, wenn mir jemand mal auf die Sprünge helfen könnte.

Vielen Dank schon mal!

Gruß Falk

CaVo ·

Ein Beispiel:

# der Marker ###MENU_LINKS###  ist ein Menü
marks.MENU_LINKS = HMENU
marks.MENU_LINKS.entryLevel = 0
marks.MENU_LINKS {
# der erste Level dieses Menüs ist ein Textmenü
 1 = TMENU
 1 {
  noBlur = 1
  #das Menü ist nicht aufgeklappt
  expAll = 0
  # setzt für den <a>-Tag folgende die Klasse  (im CSS-definiert)
  NO.ATagParams= class="nav"
  NO.linkWrap =  |<br>
  #Schallte Benutzung für Aktuelle Menüpunkte an
  ACT=1
  # setzt für den <a>-Tag folgende die Klasse  (im CSS-definiert)
  ACT.ATagParams= class="nav_act"
  ACT.linkWrap = |<br>
 }
}

NO ist hierbei die NICHT aktive Menuführung
ACT ist der aktivierte Menü-Punkt (hast Du also zum Beispiel den Link "Bilder" angeklickt, dann ist in diesem Augenblick Bilder der ACT-Modus, alle anderen sind NO )

falk ·

Hallo,

vielen vielen Dank! Jetzt funktioniert es und ich komme weiter.

Klasse Forum hier! Hat mir schon bei der Installation auf Freenet sehr geholfen.

falk ·

Irgendwie raff ich das nicht. Jetzt habe ich ja meine Haupseiten. Also kann sie im Menü sehen. Jetzt wollte ich die Unterseiten dazu basteln.

Bsp.:

Band
Musiker
Storys

Folgenden Code habe ich dafür verwendet:

page = PAGE
page.typeNum = 0
page.20 = TEMPLATE
page.20{
template = FILE
template.file = fileadmin/template/bilder/index.htm
workOnSubpart = DOKUMENT
marks.INHALT = CONTENT
marks.INHALT.table = tt_content
# der Marker ###MENU_LINKS### ist ein Menü
marks.MENU_LINKS = HMENU
marks.MENU_LINKS.entryLevel = 0
marks.MENU_LINKS {
# der erste Level dieses Menüs ist ein Textmenü
1 = TMENU
1 {
noBlur = 0
#das Menü ist nicht aufgeklappt
expAll = 1
# setzt für den <a>-Tag folgende die Klasse (im CSS-definiert)
NO.ATagParams= class="nav"
NO.linkWrap = |<br>
#Schallte Benutzung für Aktuelle Menüpunkte an
ACT=1
# setzt für den <a>-Tag folgende die Klasse (im CSS-definiert)
ACT.ATagParams= class="nav_act"
ACT.linkWrap = |<br>
}
2 = TMENU
2 {
expAll = 1
NO {
allWrap = <font face=Verdana size="1" color=black>| </font><br>
beforeImg = media/bullets/bullet1_n.gif
beforeROImg = media/bullets/bullet1_h.gif
RO = 1
}
}
}

Was ist daran verkehrt?
Würde mich freuen, wenn mir noch mal jemand hilft.

DSanke schon mal.

falue ·

hi falk ... soweit mir meine sehr bescheidenen typo3 kenntnisse helfen würd ich sagen du musst eine unterebene im menü definieren.
in etwa so

  # Zweite Ebene definieren
  temp.menu_1.2 = TMENU
  temp.menu_1.2 {
  # Normaler Zustand definieren
  NO.allWrap = <div class="menu1-level2-no"> | </div>
  # Aktiver Zustand erlauben und definieren
  ACT =1
  ACT.allWrap = <div class="menu1-level2-act"> | </div>
  noBlur = 1

so hab ich's auf jeden fall aus dem tutorial 'modern template building pt.1' gelernt.

CaVo ·

Also, Du solltest schon eine einheitliche Syntax beibehalten, auch wegen der Übersicht.

page = PAGE
page.typeNum = 0
page.20 = TEMPLATE
page.20{
template = FILE
template.file = fileadmin/template/bilder/index.htm
workOnSubpart = DOKUMENT
marks.INHALT = CONTENT
marks.INHALT.table = tt_content
# der Marker ###MENU_LINKS### ist ein Menü
marks.MENU_LINKS = HMENU
marks.MENU_LINKS.entryLevel = 0
marks.MENU_LINKS {
# der erste Level dieses Menüs ist ein Textmenü
1 = TMENU
1 {
noBlur = 0
#das Menü ist nicht aufgeklappt
expAll = 1
# setzt für den <a>-Tag folgende die Klasse (im CSS-definiert)
NO.ATagParams= class="nav"
NO.linkWrap = |

#Schallte Benutzung für Aktuelle Menüpunkte an
ACT=1
# setzt für den <a>-Tag folgende die Klasse (im CSS-definiert)
ACT.ATagParams= class="nav_act"
ACT.linkWrap = |
}

2 = TMENU
2 {
expAll = 1
NO {
allWrap = <font face=Verdana size="1" color=black>| </font>

beforeImg = media/bullets/bullet1_n.gif
beforeROImg = media/bullets/bullet1_h.gif
RO = 1
}
}
}

Den unteren Teil ändern (also ab der 2 in

page = PAGE
page.typeNum = 0
page.20 = TEMPLATE
page.20{
template = FILE
template.file = fileadmin/template/bilder/index.htm
workOnSubpart = DOKUMENT
marks.INHALT = CONTENT
marks.INHALT.table = tt_content
# der Marker ###MENU_LINKS### ist ein Menü
marks.MENU_LINKS = HMENU
marks.MENU_LINKS.entryLevel = 0
marks.MENU_LINKS {
# der erste Level dieses Menüs ist ein Textmenü
1 = TMENU
1 {
noBlur = 0
#das Menü ist nicht aufgeklappt
expAll = 1
# setzt für den <a>-Tag folgende die Klasse (im CSS-definiert)
NO.ATagParams= class="nav"
NO.linkWrap = |

#Schallte Benutzung für Aktuelle Menüpunkte an
ACT=1
# setzt für den <a>-Tag folgende die Klasse (im CSS-definiert)
ACT.ATagParams= class="nav_act"
ACT.linkWrap = |
}
 2 = TMENU
 2 {
noBlur = 0
#das Menü ist nicht aufgeklappt
expAll = 1
# setzt für den <a>-Tag folgende die Klasse (im CSS-definiert)
NO.ATagParams= class="nav2"
NO.linkWrap = <img src="media/bullets/bullet1_n.gif" alt="" border="0">|
#Schallte Benutzung für Aktuelle Menüpunkte an
ACT=1
# setzt für den <a>-Tag folgende die Klasse (im CSS-definiert)
ACT.ATagParams= class="nav2_act"
ACT.linkWrap = <img src="media/bullets/bullet1_h.gif" alt="" border="0">|
}
}

Ist natürlich nur ein Beispiel. Das geht dann für die dritte und evemtuell vierte Ebene genauso