hi
erstmal hallo und danke an alle!
ohne dieses forum wär das "experiment typo3" bei mir schon längstens gescheitert...
nun wollte ich mal eben dieses wirklich hervorragend dokumentierte menü nachbauen und stoße auf die üblichen schwierigkeiten...
F.Eppmann schriebja, 1 und 3 hab ich gestern noch beseitigen können.
ich denke ich habe dasselbe problem...
...leider hat f.eppmann nicht verraten, wie er das problem mit dem horizontalen menue gelöst hat...
aber nochmal von vorne:
ich will also dieses menue machen.
es funktioniert auch - bis auf...
anstelle meines markers "###navi_main###" bekomme ich den seitentitel, der ebenfalls navi_main heißt angezeigt.
beim rollover fahren die hauptmenuepunkte aus und alles läuft eigentlich wie´s soll...
...nur dass ich halt die hauptmenuepunkte gerne permanent und horizontal angezeigt bekäme...
nun hab ich mir überlegt:
ich könnte ja anstelle von navi_main jeweils einen marker für einen hauptmenuepunkt anlegen und für jeden punkt ein eigenes menue generieren lassen...
...aber irgendwie glaube ich nicht, dass das so gedacht ist.
und da ich mit meinem latein und meinen nerven am ende bin, dacht´ich, fragste einfach mal die jungs vom forum...
entweder habe ich das temp.ypMenu nicht richtig eingebunden (hab ich noch nie vorher gemacht - aber dann wür´s doch garnich gehn?)
ich kann auch die php-datei nur per ftp hochladen - nicht über typo3 - no permissionbla
...damit ihr auch genau im bilde seid:
http://server1.80686-net.de/u00011/index.php?id=142
(totale baustelle)
und hier mal meine dateien:
html:
<html>
<body>
<!-- ###DOKUMENT### -->
<table border="0" width="100%" height="100%"align="center">
<tr>
<td height="100" width="100%" valign="top" class="top">
<table width="100%">
<tr>
<td>
<table border="0" width="100%" align="center">
<tr>
<td class="logo">###logo###</td>
<td class="head">###TRAILER###</td>
</tr>
</table>
</td>
</tr>
<tr>
<td><div id="cMenu">###navi_main###</div>
</tr>
</table>
</td>
</tr>
<tr height=100%" valign="top">
<td class="content"> ###content###</td>
</tr>
<tr height="15" valign="bottom">
<td class="bottom">
<table width="100%">
<tr>
<td class="label">Design 2005 Copyright by Nico Athanasopoulos, AFN - Van d. Vliet & Kunz GmbH</td>
<td class="navi_rechts" align="right">###navi_rechts###</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- ###DOKUMENT### -->
</body>
</html>
basistemplate:
page = PAGE
page {
typeNum = 0
bodyTag = <body bgColor = "FFFFFF">
stylesheet = fileadmin/spp/sph/class.css
meta.AUTHOR = Nico Athanasopoulos
10 = TEMPLATE
10.template = FILE
10.template.file = fileadmin/spp/sph/index.html
10.workOnSubpart = DOKUMENT
10.marks {
logo = IMAGE
logo.file = fileadmin/spp/img/logo.jpg
head
head
TRAILER = IMAGE
TRAILER.file = GIFBUILDER
TRAILER.file {
XY = 559, 86
backColor = #990000
5 = IMAGE
5.file = fileadmin/spp/img/head.jpg
10 = TEXT
10.text.field = subtitle // title
10.fontSize = 60
10.fontFile = fileadmin/fonts/arial.ttf
10.fontColor = #660000
10.niceText = 1
10.offset = 10, 75
20= TEXT
20.text.field = subtitle // title
20.fontSize = 36
20.fontFile = fileadmin/fonts/arial.ttf
20.fontColor = #E2F5E5
20.niceText = 1
20.offset = 40, 68
}
navi_main = COA
navi_main {
10 < temp.ypMenu
20 < temp.user_menu
}
navi_rechts= HMENU
navi_rechts.special = directory
navi_rechts.special.value = 130
navi_rechts.1 = TMENU
navi_rechts.1.NO = 1
navi_rechts.1.NO.linkWrap = | |
content = CONTENT
content {
table = tt_content
select.orderBy = sorting
select.where = colPos = 0
}
}
}
temp.ypMenu
page = PAGE
page {
typeNum = 0
bodyTag = <body bgColor = "FFFFFF">
stylesheet = fileadmin/spp/sph/class.css
meta.AUTHOR = Nico Athanasopoulos
10 = TEMPLATE
10.template = FILE
10.template.file = fileadmin/spp/sph/index.html
10.workOnSubpart = DOKUMENT
10.marks {
logo = IMAGE
logo.file = fileadmin/spp/img/logo.jpg
head
head
TRAILER = IMAGE
TRAILER.file = GIFBUILDER
TRAILER.file {
XY = 559, 86
backColor = #990000
5 = IMAGE
5.file = fileadmin/spp/img/head.jpg
10 = TEXT
10.text.field = subtitle // title
10.fontSize = 60
10.fontFile = fileadmin/fonts/arial.ttf
10.fontColor = #660000
10.niceText = 1
10.offset = 10, 75
20= TEXT
20.text.field = subtitle // title
20.fontSize = 36
20.fontFile = fileadmin/fonts/arial.ttf
20.fontColor = #E2F5E5
20.niceText = 1
20.offset = 40, 68
}
navi_main = COA
navi_main {
10 < temp.ypMenu
20 < temp.user_menu
}
navi_rechts= HMENU
navi_rechts.special = directory
navi_rechts.special.value = 130
navi_rechts.1 = TMENU
navi_rechts.1.NO = 1
navi_rechts.1.NO.linkWrap = | |
content = CONTENT
content {
table = tt_content
select.orderBy = sorting
select.where = colPos = 0
}
}
}
css:
#cMenu {
height:31px;
width: 790px;
margin-left:1px;
margin-bottom:1px;
background: #cccccc url(fileadmin/spp/src/menu_bg2.gif) repeat-x top left;
position:relative; /* wichtige angabe, sonst taucht das slideMenu an falscher Position auf */
}
/*
###################
# ypMenu Styles #
###################
*/
.mmContent {
font-size: 12px; font-family: Verdana, Arial, Helvetica, Geneva, SunSans-Regular;
}
.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;
}
.mmContent li a:link { background: #EAED65; color: #222222; font-size: 12px; }
.mmContent li a:visited { background: #EAED65; color: #222222; font-size: 12px; }
.mmContent li a:hover{ background: #FFFF99; color: #222222; font-size: 12px; }
.mmContent li a:active { background: #EAED65; color: #222222; font-size: 12px; }
.mmContent li a.submenu {
background: #EAED65 url(http://steinhauer-gmbh.net/cms/fileadmin/scripts/ypMenu/pfeil.gif) no-repeat right center;
}
.mmContent li a.submenu:hover {
background: #FFFF99 url(http://steinhauer-gmbh.net/cms/fileadmin/scripts/ypMenu/pfeil.gif) no-repeat right center;
}
/*
##########################################
# ypMenu Styles for our belove IE 5.01 #
##########################################
*/
.mmContentb {
font-size: 12px; font-family: Verdana, Arial, Helvetica, Geneva, SunSans-Regular;
}
.mmContentb ul {
margin: 0px; padding: 0px;
list-style: none;
z-index:2;
position:relative;
left:0px; top:0px;
}
.mmContentb li {
padding: 0px; margin: 0px; }
.menuBackground {
position:absolute;
left:0px; top:0px;
z-index:1;
}
.mmContentb li a {
display: block;
width: 150px;
padding: 5px;
color: #222222;
font-weight: normal;
font-size: 12px;
font-family: Verdana, Arial, Helvetica, Geneva, SunSans-Regular;
text-decoration: none;
border-bottom: solid 1px #CCCCCC;
}
* html .mmContentb li a {
width: 160px;
width: 160px;
}
.mmContentb li a:link { background: #EAED65; color: #222222;}
.mmContentb li a:visited { background: #EAED65; color: #222222;}
.mmContentb li a:hover{ background: #FFFF99; color: #222222;}
.mmContentb li a:active { background: #EAED65; color: #222222;}
.mmContentb li a.submenu {
background: #EAED65 url(http://steinhauer-gmbh.net/cms/fileadmin/scripts/ypMenu/pfeil.gif) no-repeat right center;
font-size: 12px;
}
.mmContentb li a.submenu:hover {
background: #FFFF99 url(http://steinhauer-gmbh.net/cms/fileadmin/scripts/ypMenu/pfeil.gif) no-repeat right center;
font-size: 12px;
}
body { background-color:#990000;
font-family:Helvetica,Arial,sans-seif;
color:#000000;
}
a {text-decoration: none; color:#86061B; background-color:#ffffcc;}
a:hover{text-decoration: none; color:#ffffcc;background-color:#86061B;}
a:active{text-decoration: none; color:#ffffcc;background-color:#86061B;}
.top {background-color:#990000;}
.logo {}
.head {text-align:right;color:#ffffcc;}
.content {background-color:#ffffcc; font-size:12px; color:black; align:left;}
.label {background-color:#86061B; font-size:10px; color:#ffffcc; align:left;}
.navi_rechts {background-color:#86061B; font-size:10px; color:#ffffcc; align:right;}
.bottom {background-color:#86061B; font-size:10px; color:#ffffcc;}
so
wenn´s noch fragen gibt - ich bin online
ich bedanke mich jedenfalls schonmal im voraus bei allen, die sich die zeit nehmen möchten, sich gedanklich mit meinem problem auseinander zu setzen.
mfg aus freiburg
kwie
