hallo liebe community, bin noch ein anfänger, beschäftige mich grade mit dem tutorial "template voila" habe auch alles wunderbar installiert und alle anweisungen befolgt: der content wird wiedergegeben, doch die menues nicht!? wer kann mir helfen!wo liegt der fehler ich danke allerliebst im voraus!!!!
hier das setup:
lib.menu_1 = HMENU
lib.menu_1.1 = TMENU
lib.menu_1.1 {
NO.allWrap = <div class="menu1-level1-no"> | </div>
NO.stdWrap.htmlSpecialChars = 1
ACT = 1
ACT.stdWrap.htmlSpecialChars = 1
ACT.allWrap = <div class="menu1-level1-act"> | </div>
}
lib.menu_1.2 = TMENU
lib.menu_1.2 {
NO.allWrap = <div class="menu1-level2-no"> | </div>
NO.stdWrap.htmlSpecialChars = 1
ACT = 1
ACT.stdWrap.htmlSpecialChars = 1
ACT.allWrap = <div class="menu1-level2-act"> | </div>
}
page = PAGE
page.typeNum = 0
page.10 = USER
page.10.userFunc = tx_templavoila_pi1->main_page
<t3datastructure>
<meta type="array" />
<langchildren type="integer">1</langchildren>
<langdisable type="integer">1</langdisable>
</meta>
<root type="array">
<tx_templavoila type="array">
<title>ROOT</title>
<description>Select the HTML element on the page which you want to be the overall container element for the template.</description>
</tx_templavoila>
<type>array</type>
<el type="array">
<field_inhalt type="array">
<tx_templavoila type="array">
<title>hier kommt der Inhalt rinne?</title>
<sample_data type="array">
<numindex index="0"></numindex>
</sample_data>
<etype>ce</etype>
<typoscript>
10= RECORDS
10.source.current=1
10.tables = tt_content
</typoscript>
</tx_templavoila>
<tceforms type="array">
<config type="array">
<type>group</type>
<internal_type>db</internal_type>
<allowed>tt_content</allowed>
<size>5</size>
<maxitems>200</maxitems>
<minitems>0</minitems>
<multiple>1</multiple>
<show_thumbs>1</show_thumbs>
</config>
<label>hier kommt der Inhalt rinne?</label>
</tceforms>
</field_inhalt>
<field_hauptmenu type="array">
<tx_templavoila type="array">
<title>Hauptmenu</title>
<sample_data type="array">
<numindex index="0"></numindex>
</sample_data>
<etype>TypoScriptObject</etype>
<etype_extra type="array">
<objpath>lib.Hauptmenu</objpath>
</etype_extra>
<typoscriptobjpath>lib.Hauptmenu</typoscriptobjpath>
</tx_templavoila>
</field_hauptmenu>
<field_submenu type="array">
<tx_templavoila type="array">
<title>submenu</title>
<sample_data type="array">
<numindex index="0"></numindex>
</sample_data>
<etype>TypoScriptObject</etype>
<etype_extra type="array">
<objpath>lib.SubMenu</objpath>
</etype_extra>
<typoscriptobjpath>lib.SubMenu</typoscriptobjpath>
</tx_templavoila>
</field_submenu>
</el>
</root>
</t3datastructure>
das template:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<link rel="SHORTCUT ICON" href="gfx/fav.ico" />
<style type="text/css" media="all">
@import url(style.css);
</style>
<title>Dreispaltiges Layout</title>
</head>
<body>
<div id="Header">
<img src="gfx/logo.gif" alt="Logo" />
</div>
<div id="MainMenu">
<strong>Hauptmenu</strong>
</div>
<ul id="Navigation">
<li><a href="#">MENU 2.1</a></li>
<ul>
<li><a href="#">MENU 2.1.1</a></li>
<li><a href="#">MENU 2.1.2</a></li>
</ul>
<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">
<strong>Info-Box</strong>
<p>
Diese Box kann man z.b. als Werbebanner nutzen.
</p>
</div>
<div id="Inhalt">
<h1>Typo3 - TemplateVoila Tutorial</h1>
<h2>3-spaltiges Layout</h2>
<p>Es handelt sich bei diesem Template um ein sehr einfach
aufgebautes 3-spalten Layout. Verändere die Grösse deines Browsers und beobachte wie sich die mittlere Spalte verändert.
Die Navigation und die Info-Box verändert sich nicht.</p>
<p>Ich möchte hier nicht grossartig auf die CSS - Gestaltung eingehen. Dazu gibt es im Internet genug Adressen wie z.B.
<br /><a href="http://de.selfhtml.org">SelfHtml</a><br />
<a href="http://www.w3schools.com/default.asp">W3schools.com</a><br />
<a href="http://www.css-maker.de/css-maker/index.html">CSS Maker</a><br />
<a href="http://css.fractatulum.net/index.htm">fractulum.net</a><br />
<a href="http://jigsaw.w3.org/css-validator/">W3C CSS-Validierungsservice</a><br />
zum Testen und für die Fehlersuche kann ich dieses Paket sehr empfehlen:<br />
<a href="http://www.firefox-browser.de/">Firefox Browser</a><br />
<a href="http://ftp.mozilla.org/pub/mozilla.org/extensions/html_validator_based_on_tidy_/html_validator_based_on_tidy_-0.6.2-fx+mz-windows.xpi">Firefox Erweiterung: Html Validator</a><br />
und zu guter letzt:
<a href="http://www.google.de">Google</a><br />
</p>
</div>
</body>
</html>
das css:
body {
color: black; background-color: white;
font-size: 100.01%;
font-family: Helvetica,Arial,sans-serif;
margin: 0; padding: 1em;
}
/* KOPFZEILE */
#Header{
height: 7em;
border: 1px dashed red;
}
/* HAUPTMENU */
#MainMenu{
height: 2em;
border: 1px dashed red;
}
/* NAVIGATION */
ul#Navigation {
font-size: 0.83em;
float: left; width: 18em;
margin: 0; padding: 0;
border: 1px dashed red;
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: red;
}
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: #d67373;
}
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 red;
}
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;
}