---
title: "deutsche Anleitung zu Tempvoila"
url: "https://www.typo3.net/d/26790-deutsche-anleitung-zu-tempvoila"
source: "typo3.net"
tags: ["Archiv","TemplaVoilà","Frage"]
created: "2005-07-04"
last_reply: "2006-09-06"
replies: 41
solved: false
page: 1
pages: 1
lang: "de"
---

# deutsche Anleitung zu Tempvoila

Archiv › TemplaVoilà · 41 Antworten · gestartet 2005-07-04

## Eröffnungsbeitrag

**tom_meier** · 2005-07-04 · [Beitrag #1](https://www.typo3.net/d/26790-deutsche-anleitung-zu-tempvoila/1)

Hallo,

gibt es irgendwo eine verstädnliche deutsche Anleitung zu Tempvoila?. Alle schwärmen davon, nur  #angry# "raff" ich nicht was das dingen kann, geschweige benutzen kann. Würde gerne die neuen Funktionen nutzen wollen. Habe bereits die englische Doku gelesen und bin genauso weit wie vorher. Auch die Beispiel habe ich ausprobiert und sind auch nicht gerade sehr aussagekräftig. Wenn also jemdand eine Anleitung ODER ein Beispiel Posten könnte wäre das super.

Gruß Tom

## Antworten

### [#2](https://www.typo3.net/d/26790-deutsche-anleitung-zu-tempvoila/2) · tom_meier · 2005-07-24

ok, haber es jetzt selber herausgefunden.... ist doch simpler als ich dachte.... nur flexform machen noch probleme mit der Ausgabe.. Teilweise wird der Ihnalt nicht ausgegeben den ich eintragen. Aber denke das krieg ich auch noch hin.

Gruss Tom

### [#3](https://www.typo3.net/d/26790-deutsche-anleitung-zu-tempvoila/3) · Mauki · 2005-08-07

Ein deutsches Tutorial würde mich auch interessieren.

### [#4](https://www.typo3.net/d/26790-deutsche-anleitung-zu-tempvoila/4) · tom_meier · 2005-08-08

Hallo Mauki,

ist aber doch relativ einfach wenn du die engl. Anleitung nimmst. Seit der 0.4 düftest du weiniger Probleme haben ein funktionierendes System zum laufen zu bringen. Ich habe mich auch schwer damit getan aber ist wirklich einfacher als das normale system.

Viele Grüße

Tom

### [#5](https://www.typo3.net/d/26790-deutsche-anleitung-zu-tempvoila/5) · visionsurfer · 2005-08-15

Hallo,
ich habe bisher meine Typo3 Seiten immer "normal" erstellt. Jetzt möchte ich gerne mal zum testen eine Seite mit Tempvoila erstellen. Gibt es wirklich noch keine deutsche Anleitung oder ein Tutorial dazu ? Mit dem ganzen englishen kram tue ich mich ein bisschen schwer ? Ich würde es auch gerne verstehen :)

Viele Grüße,
Visionsurfer

### [#6](https://www.typo3.net/d/26790-deutsche-anleitung-zu-tempvoila/6) · mstuebner · 2005-08-15

> **visionsurfer schrieb:**
>
> ich habe bisher meine Typo3 Seiten immer "normal" erstellt. Jetzt möchte ich gerne mal zum testen eine Seite mit Tempvoila erstellen. Gibt es wirklich noch keine deutsche Anleitung oder ein Tutorial dazu ? Mit dem ganzen englishen kram tue ich mich ein bisschen schwer ? Ich würde es auch gerne verstehen :)

Ich habe noch keines gesehen. Ist auch irgendwie verwunderlich: Viele wollen eines, aber wenn es dann einer verstanden hat wie TV funktioniert haben sie ganz vergessen ihr Wissen in ein Dokument zu schreiben, um anderen zu helfen. Und so geht es immer weiter.

### [#7](https://www.typo3.net/d/26790-deutsche-anleitung-zu-tempvoila/7) · visionsurfer · 2005-08-16

Sehr schade. Ich habe es leider noch nicht verstanden und würde gerne mehr darüber wissen. Aber eine gute Anleitung habe ich bisher noch nicht gefunden, das es mir etwas klarer wird.

Gruß,
Visionsurfer

### [#8](https://www.typo3.net/d/26790-deutsche-anleitung-zu-tempvoila/8) · mstuebner · 2005-08-16

> **visionsurfer schrieb:**
>
> Sehr schade. Ich habe es leider noch nicht verstanden und würde gerne mehr darüber wissen. Aber eine gute Anleitung habe ich bisher noch nicht gefunden, das es mir etwas klarer wird.

Dann gehts Dir wie mir.  :)

### [#9](https://www.typo3.net/d/26790-deutsche-anleitung-zu-tempvoila/9) · apohl · 2005-08-30

> **tom_meier schrieb:**
>
> ok, haber es jetzt selber herausgefunden.... ist doch simpler als ich dachte.... nur flexform machen noch probleme mit der Ausgabe.. Teilweise wird der Ihnalt nicht ausgegeben den ich eintragen. Aber denke das krieg ich auch noch hin.
>
> Gruss Tom

