TEMPLA VOILA und ypMENU
Hallo zusammen
Bin echt begeistert von dem Menü und es will sogar auf unserer Seite laufen. Naja Feintuning ist noch angesagt.
Ich arbeiten auch mit Templa Voila und bin gerade dabei alles umzustellen. So läuft es bei uns:
####################################################
###Setting up the page object
####################################################
page = PAGE
page.typeNum = 0
page.10 = USER
page.10.userFunc = tx_templavoila_pi1->main_page
################################
###ypSlideOutMenu horizontal
################################
config.no_cache = 1
page.includeLibs.ypMenu = fileadmin/LAYOUT/scripts/ypSlideOutMenuH/ypMenu.php
page.headerData.11 = TEXT
page.headerData.11.value = <script type="text/javascript" src="fileadmin/LAYOUT/scripts/ypSlideOutMenuH/ypSlideOutMenus.js" language="JavaScript"></script>
################################
###Body and Includes
################################
page.bodyTag = <body>
...
Jetzt folgt das Setup der Extension gov_accessibility
...
page.config.index_enable = 1
####################################################
### Configuring Dynamic CSS
####################################################
page.CSS_inlineStyle (
BODY
{
...
Hier im css-Abschnitt des Setups habe ich eingefügt:
...
#####################################################
###ypSlideOutMenu Horizontal CSS
#####################################################
/*
###################
# ypMenu Styles #
###################
#cMenu {
height:31px;
width: 708px;
margin-left:1px;
margin-bottom:1px;
background: #FFFFFF url(/fileadmin/LAYOUT/scripts/ypSlideOutMenuH/menu.png) repeat-x top left;
position:relative; /* wichtige angabe, sonst taucht das slideMenu an falscher Position auf */
}
*/
.mmContent {
font-size: 12px; font-family: Verdana, Arial, Helvetica, Geneva, SunSans-Regular;
}
# Untermenü Ebene 1
.mmContent ul {
margin: 0px; padding: 0px;
list-style: none;
z-index:2;
position:relative;
left:0px; top:0px;
}
.mmContent li {
padding: 0px; margin: 0px;
}
.menuBackground {
position:absolute;
left:0px; top:0px;
z-index:1;
}
.mmContent li a {
display: block;
color: #222222;
font-weight:normal;
font-size: 12px;
font-family: Verdana, Arial, Helvetica, Geneva, SunSans-Regular;
width: 150px;
padding: 5px;
text-decoration: none;
border-bottom: solid 1px #CCCCCC;
}
* html .mmContent li a {
width: 160px;
width: 160px;
}
...
und so weiter ... der Code wurde schon so oft dargestellt! Danach geht es wieder weiter mit dem Setup der Extension gov_accessibility
...
#centercontent .contentWrapper
...
Im Abschnitt nach
####################################################
###Setting up doctype, language-stuff and Adminpanel
####################################################
fügte ich folgendes ein
...
####################################################
###ypSlideOutMenu Horizontal
####################################################
temp.ypMenu.special = directory
# 1849 ist die ID der root-page - siehe screenshot
temp.ypMenu.special.value = 1
temp.ypMenu = HMENU
temp.ypMenu {
1 = GMENU
1 {
IProcFunc = user_menu->firstLevel
expAll = 1
wrap = |
NO = 1
NO {
wrap = |
XY = [50.w]+20, 31
30 = IMAGE
30.file = fileadmin/LAYOUT/scripts/ypMenu/menu_bg.png
50 = TEXT
50 {
...
der gesamte Code ist ja bekannt. Es folgen wiederum alle anderen Setupteile der gov_acessibility Extension.
Im Abschnitt mit den marks
...
####################################################
###feeding TYPO3 with the xhtml-template
####################################################
page.10 = TEMPLATE
page.10 {
template = FILE
template.file = {$maintemplate}
workOnSubpart = {$templateWorkOnSubpart}
kopiert ich folgendes
##################################################
###ypSlideOutMenu Horizontal
##################################################
marks.MENU = COA
marks.MENU {
10 < temp.ypMenu
20 < temp.user_menu
Danach folgt wieder der Rest aus dem gov_acessibilty setup
####################################################
###replacing static markers with dynamic content
####################################################
marks.CONTENT = COA
...
Das Menü funktioniert einwandfrei, jedoch ist bei mir noch einiges Tuning angesagt
http://andi.lisandi.com