[TYPO3-german] Newbie hat Fragen zu Template Tutorial von typo3.org

Holly typojack at t-online.de
Sun Jul 27 22:57:26 CEST 2008


Hallo Chris,

also ich selber habe auch wenig mehr Verständnis als nur HTML ;o)) und 
auch vom CMS (Joomla), nur möchte ich alles Schritt für Schritt 
nachvollziehen, so lerne ich besser ;o))) aber es ist doch etwas 
anderes. Darf ich dich mal fragen, wie ich das nun noch zu verstehen, 
habe, dann bin ich soweit auch durch. Und zwar auf Seite 35 steht 
folgendes wo ich aber nicht weiß, wo der Code hinkommt. Ins Template 
oder in die Setup? Das steht da nicht beschrieben:
*
Auszug aus Tutorial*

Wie Sie sehen, hat er für jeden Menüeintrag unabhängig von dessen Ebene 
und Zustand einen <div> Tag eingefügt. Der
Unterschied liegt ausschließlich im Wert des Attributs der Klasse! Das 
ist ein kluges Design, da das Einfügen der
Abschnittsmarkierungen so einfach ist und Benoit eine Menge Zeit bei der 
Implementierung spart! :-) Und die eigentliche
visuelle Steuerung liegt außerhalb von TYPO3, nämlich in der 
CSS-Formatvorlage.
Achten Sie darauf, wie Raphael "aktive" Menüeinträge gekennzeichnet hat.
Die Implementierung dieses Menüs ist sehr einfach. Und so geht's:
Zuerst definieren Sie ein temporäres Objekt am Anfang des 
Template-Datensatzes (vor der Definition von
"temp.mainTemplate"):
# Menu 1 cObject
temp.menu_1 = HMENU
# First level menu-object, textual
temp.menu_1.1 = TMENU
temp.menu_1.1 {
# Normal state properties
NO.allWrap = <div class="menu1-level1-no"> | </div>
# Enable active state and set properties:
ACT = 1
ACT.allWrap = <div class="menu1-level1-act"> | </div>
}
# Second level menu-object, textual
temp.menu_1.2 = TMENU
temp.menu_1.2 {
# Normal state properties
NO.allWrap = <div class="menu1-level2-no"> | </div>
# Enable active state and set properties:
ACT = 1
ACT.allWrap = <div class="menu1-level2-act"> | </div>
}
Beachten Sie die roten Zeilen, die dem HTML-Code entsprechen, den Mr. 
Benoit aus Mr. Raphaels Vorlage kopiert hat. Nun
ist er fest im Template Datensatz gespeichert.
Das einzige, was Sie jetzt noch tun müssen, ist dieses Objekt zu 
kopieren, so dass es das cObject des Teilabschnitts
"menu_1" wird:
...
# 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 dynamic menu:
subparts.menu_1 < temp.menu_1
# Substitute the ###content### subpart with some example content:
subparts.content = TEXT


Bis dann

Holly


Christian Wolff schrieb:
> On Sat, 26 Jul 2008 17:16:19 +0200, Holly <typojack at t-online.de> wrote:
>
>   
>> Hallo,
>>
>> danke für die Info. Das habe ich verstanden, nur wo finde ich das  
>> Demotemplate, damit ich mein Tutorial weiter durcharbeiten kann?
>> Bis du nochmal so nett und hilfst mir da auf die Sprünge, bzw. kannst du  
>> mir da ein Link schicken, wo ich dieses Template herunterladen kann??
>>
>>
>> Schönes Wochenende
>>
>> Holly
>>     
>
> Hallo Holly
> Die Html Dateien zu dem tuorial befinden sich als extension im typo  
> extension reposetory
> http://typo3.org/extensions/repository/view/doc_tut_templselect/0.1.0/
>
> wenn du verständnis von html hast. solltest du aber auch in der lage sein  
> es von anfang an
> mit deinen eigenen html dateien zu machen.
>
> gruss chris
>
>   



More information about the TYPO3-german mailing list