Hallo Tom,

würdest du uns wohl an Deiner Erleuchtung teilhaben lassen ? Evtl. sogar mal ein kurzes deutsches How2 schreiben ?

Ich beiss mir jetzt seit zwei Wochen die Zähne aus, sprich mir gehts wie in Deinem erstem Post (mein FTP sieht mittlerweile aus wie ein 100jähriges Kirchengesangbuch)... um so bedauernswerter find ich es, daß ich es in diesen zwei Wochen nocht nicht geschafft habe, auf den Stand Deines zweiten oder gar dritten Posts in diesem Thread zu kommen. Wenn ich das hier im Forum richtig lese, geht es Vielen so... also, gib Dir nen Ruck und gib uns Starthilfe !  :o

Gruß, André

### [#10](https://www.typo3.net/d/26790-deutsche-anleitung-zu-tempvoila/10) · demeter · 2005-08-30

vielleicht kann ich dir helfen.

### [#11](https://www.typo3.net/d/26790-deutsche-anleitung-zu-tempvoila/11) · mstuebner · 2005-08-30

> **apohl schrieb:**
>
> Evtl. sogar mal ein kurzes deutsches How2 schreiben ?

Na, da bin ich jetzt mal gespannt...  :o

### [#12](https://www.typo3.net/d/26790-deutsche-anleitung-zu-tempvoila/12) · mstuebner · 2005-08-30

> **demeter schrieb:**
>
> vielleicht kann ich dir helfen.

Bischen kurzes HoTo.  o.O

### [#13](https://www.typo3.net/d/26790-deutsche-anleitung-zu-tempvoila/13) · apohl · 2005-08-30

Hallo demeter,

mein Problem ist, daß ich einfach nicht kapiere, was der gute Kaspar mit seinem FTB-tut von mir will  #angry#

Ich habe ein HTML-Template mit dem TV-Wizzard importiert, gemappt, Sche**e geschrien, neu gemappt und aktiviert.

So weit so gut.... dann habe ich mir gedacht, wäre ja toll, wenn der Seitentitel auch in einem def. Seitenbereich anezeigt würde.

Also neues Content-Element angelegt (als TypoScript Object Path), gemappt und Prewiev gemacht, wird korrekt angezeigt.

Nur... wie überrede ich Typo dazu, daß ich das irgendwo editieren kann (so wie den content) ? Sprich: Ich will das Element mit Inhalt füllen können.

Ferner würde ich gerne noch eine Infobox (auf der rechten Seite des HTML-Templates) einbinden, die nur auftaucht, wenn Inhalt da ist.

Wie binde ich Plugins ein ?

Was ist Flec-Content ?

Wie ändere ich die Anzeigeeigenschaften der Elemente ?

Wieso verschwinden Elemente beim Update des TO, wenn Sie nicht mit ObejctPath angelegt wurden ?

Ich versteh einfach die Grundlagen dieser Wunderextension nicht (und sorry, das FTB ist zwar didaktisch bestimmt super (wenn man es denn versteht), aber ich komm trotzdem nicht mit klar).

Das Einzige, was ich bisher kapiert habe, sind die Menüs, die der Wizard produziert.... und das auch nur, weil diese auf herkömmliche Art im Template eingebunden werden.

Ich frag mich momentan, ob mein Englisch so mies geworden ist (was mir meine Kollegen aus China schon längst gesteckt hätten) oder ob ich einfach meine Hinwindungen nicht genug verdrehe, um es zu verstehen (die Worte sind klar, alleine der sinn verschließt sich mir  :o ).

Ich such mir jetzt seit Wochen die Finger wund, um irgend was an Materie zu finden, das Einzige, was ich bis jetzt ausser dem FTB-Tut gefunden habe, ist ein Mini-Tutorial von Marlics Cohen .... da das aber auch nur eine zusammenfassende Reproduktion des FTB ist, steh ich genauso blöd da.

HILFEEEEE !

Ich frag mich mittlerweile, ob ich mit TypoScript nicht schneller wäre... will mir aber selbst eine Meinung bilden können, was für mich sinnvoller ist.

### [#14](https://www.typo3.net/d/26790-deutsche-anleitung-zu-tempvoila/14) · demeter · 2005-08-31

@matthias: lass uns doch zusammen einem anfänger erklären wie er schritt für schritt vorgeht um ein root-template mit TO und DS erstellt. dann ein oder zwei content elemente. eine erste deutsche anleitung. wie gut die ist hängt dann von uns ab, oder?

also ein etwas längertes howTo:
dein root template soll also in etwa so aussehen:

```html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Unbenanntes Dokument</title>
</head>

<body title="als root mappen">

<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td title="hier mappen,set inner">navi: TypoScript Object Path mappen</td>
    <td title="hier mappen,set inner">content: als mapping type element editing type content element</td>
    <td title="hier mappen,set inner">infobox: mapping type element, editing type content element</td>
  </tr>
</table>


</body>
</html>
```

