Hallo,
ich arbeite grad das Tutorial von pixelmotor zu Templavoila durch http://www.pixelmotor.de/nc/developer/wiki/typo3/templavoila/
Alles wird angezeigt. Bis auf das Submenu. Ich habe mich strikt an die Vorgaben des Autors gehalten. Das Template-Setup wurde um folgendes erweitert:
code:
#Definieren des SubMenues
lib.Navigation = HMENU
lib.Navigation.entryLevel = 1
lib.Navigation.1 = TMENU
lib.Navigation.1 {
NO{
linkWrap = <li>|</li>
RO=1
}
}
#Definieren des Hauptmenues
lib.MainMenu = HMENU
lib.MainMenu.entryLevel = 0
lib.MainMenu.1 = TMENU
lib.MainMenu.1{
NO{
linkWrap = <li>|</li>
RO=1
}
}
# Default PAGE object:
page = PAGE
page.typeNum = 0
page.10 = USER
page.10.userFunc = tx_templavoila_pi1->main_page
/code
Hauptmenue, bei mir MainMenu erscheint. Submenu, in dem Fall Navigation, fehlt.
Ich probiere derweil weiter.
Grüße, bolshi
Teilerfolg!
Ich muss natuerlich den entsprechenden Container mit Inhalt fuellen. #paralyzed#
Mein Submenu fehlt allerdings immer noch. Auch erscheint keine linke Spalte.
Moin,
poste doch mal Deinen CSS-Code dazu? 🙂
Gruß
Wolfgang
Hallo und guten Morgen.
1. CSS:
body {
color: black; background-color: white;
font-size: 100.01%;
font-family: Helvetica,Arial,sans-serif;
margin: 0; padding: 1em;
}
/* KOPFZEILE */
#Header{
height: 9.5em;
border: 1px dashed orange;
}
/* HAUPTMENU */
#MainMenu{
height: 2em;
border: 1px dashed orange;
}
/* NAVIGATION */
ul#Navigation {
font-size: 0.83em;
float: left; width: 18em;
margin: 0; padding: 0;
border: 1px dashed orange;
background-color: white;
}
ul#Navigation li {
list-style: none;
margin: 0; padding: 0.5em;
}
ul#Navigation a {
display: block;
padding: 0.2em;
font-weight: bold;
}
ul#Navigation a:link {
color: black; background-color: white;
}
ul#Navigation a:visited {
color: #666; background-color: silver;
}
ul#Navigation a:hover {
color: black; background-color: orange;
}
ul#Navigation a:active {
color: white; background-color: silver;
}
/* INFO */
div#Info {
font-size: 0.9em;
float: right; width: 12em;
margin: 0; padding: 0;
border: 1px dashed silver; background-color: orange;
}
div#Info strong {
font-size: 1.33em;
margin: 0.2em 0.5em;
}
div#Info p {
font-size: 1em;
margin: 0.5em;
}
/* INHALT */
div#Inhalt {
margin: 0 12em 0 16em;
padding: 0 1em;
border: 1px dashed orange;
}
div#Inhalt h1 {
font-size: 1.5em;
margin: 0 0 0.5em;
}
div#Inhalt h2 {
font-size: 1.2em;
margin: 0.2em 0;
}
div#Inhalt p {
font-size: 1em;
margin: 1em 0;
}
2. Template:
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css" media="all">@import url(style.css);</style>
<title>Dreispaltiges Layout</title>
</head>
<body>
<div id="Header"><img src="gfx/logo_big.gif" alt="Logo" /></div>
<div id="MainMenu">Hauptmenu<div>
<ul id="Navigation">
<li><a href="#">MENU 2.1</a></li>
<li>
<ul>
<li><a href="#">MENU 2.1.1</a></li>
<li><a href="#">MENU 2.1.2</a></li>
</ul>
</li>
<li><a href="#">MENU 2.3</a></li>
<li><a href="#">MENU 2.4</a></li>
<li><a href="#">MENU 2.5</a></li>
</ul>
<div id="Info">Info</div>
<div id="Inhalt">Inhalt</div>
</body>
</html>
Gruß, Ingo
Hallo!
Ist das eine 1:1-Kopie des HTML-Code?
Dann mach mal aus
<div id="MainMenu">Hauptmenu<div>
ein
<div id="MainMenu">Hauptmenu</div>
Grüße
Erwin
Der fehlende slash ist mir rausgerutscht. Im Template ist er vorhanden.
Gruß, Ingo
Grad sehe ich, dass in dem o.g. Workshop im Anschluss an die Eintraege für die Menue's darauf hingewiesen wird, dass TemplaVoila eine andere Typoscript-Steuerung verwendet. Im folgenden der Code fuers Submenu:
lib.Navigation = HMENU
lib.Navigation.entryLevel = 1
lib.Navigation.1 = TMENU
lib.Navigation.1 {
NO {
linkWrap = <li>|</li>
RO=1
}
}
Ich bin derzeit noch zu frisch in Sachen TS, um beurteilen zu koennen, ob TypoScript damit klarkommt.
Gruß, Ingo