Hallo liebe Typo3ler,
dies ist mein erstes eigenes typo3 projekt und ich hänge an einem nicht funktionierenden rollover.
das template setup schaut folgendermaßen aus:
# Configuring the Auto-Parser for main template:
plugin.tx_automaketemplate_pi1 {
# Read the template file:
content = FILE
content.file = fileadmin/template/index.html
# 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
TR.all = 1
DIV.all = 1
SPAN.all = 1
}
# Prefix all relative paths with this value:
relPathPrefix = fileadmin/template/
}
# Menu-1 cObject
temp.menu_1 = HMENU
temp.menu_1.wrap = <td width="100%" class="menu-1"><table width="100%" cellspacing="0" cellpadding="0"><tr> | </tr></table></td>
# First level menu-object level 1, textual
temp.menu_1.1 = TMENU
temp.menu_1.1 {
# Normal state properties
NO {
allWrap = <td class="menu-1-1-no" id="menu_1_{elementUid}" style="background-color: #FFFFFF"> | </td>
subst_elementUid=1
RO_chBgColor = #431874 | #FFFFFF | menu_1_
RO = 1
}
# Enable active state and set properties:
ACT = 1
ACT {
allWrap = <td class="menu-1-1-act" id="menu_1_{elementUid}" style="background-color: #431874"> | </td>
subst_elementUid=1
}
}
# Second level menu object, textual
temp.menu_2 = HMENU
temp.menu_2.entryLevel = 1
# Second level menu-object level 1, textual
temp.menu_2.1 = TMENU
temp.menu_2.1.wrap = <br><table width="110" cellspacing="0" cellpadding="0" class="menu-2-1"> | </table>
temp.menu_2.1 {
# Normal state properties
NO.allWrap = <tr><td class="menu-2-1-no"><br> | </td></tr> |*| <tr><td class="menu-2-1-no"><br><hr width="60" size="1" color="#434343" noshade><br> | </td></tr> |*| <tr><td class="menu-2-1-no"><br><hr width="60" size="1" color="#434343" noshade><br> | </td></tr>
# Enable active state and set properties:
ACT = 1
ACT.allWrap = <tr><td class="menu-2-1-ACT"><br> | </td></tr> |*| <tr><td class="menu-2-1-ACT"><br><hr width="60" size="1" color="#434343" noshade><br> | </td></tr> |*| <tr><td class="menu-2-1-ACT"><br><hr width="60" size="1" color="#434343" noshade><br> | </td></tr>
}
# Second level menu-object level 2, textual
temp.menu_2.2 = TMENU
temp.menu_2.2 {
# Normal state properties
NO.allWrap = <tr><td class="menu-2-2-no"><br> | </td></tr> |*| <tr><td class="menu-2-2-no"><br><hr width="60" size="1" color="#434343" noshade><br> | </td></tr> |*| <tr><td class="menu-2-2-no"><br><hr width="60" size="1" color="#434343" noshade><br> | </td></tr>
# Enable active state and set properties:
ACT = 1
ACT.allWrap = <tr><td class="menu-2-2-ACT"><br> | </td></tr> |*| <tr><td class="menu-2-2-ACT"><br><hr width="60" size="1" color="#434343" noshade><br> | </td></tr> |*| <tr><td class="menu-2-2-ACT"><br><hr width="60" size="1" color="#434343" noshade><br> | </td></tr>
}
# 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 some example content:
subparts.menu_1 = TEXT
subparts.menu_1 < temp.menu_1
# Substitute the ###menu_2### subpart with some example content:
subparts.menu_2 = TEXT
subparts.menu_2 < temp.menu_2
# Substitute the ###content### subpart with some example content:
subparts.content = TEXT
subparts.content < styles.content.get
}
# 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.headTemplate
der link zur zugehörigen noch IM AUFBAU befindlichen seite:
http://eishockey.provencefahrt-wls.de
wenn ihr nun mit der maus über das horizontale menu über den aktiven menupunkt fahrt, so wird er breiter!
und ich hab keine ahnung wieso!
bitte habt etwas nachsicht ... ich bin noch nicht wirklich html/css/typoscript-sicher.
ach ja ...ums zu vervollständigen hier noch die stylevorlage:
BODY {
margin : 0px 0px 0px 0px;
background-color : #FFFFFF;
color : #000000;
font-family : Verdana, Arial, Helvetica, sans-serif;
}
td, tr, p, div {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
color : #333333;
}
ul {
margin : 0px 0px 0px 0px;
}
hr {
background : #CCCCCC;
height : 1px;
width : 100%;
}
.menu-1 {
margin: 0px 0px 0px 0px;
width: 100%;
border-left: solid 1px #431874;
border-right: solid 1px #431874;
border-top: solid 0px #000000;
border-bottom: solid 1px #431874;
}
.menu-1-1-no {
width: 801px;
text-align: center;
height: 24px;
}
.menu-1-1-no a:link, .menu-1-1-no a:active, .menu-1-1-no a:visited {
color: #431874;
text-decoration: none;
}
.menu-1-1-no a:hover {
color: #FFFFFF;
text-decoration: none;
}
.menu-1-1-act {
width: 801px;
text-align: center;
height: 24px;
}
.menu-1-1-act a:link, .menu-1-1-act a:active, .menu-1-1-act a:visited, .menu-1-1-act a:hover {
color: #FFFFFF;
text-decoration: none;
}
.menu-2-1 {
margin-right: 20px;
border: solid 1px #431874;
text-decoration: none;
}
.menu-2-1-no a:link, .menu-2-1-no a:active, .menu-2-1-no a:visited {
margin-right: 20px;
text-decoration: none;
color: #431874
}
.menu-2-2 {
margin-right: 20px;
text-decoration: none;
}
.menu-2-2-no a:link, .menu-1-1-no a:active, .menu-1-1-no a:visited {
margin-right: 20px;
text-decoration: none;
color: #431874;
}
.menu-2-2-no a:hover {
color: #FFFFFF;
text-decoration: none;
}
.menu-2-2-act a:link, .menu-1-1-act a:active, .menu-1-1-act a:visited, .menu-1-1-act a:hover {
margin-right: 20px;
text-decoration: none;
color: #431874;
}
.csc-header {
line-height: 100%;
}
.spacer-gif {
height: 5px;
}
.bodytext {
padding-top: 0px;
}
So, vielen lieben dank erstmal,
Julia