nach dem mappen saven und als page template abspeichern.
in der setup datei der rootseite
für die navi einfügen

```typoscript
# Menu lib.mymenu cObject
lib.mymenu = HMENU
    lib.mymenu {    
     entryLevel = 0     
}

  # First level menu-object, textual
lib.mymenu.1 = TMENU
lib.mymenu.1 {
   expAll = 1
# Normal state properties
   NO {
    wrapItemAndSub = <div> | </div>
    ATagParams = class="deine css klasse"    
    } 
   
# Enable active state and set properties:
  ACT = 1
   ACT {
    wrapItemAndSub = <div> | </div>
    ATagParams = class="deine css klasse" 
          }
}

  # Second level menu-object, textual
lib.mymenu.2 = TMENU
lib.mymenu.2 {
    # Normal state properties
   NO {
   wrapItemAndSub = <div> | </div>
    ATagParams = class="deine css klasse"   } 
 
    # Enable active state and set properties:
  ACT = 1
  ACT {
   wrapItemAndSub = <div> | </div>
    ATagParams = class="deine css klasse"   }
}
```

über liste Storagefolder kannst du über TO/templavoila dein css einbinden welches du im head deines html-templates definiert hast.
in der DS musst du vorallem die cdata werte neu einfügen. auch <typoscript>
wird überschrieben mit <typoscript> auch hier im board übrigens wenn du dir einmal die vorschau anzeigen lässt und dann sendest wird <typoscript> zu <typoscript>. Wichtig ist das bei der Konfigurierung des RTE. dazu später mehr.

Auf der folgenden url habe ich beschrieben wie ein content element nur für ein bild funktioniert.
[/d/29315-will-mit-tv-nur-ein-bild-einfuegen-aber-ehm](https://www.typo3.net/d/29315-will-mit-tv-nur-ein-bild-einfuegen-aber-ehm)
hoffe ein bisschen weitergeholfen zu haben. fortsetzung folgt wenn erwünscht in den nächsten tagen.

### [#15](https://www.typo3.net/d/26790-deutsche-anleitung-zu-tempvoila/15) · apohl · 2005-09-01

ist erwünscht ... :-) ich werde zwar aus beruflichen Gründen in den nächsten 1,5 Wochen keine Zeit haben, aber der Thread ist gerade in meine Favoriten gewandert und wird nachgearbeitet .

Danke !

### [#16](https://www.typo3.net/d/26790-deutsche-anleitung-zu-tempvoila/16) · anj · 2005-09-01

Hi leute ... habe eine deutsches Tutorial zu TV geschrieben ... aber leider habe ich keine Ahnung wie ich es in das extension repository laden kann .. denn die erlauben nur eine Maximale Grösse von 100 K ?!?!

Das file hat aber um 280K ... habe schon versucht es zu reduzieren, aber es geht niemals runter auf die 100K!

Kann ich denn irgendwie das in die Docs von Typo3.org hochladen? oder geschieht es alles über TER ?

Ansonsten .. wer könnte denn einen Server zur verfügung stellen bzw. dieses Tutorial mal testen .. nicht das sich irgendwelche Fehler eingeschlichen haben...

Gruss

aNj

### [#17](https://www.typo3.net/d/26790-deutsche-anleitung-zu-tempvoila/17) · apohl · 2005-09-02

ich und ich ....
Ich werd im Urlaub die Anleitung von demeter durchgehen und würd mich dann auch Deinem HowTo widmen (da ich mit TV noch DAU bin, gibt´s wohl keinen besseren Test :-).

Dir anschließend Speicherplatz zur Verfügung zu stellen, sollte kein Problem sein (solange der monatliche Traffic nicht größer als 10 GB ist :-)

Einzige Bedingung meinerseits; ich krieg das Tutorial zum Testen als PDF (und der Donwload am besten auch)..... ich habe keine Lust, mir extra OO zu installieren :-)

### [#18](https://www.typo3.net/d/26790-deutsche-anleitung-zu-tempvoila/18) · anj · 2005-09-02

Wie gesagt ... kein Problem ...

Wer mein Tutorial testen und nach Fehlern überprüfen möchte, der soll am besten eine mail an mich. (anj2j@yahoo.de) schicken.

Ich schicke euch dann das Tutorial als PDF zu.

Wenn ihr dann Fehler findet, schickt mir bitte eine Message und ich werde diese bei mir beheben.

Gruss

aNj

### [#19](https://www.typo3.net/d/26790-deutsche-anleitung-zu-tempvoila/19) · blauwahr · 2005-09-02

> ...einem anfänger erklären...

was zB. "mapping" ist bzw. was da passiert.

Die kurze Animation samt Text sind leider nicht grad selbsterklärend. Und außer, daß sich mein Gesicht zu einem einzigen großen HÄÄ????????? verformt passiert nix.

Möchte Euch also von Herzen zu einer Anleitung ermuntern und bin immer bereit weitere "dumme" Fragen zu stellen.
Gruß
Volker

### [#20](https://www.typo3.net/d/26790-deutsche-anleitung-zu-tempvoila/20) · anj · 2005-09-02

hi leute ... das Tutorial ist endlich online

unter der id:

**doc_tv_de**

Ihr könnt euch das tutorial online anschauen ... aber irgendwie ist das Inhaltsverzeichniss falsch ... da ist am anfang eine 5.0 die ich im Dokument nicht habe ?!?! keine ahnung ... aber man kannst auf jedenfall lesen :)

Viel spass!

### [#21](https://www.typo3.net/d/26790-deutsche-anleitung-zu-tempvoila/21) · theo · 2005-09-04

> **anj schrieb:**
>
> hi leute ... das Tutorial ist endlich online
>
> unter der id:
>
> **doc_tv_de**

Wie jetzt? Wo jetzt??

### [#22](https://www.typo3.net/d/26790-deutsche-anleitung-zu-tempvoila/22) · anj · 2005-09-04

entweder über Typo3 -> Extension Manager

oder du gehst online auf typ3.org und suchst nach Extensions/Docus

### [#23](https://www.typo3.net/d/26790-deutsche-anleitung-zu-tempvoila/23) · theo · 2005-09-04

Genau das hatte ich beides getan. Aber da ich an beiden Orten nix gefunden hatte, hab ich dieses kurze Wuselfrageposting geschrieben...  ;)

### [#24](https://www.typo3.net/d/26790-deutsche-anleitung-zu-tempvoila/24) · anj · 2005-09-04

hm ... also ich habs heute getestet ... du kannst auf jedenfall diese Extension erreichen, man kann nur nicht auf Full Manual klicken wenn du nicht angemeldet bist bei typo3.org. sondern gehe dann auf Configuration etc.

Es müsste gehen!
:)

### [#25](https://www.typo3.net/d/26790-deutsche-anleitung-zu-tempvoila/25) · apohl · 2005-09-05

Sorry für meine DAU-Frage...:

Ich habe die Anleitung als Extension installiert... nur wie komme ich jetzt an die Anleitung dran (hab noch nie mit einer Anleitung aus dem EXT-Rep. gearbeitet). Angezeigt wurd sie mir zumindest nur im Extension-Manager (als installiert).

### [#26](https://www.typo3.net/d/26790-deutsche-anleitung-zu-tempvoila/26) · demeter · 2005-09-06

hallo
war die letzten tage ziemlich beschäftigt.
die deutsche doku ist nicht schlecht, aber nach meinem geschmack ein bisschen dürftig. vielleicht kannst du ja mehrere fce-beispiele aufnehmen und so die doku nach und nach umfangreicher werden lassen. hab hier ein beispiel mit section container und container beschrieben.
wen´s interessiert nachbasteln oder die codes einfach an den richtigen stellen einfügen, aber vorsicht, der code bildet datenbanknamen und wenn diese schon belgt sind werden eure inhalte überschrieben. zum thema rte... da kann jeder ein lied von singen.
 [/d/24857-rte-in-fce-aktivieren](https://www.typo3.net/d/24857-rte-in-fce-aktivieren)

Dieses element hat einen text links und ein oder mehrere bilder rechts.
der html code:

```html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Unbenanntes Dokument</title>
</head>
 
<body>
<table width="395" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td>für den text</td>
	<td><span><img src="spacer.gif" width="deinen wert angeben" height="deinen wert angeben" alt="TemplaVoila " /><br /></span></td>
  </tr>

</table>
 
</body>
</html>
```

die data strukture

```typoscript
<t3datastructure>
    <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_d49141 type="array">
                <tx_templavoila type="array">
                    <title></title>
                    <sample_data type="array">
                        <numindex index="0"></numindex>
                    </sample_data>
                    <etype>text</etype>
                    <proc type="array">
                        <hsc type="integer">1</hsc>
                    </proc>
                </tx_templavoila>
                <tceforms type="array">
                    <config type="array">
                        <type>text</type>
                        <cols>48</cols>
                        <rows>5</rows>
                    </config>
                    <label></label>
                </tceforms>
            </field_d49141>
            <field_dcc17b type="array">
                <type>array</type>
                <tx_templavoila type="array">
                    <title>überschrift section container neues bild einfügen</title>
                    <etype>input</etype>
                </tx_templavoila>
                <el type="array">
                    <field_fe28f7 type="array">
                        <type>array</type>
                        <tx_templavoila type="array">
                            <title>überschrift container</title>
                            <etype>input</etype>
                        </tx_templavoila>
                        <el type="array">
                            <field_528fbf type="array">
                                <tx_templavoila type="array">
                                    <title>die bilder</title>
                                    <sample_data type="array">
                                        <numindex index="0">die bilder</numindex>
                                    </sample_data>
                                    <etype>image</etype>
                                    <typoscript>
	10 = IMAGE
	10.file.import = uploads/tx_templavoila/
	10.file.import.current = 1
	10.file.import.listNum = 0
	10.file.maxW = deinen wert angeben
							</typoscript>
                                </tx_templavoila>
                                <tceforms type="array">
                                    <config type="array">
                                        <type>group</type>
                                        <internal_type>file</internal_type>
                                        <allowed>gif,png,jpg,jpeg</allowed>
                                        <max_size>1000</max_size>
                                        <uploadfolder>uploads/tx_templavoila</uploadfolder>
                                        <show_thumbs>1</show_thumbs>
                                        <size>1</size>
                                        <maxitems>1</maxitems>
                                        <minitems>0</minitems>
                                    </config>
                                    <label>die bilder</label>
                                </tceforms>
                            </field_528fbf>
                        </el>
                    </field_fe28f7>
                </el>
                <section>1</section>
            </field_dcc17b>
        </el>
    </root>
</t3datastructure>
```

wie geht man vor:
machst dir die html vorlage
dann tust in templaVoila den text als mapping type element/editing type textarea mappen.
als nächstes den add-button drücken und statt element container anwählen, updaten und Make this container a SECTION! anwählen.
cancel/close drücken und du siehst zwei add button. den zweiten drücken und element container anwählen. jetzt hast du drei add-button. den dritten add-button anwählen und mapping type element/editing type image anwählen.
beim mappen must du folgendes beachten:
SC ist td zwei set inner, CO ist der span set outer(!!) und das element ist der img tag.
warum der span outer?
im quelltext siehst du das die span-tag jetzt wiederholt und durch den br untereinandergesetzt werden.
wenn du dieses fce jetzt als content element abspeicherst und es als inhalt einfügst siehst du im backend und dem rte eine kleine box mit überschrift sektion container... anwählen und speichern so oft dieses wiederholt wird soviele bilder kannst du einfügen.

### [#27](https://www.typo3.net/d/26790-deutsche-anleitung-zu-tempvoila/27) · anj · 2005-09-06

> **apohl schrieb:**
>
> Sorry für meine DAU-Frage...:
>
> Ich habe die Anleitung als Extension installiert... nur wie komme ich jetzt an die Anleitung dran (hab noch nie mit einer Anleitung aus dem EXT-Rep. gearbeitet). Angezeigt wurd sie mir zumindest nur im Extension-Manager (als installiert).

Hi, du must bei der installation der Ext. einfach noch zusätzlich den Haken bei

> Include "doc/manual.sxw", if any

machen.

### [#28](https://www.typo3.net/d/26790-deutsche-anleitung-zu-tempvoila/28) · anj · 2005-09-06

> **demeter schrieb:**
>
> hallo
> war die letzten tage ziemlich beschäftigt.
> die deutsche doku ist nicht schlecht, aber nach meinem geschmack ein bisschen dürftig. vielleicht kannst du ja mehrere fce-beispiele aufnehmen und so die doku nach und nach umfangreicher werden lassen. hab hier ein beispiel mit section container und container beschrieben.
> wen´s interessiert nachbasteln oder die codes einfach an den richtigen stellen einfügen, aber vorsicht, der code bildet datenbanknamen und wenn

Hi!

Wie schon erwähnt ist die Doku auf die schnelle Entstanten, da ich gemerkt habe das viele an einer interessiert waren.

Das FCE Beispiel finde ich klasse! Wenn du möchtest biete ich dir das uploadpasswort an ... somit könntest du das Tutorial erweitern, und das gilt nicht nur für dich :). Zur Zeit hab ich leider viel um die Ohren :(, aber vielleicht schaffe ich es in ein Paar wochen wieder ....

Wer ernsthaft lust hat das Tutorial zu erweitern und den TV - Anfängern ein Licht in den langen Tunnel strahlen will... kein Problem!

Gruss

aNj

### [#29](https://www.typo3.net/d/26790-deutsche-anleitung-zu-tempvoila/29) · demeter · 2005-09-06

hi anj
hab selber viel um die ohren.
ich poste hier ab und zu beispiele. die kannst du dann ja übernehmen und der doku hinzufügen wenn du möchtest.
grüsse aus dem ländle

### [#30](https://www.typo3.net/d/26790-deutsche-anleitung-zu-tempvoila/30) · huhny · 2005-09-07

Hi!

Man kann die Doku übrigends auch auf der Dokument-Matrix aufrufen:

<http://typo3.org/documentation/document-library/doc_tv_de/>

Gruss,
Benny

### [#31](https://www.typo3.net/d/26790-deutsche-anleitung-zu-tempvoila/31) · apohl · 2005-09-12

Sorry,

aber ich bin scheinbar zu blöd.

Ich habe wie im Tut von Anj eine Struktur angelegt, ein Template erstellt, gemappt und siehe da, ich bin genauso weit, wie mit dem TV-Wizard (ok, das war vorher abzusehen) :-)

Ferner habe ich mal ein weiteres ContentElement eingefügt und festgestellt, daß ich scheinbar zu blöd bin, das dann auch im Backend verfügbar zu machen.

Daher gehe ich jetzt mal den umgekehrten Weg (demeters Beispiele sind zwar super ausführlich, aber für mich über das Ziel herausgeschossen, so lange ich die Grundprinzipien nicht verstehe).

Ich habe mir eine leere Installation auf meinen Server gekloppt und mir ein html-template erstellt (eine Seite).

Guckst Du hier: <http://www.andre-pohl.de/praxis/fileadmin/templates/PRAXISBEISPIEL.html> (sorry, aber das Board zerhaut mir die URL... alo bitte paste & copy)

Das ganze ist als Anschauungsbeispiel gedacht, das über die Beispiele des TV-Wizzards hinausgeht und soll keinen Award für Design und HTML-Validität gewinnen.

Neben der Erstellung einer zweiten Contentebene (die Infobox) sollen drei Extensions eingebunden werden, die m.E. eigentlich zu den Standards einer Seite gehören.

Mein Vorschlag: Sofern es jemand schafft, mir zu erklären, wie ich das Template mit Inhalt füllen kann, bastel ich daraus einen Workshop und mach das bei mir anschließend mitsamt den Demodateien verfügbar. So ist es vieleicht für Leute, die genauso auf dem Schlauch stehen, wie ich, einfacher, als wenn das ein Routinier (wo ist mein Duden) erklärt :-)

Und jemand Lust ? Demeter ? Anj ? Somebody else ?

Ich leg einfach mal los:

Das html-Template (ja, ich weiss, grausiger Code, aber auf die schnelle :-) ) ist hochgeladen und gemapped (der Einfachheit halber mit dem Wizzard).

Das Ergebnis schaust Du hier <http://www.andre-pohl.de/praxis>

Wie man sieht, ist der Hauptcontent gemapped, ein Hauptmenü und ein Submenü wurden erstellt und gemapped.

Eigenartiger Weise gibt es einen Darstellungsfehler, der aber wohl auf einen fehlerhaftes Mapping eines Containers meinerseits zurückzuführen ist.

Was soll noch gemacht werden:

- • die Überschrift (***Lorem ipsum...)*** soll dynamisch werden.
  • die Infobox soll mit einem ContentElement versehen werden und idealerweise nur auftauchen, wenn Sie mit Inhalt gefüllt ist.
  • es sollen die Extensions PDF-Generator, Tip-a-friend sowie ein druckerfreundliches Layout eingebunden werden

Damit dürfte dann ein Großteil der Standard-Anforderungen abgedeckt sein... im nächsten SChritt (wenn ich es bis hierher kapiert habe), würde ich dann versuchen, noch so Dinge wie ein Forum, Gästebuch, etc. zu inkludieren.

So dürften wir dann am Ende ein komplettes HowTo für einen kleineren Webauftritt haben.

### [#32](https://www.typo3.net/d/26790-deutsche-anleitung-zu-tempvoila/32) · demeter · 2005-09-12

Hi aphol
 zunächst einmal zum besserem verständnis für die anderen leser dein html template

```html
<%@ Language=JavaScript %><html>

<head>
<meta name="GENERATOR" content="Microsoft FrontPage 5.0" />
<meta name="ProgId" content="FrontPage.Editor.Document" />
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252" />
<title>Lorem Ipsum</title>
<link rel="stylesheet" type="text/css" href="praxisbeispiel.css" />
</head>

<body bgcolor="#432CB4" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

<table border="0" cellpadding="2" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="AutoNumber1">
  <tr>
    <td width="14%" rowspan="9" bgcolor="#432CB4" align="center">
    <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="90%" id="AutoNumber3">
      <tr>
        <td width="100%">###MENÜ###</td>
      </tr>
      </table>
    </td>
    <td width="86%" colspan="4" bordercolor="#432CB4" bgcolor="#432CB4"> </td>
  </tr>
  <tr>
    <td width="86%" colspan="4" bgcolor="#432CB4"><i><b>
    <font face="Verdana" size="6" color="#FFFF00">Lorem Ipsum...</font></b></i></td>
  </tr>
  <tr>
    <td width="86%" colspan="4" bgcolor="#432CB4"> </td>
  </tr>
  <tr>
    <td width="86%" colspan="4" bgcolor="#432CB4">###SUBMENÜ###</td>
  </tr>
  <tr>
    <td width="86%" colspan="4" bgcolor="#432CB4"> </td>
  </tr>
  <tr>
    <td width="26%"> </td>
    <td width="20%"> </td>
    <td width="20%"> </td>
    <td width="20%"> </td>
  </tr>
  <tr>
    <td width="66%" colspan="3" bgcolor="#F7B0F7"> die td mappen### content1###<br /> <p><font face="Verdana">
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent tristique 
    pellentesque turpis. Nulla risus mauris, gravida id, blandit eget, interdum 
    a, neque. In in dolor ut nibh mollis congue. Etiam molestie porta tellus. In 
    ullamcorper nonummy tortor. Sed nec odio ac magna malesuada iaculis. Aliquam 
    rhoncus molestie arcu. Aliquam mauris. Aliquam erat volutpat. Nulla ligula. 
    Fusce auctor suscipit est. Sed porttitor pellentesque magna. Vivamus risus. 
    Nulla iaculis accumsan metus. Aenean justo lorem, dapibus sed, dignissim at, 
    elementum at, odio.
    <img border="0" src="lipsum.jpg" align="right" hspace="2" vspace="2" width="240" height="240" alt="" /></font></p>
    <p><font face="Verdana">Nunc elit. Morbi libero libero, auctor vel, nonummy 
    sit amet, sodales ac, justo. Donec eget odio euismod lectus dignissim 
    porttitor. Donec feugiat ultrices orci. Suspendisse potenti. Nulla eros 
    justo, volutpat ut, dignissim consectetuer, aliquam mattis, urna. Maecenas 
    aliquam auctor lectus. Donec enim. Curabitur nisi justo, varius at, luctus 
    ut, consequat eget, dui. Phasellus ligula lectus, tempor et, laoreet sit 
    amet, feugiat et, leo. Pellentesque vehicula turpis a dolor. Integer dolor. 
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce turpis nisi, 
    iaculis id, venenatis eu, pulvinar at, ligula. Proin dictum. Nulla massa. 
    Phasellus turpis ante, tempor eu, ultricies nec, consequat non, justo. 
    Maecenas vel massa. Nulla elit dui, mattis sit amet, luctus vitae, nonummy 
    eget, dolor. Nulla turpis turpis, bibendum vitae, pharetra suscipit, 
    imperdiet nec, nibh. </font></p>
    <p><font face="Verdana">Sed auctor. Duis felis. Fusce in quam. Phasellus 
    auctor cursus metus. Quisque eu arcu sit amet elit commodo rutrum. Aliquam 
    lacinia lacus at eros. Praesent ut dui id lorem iaculis vulputate. Aliquam 
    ligula purus, feugiat et, malesuada eu, euismod id, justo. Phasellus eu pede 
    a mauris ornare luctus. Sed at felis. Proin at urna. </font></p>
    <p> </p>
    <p> </p>
    <p> </td>
    <td width="20%" valign="top" align="center" bgcolor="#F7B0F7">
    <table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="90%" id="AutoNumber2">
      <tr><br />
        <td width="90%" bgcolor="#FF00FF">die td mappen### content_news###<br /></td>
      </tr>
    </table>
    </td>
  </tr>
  <tr>
    <td width="26%" bgcolor="#F7B0F7">die td mappen### content_PDF###</td>
    <td width="20%" bgcolor="#F7B0F7">die td mappen### content_PRINT###</td>
    <td width="20%" bgcolor="#F7B0F7">die td mappen### content_TIPFRIEND###</td>
    <td width="20%" bgcolor="#F7B0F7"> </td>
  </tr>
  <tr>
    <td width="86%" colspan="4" bgcolor="#432CB4"> </td>
  </tr>
</table>

</body>

</html>
```

Zum Ablauf:
1. das Template hochladen
die ganzen tag wie a,p,font usw. rausschmeissen aus dem vorlagen code. gib den td´s classen oder id´s.
2. das template mappen und als Page Template speichern
3. die content elemente gemappt, und als content elemente speichern
4. die content elemente einfügen und mit inhalt füllen.

zu 1.)
Dateiliste/deinenOrdnerAnklicken/datei upload

zu 2.)
die vorlage datei anklicken / bearbeiten mit templaVoila
zunächst die root mappen body/set inner
dann die einzelnen elemente ### menu### ### ###submenu### ###content 1### ###content news### ###content pdf### ###content print### ###content tipafriend###.
zu 2.1) ### menu### , ###submenu### :
add button drücken und ein element anlegen mit editing type typoScriptObjektPath
updaten
lib.myObject umbenennen in z.b. menu_links
updaten, cancel, mappen die zelle in der der marker steht, set inner.
dasselbe für ###submenu### lib.myObject umbenennen in z.b. menu_sub
zu 2.2)###content 1### ###content news### ###content pdf### ###content print### ###content tipafriend###:
die einzelnen content elemente werden als element mit dem editing type content element geaddet und gemappt für die jeweilige zelle/ set inner.
abspeichern als
**page content**.

jetzt kannst du in der rootpage im setup dein menu definieren
als beispiel:

```typoscript
# Menu rate cObject
lib.menu_links = HMENU
lib.menu_links {
     special = directory
     special.value = ??
     entryLevel = 0
     #maxItems =3
}

  # First level menu-object, textual
lib.menu_links.1 = TMENU
lib.menu_links.1 {
   expAll = 1
    # Normal state properties
   NO {
    wrapItemAndSub = <span class="??"> | </span><br /> |*| <span class="??"> | </span><br /> |*| <span class="??"> | </span>
    ATagParams = class="navilinks"    
         } 
    
# Enable active state and set properties:
  ACT = 1
   ACT {
    wrapItemAndSub = <span class="??"> | </span><br /> |*| <span class="??"> | </span><br /> |*| <span class="??"> | </span>
    ATagParams = class="navilinks_2"
           }
   }
```

zu 3.)
wenn du jetzt eine neue seite anlegst wählst deine gerade eben angelegte page seite aus. und du siehst eine geschichte mit 5 reihen.
jetzt kannst du deine FCE machen:
im eigentlichen inhalt, also ###content eins brauchst du zwei verschiedene.
das erste ist nur text, das zweite ist text und bild. dafür kannst du die standard vorlagen verwenden also text, text mit bild rechts und dann nocheinmal text.
gehe auf deine neu angelegte seite (grüne seite)und füge wo dein eigentlicher content läuft die drei elemente nacheinander ein.
wenn du inhalt einfügen willst geht das dann analog zu typo3 ohne templaVoila.

an den anderen content spalten, also
###content news### ###content pdf### ###content print### ###content tipafriend### fügst du das dementsprechende plugin ein(alle installiert und im roottemplate zugewiesen??) und gestaltest diese nach deinen wünschen.

sorry ein bisschen kurz hab´s aber gerade aus dem kopf geschrieben.
hoffe das so auf die schnelle keine fehler gemacht habe.
wenn du irgendwo hängst, sag mir die stelle wo.
gugst du ausserdem hier:
[/d/29315-will-mit-tv-nur-ein-bild-einfuegen-aber-ehm](https://www.typo3.net/d/29315-will-mit-tv-nur-ein-bild-einfuegen-aber-ehm)
wer rechtschreibfehler findet darf sie behalten :D

### [#33](https://www.typo3.net/d/26790-deutsche-anleitung-zu-tempvoila/33) · apohl · 2005-09-12

ok, das dauert etwas... ich meld mich, wenn ich es fertig habe.

### [#34](https://www.typo3.net/d/26790-deutsche-anleitung-zu-tempvoila/34) · Mauki · 2005-10-26

Hab jetzt doch ne deutsche Anleitung zu TemplaVoila gefunden.

[Klick mich](http://typo3.org/documentation/document-library/doc_tv_de/)

### [#35](https://www.typo3.net/d/26790-deutsche-anleitung-zu-tempvoila/35) · donillo · 2005-10-28

Hi,

was ist eigentlich der Vorteil mit der Templateerstellung über TV? Erstelle immer ganz normal, das geht ansich auch ganz fix...

### [#36](https://www.typo3.net/d/26790-deutsche-anleitung-zu-tempvoila/36) · RChristian · 2006-04-03

Hallo alle zusammen,

kan es sein das nach der update auf ter2 das manual zu "doc_tv_de" gelöscht wurde? Ich wollte mir heute das manual mal durchlesen aber weder in "Extensions Responsitory: <http://typo3.org/extensions/repository/search/doc_tv_de/0.0.27/details/>" noch in der Doku-Matrix: <http://typo3.org/documentation/document-library/extension-manuals/> konnte ich d. Doku finden.

Währe nett wenn der Autor die extensions (mit Manual) neu laden würde.

mfg,
RChristian

### [#37](https://www.typo3.net/d/26790-deutsche-anleitung-zu-tempvoila/37) · eyupa · 2006-04-04

<http://typo3.org/extensions/repository/search/doc_tv_de/0.0.27/>

Hier findest du es :=)

### [#38](https://www.typo3.net/d/26790-deutsche-anleitung-zu-tempvoila/38) · RChristian · 2006-04-04

@eyupa

> <http://typo3.org/extensions/repository/search/doc_tv_de/0.0.27/>
>
> Hier findest du es :=)

Ja aber ohne die Dokumentation. Ich hab mir inzwischen die Dokumentation von der Autor Seite heruntergeladen. o.O

mfg,
RChristian

### [#39](https://www.typo3.net/d/26790-deutsche-anleitung-zu-tempvoila/39) · Cimmie · 2006-04-05

wie lautet die Seite des Autors?  #paralyzed#

### [#40](https://www.typo3.net/d/26790-deutsche-anleitung-zu-tempvoila/40) · markus.​l · 2006-04-05

Der Autor ist Robert Lemke. Hier der Link: <http://robertlemke.de/ressourcen/erweiterungen/templavoila/>

lg Markus

### [#41](https://www.typo3.net/d/26790-deutsche-anleitung-zu-tempvoila/41) · RChristian · 2006-04-06

Die Dokumentation zum "doc_tv_de" hab ich von folgender Seite heruntergeladen: <http://www.derjon.com/?id=11>.

mfg,
RChristian

### [#42](https://www.typo3.net/d/26790-deutsche-anleitung-zu-tempvoila/42) · anj · 2006-09-06

Die Anleitung findet sich aktuell auf der Seite:

<http://www.pixelmotor.de/developer/wiki/typo3/>

---

Quelle: „deutsche Anleitung zu Tempvoila“, typo3.net, https://www.typo3.net/d/26790-deutsche-anleitung-zu-tempvoila
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.
