deutsche Anleitung zu Tempvoila

demeter
Sternenflotten-Admiral

0 x

250	Beiträge
0	Hilfreiche Beiträge

12. 09. 2005, 15:24

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>

<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>
[/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
[b]page content[/b].

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

# 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:
[url]http://www.typo3.net/index.php?id=13&action=list_post&tid=29315&page=2[/url]
wer rechtschreibfehler findet darf sie behalten :D

apohl
R2-D2

0 x

80	Beiträge
0	Hilfreiche Beiträge

12. 09. 2005, 20:11

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

Mauki
Jedi-Ritter

0 x

148	Beiträge
0	Hilfreiche Beiträge

26. 10. 2005, 20:21

Hab jetzt doch ne deutsche Anleitung zu TemplaVoila gefunden.

[url=http://typo3.org/documentation/document-library/doc_tv_de/]Klick mich[/url]

donillo
R2-D2

0 x

78	Beiträge
0	Hilfreiche Beiträge

28. 10. 2005, 17:25

Hi,

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

RChristia...
Sternenflotten-Admiral

0 x

242	Beiträge
0	Hilfreiche Beiträge

03. 04. 2006, 11:14

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: [url]http://typo3.org/extensions/repository/search/doc_tv_de/0.0.27/details/[/url]" noch in der Doku-Matrix: [url]http://typo3.org/documentation/document-library/extension-manuals/[/url] konnte ich d. Doku finden.

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

mfg,
RChristian

eyupa
T3PO

0 x

24	Beiträge
0	Hilfreiche Beiträge

04. 04. 2006, 07:16

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

Hier findest du es :=)

RChristia...
Sternenflotten-Admiral

0 x

242	Beiträge
0	Hilfreiche Beiträge

04. 04. 2006, 09:11

@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

Cimmie
R2-D2

0 x

87	Beiträge
0	Hilfreiche Beiträge

05. 04. 2006, 20:32

wie lautet die Seite des Autors? #paralyzed#

markus.l
Jedi-Ritter

0 x

140	Beiträge
0	Hilfreiche Beiträge

05. 04. 2006, 20:49

Der Autor ist Robert Lemke. Hier der Link: [url]http://robertlemke.de/ressourcen/erweiterungen/templavoila/[/url]

lg Markus

deutsche Anleitung zu Tempvoila

Präsentiert von

Top User dieser Woche: