Hallo!
habe vorher ein Design mit CSS/Java Script erstellt und möchte ein Menü in Typo3 einbinden und weiß nicht mehr was ich machen soll.
HTML-Datei, Menü:
<div id="globalNav">
<div id="globalLink">
<a href="#" id="gl1" class="glink" onmouseover="ehandler (event,menuitem1);">Hauptmenüpunkt</a>
</div>
</div>
<div id="Hintergrund">
<div id="subglobal1" class="subglobalNav">
<a href="#">Submenüpunkt</a>
</div>
</div>
Die CSS-Datei ist so aufgebaut (ohne Formatierungen):
#Hintergrund{}
#globalNav {}
#globalLink{}
a.glink, a.glink:visited {}
a.glink:hover {}
.subglobalNav{}
.subglobalNav a:link, .subglobalNav a:visited {}
.subglobalNav a:hover{}
Vorerst habe ich es folgendermaßen in Typo3 eingebunden. Funktioniert aber nicht:
Configuring the Auto-Parser for main template:
plugin.tx_automaketemplate_pi1 {
# Read the template file:
content = FILE
content.file = fileadmin/template/main/template_1.htm
# Here we define which elements in the HTML that
# should be wrapped in subpart-comments:
elements {
BODY.all = 1
BODY.all.subpartMarker = DOCUMENT_BODY
HEAD.all = 1
HEAD.all.subpartMarker = DOCUMENT_HEADER
HEAD.rmTagSections = title
TD.all = 1
}
# Prefix all relative paths with this value:
relPathPrefix = fileadmin/template/main/
}
# Menu 1 cObject
temp.menu_1 = HMENU
# First level menu-object, textual
temp.menu_1.1 = TMENU
temp.menu_1.1 {
# Normal state properties
NO.allWrap = <a class="glink"> | </a>
# Enable active state and set properties:
ACT = 1
ACT.allWrap = <a class="glink:hover"> | </a>
}
# Second level menu-object, textual
temp.menu_1.2 = TMENU
temp.menu_1.2 {
# Normal state properties
NO.allWrap = <div class="subglobalNav"> | </div>
# Enable active state and set properties:
ACT = 1
ACT.allWrap = <div class="subglobalNav"> | </div>
}
# Main TEMPLATE cObject for the BODY
temp.mainTemplate = TEMPLATE
temp.mainTemplate {
# Feeding the content from the Auto-parser to the TEMPLATE cObject:
template =< plugin.tx_automaketemplate_pi1
# Select only the content between the <body>-tags
workOnSubpart = DOCUMENT_BODY
# Substitute the ###menu_1### subpart with dynamic menu:
subparts.menu_1 < temp.menu_1
# Substitute the ###menu_1### subpart with some example content:
subparts.menu_1 = TEXT
subparts.menu_1.value = HELLO WORLD - MENU
# Substitute the ###content### subpart with some example content:
subparts.content = TEXT
subparts.content.value = HELLO WORLD - CONTENT
}
# Main TEMPLATE cObject for the HEAD
temp.headTemplate = TEMPLATE
temp.headTemplate {
# Feeding the content from the Auto-parser to the TEMPLATE cObject:
template =< plugin.tx_automaketemplate_pi1
# Select only the content between the <head>-tags
workOnSubpart = DOCUMENT_HEADER
}
# Default PAGE object:
page = PAGE
page.typeNum = 0
# Copying the content from TEMPLATE for <body>-section:
page.10 < temp.mainTemplate
# Copying the content from TEMPLATE for <head>-section:
page.headerData.10 < temp.headTemplatep