Seite 1 von 4 1234 LetzteLetzte
Ergebnis 1 bis 10 von 39

Thema: Was ist TemplaVoila und wie genau funktionierts. Ein Beispiel mit allen Templates

      
  1. #1
    TYPO3 Forum Team Administrator Avatar von Junior
    Registriert seit
    18.08.2004
    Ort
    München
    Alter
    37
    Beiträge
    2.922

    Was ist TemplaVoila und wie genau funktionierts. Ein Beispiel mit allen Templates

    Ich habe heute zum ersten Mal TemplaVoila ausprobiert und muss sagen, dass ich begeistert bin. Anstatt sich durch TypoScript zu beissen ist, wenn mal einmal das Prinzig verstanden hat alles sehr einfach.

    In wenigen Worten erklärt erstellt man ein HTML-Template, also eine normale Webseite und mapt diese dann. Das heisst, dass man den einzelnen Bereichen (z.B. einem div oder einem td) eine Funktion zuweist. Das kann ein Menu, ein Inhaltsbereich oder was auch immer sein.

    So einfach habe ich eine Hoempage noch nie erstellt. Was allerdings mühsam war, war das zusammensuchen der Tutorials und der Grundlegenden Funktionen. Das Problem der offiziellen Doku ist, dasss sie sich, wie so oft, in romanhaften Erklärungen verliert und es schwierig ist die wirklich relevanten Informationen zu erkennen. Ich liefere daher hier eine kurze Linkliste.

    Sehr gutes und einfach zuverstehendes Tutorial auf englisch von Marlies
    Colored BW Clipart IV

    Es ist definitiv empfehlenswert sein HTML-Template ohne Tabelle zu machen und statdessen CSS zu benutzen. Wer damit noch keine Erfahrungen gesammelt hat wird hier fündig
    CSS 4 You - The Finest in Stylesheets

    Und zu guter letzt liefere ich noch mein komplettes Template mit.

    Mein HTML-Template (welches unter fileadmin/ abgespeichert werden soll)
    HTML-Code:
    <html>
    	<head>
    		<title>Seitentitel</title>
    	</head>
    <body>
    	<div class="menu_1">
    		<a href="#">Menu item 1</a>
    		<a href="#">Menu item 2</a>
    		<a href="#">Menu item 3</a>
    		<a href="#">Menu item 4</a>
    		<a href="#">Menu item 5</a>
    		<a href="#">Menu item 6</a>
    		<a href="#">Menu item 7</a> 
    	</div>
    	
    	<div class="menu_2a">&nbsp;</div>
    
    	<div class="menu_2">
    		<a href="#">Menu item 1</a>
    		<a href="#">Menu item 2</a>
    		<a href="#">Menu item 3</a>
    		<a href="#">Menu item 4</a>
    		<a href="#">Menu item 5</a>
    		<a href="#">Menu item 6</a>
    		<a href="#">Menu item 7</a>
    	</div>
    
    	<div class="content">
    		Content
    	</div>
    
    	<div class="box">
    		Box
    	</div>
    </body>
    </html>
    Code:
    Meine CSS Datei
    
    body
    	{
    		background-image: url(../img/logo.gif);
    		background-repeat: no-repeat;
    		background-position: 20px 20px 20px 20px;
    		font-size: 13px
    	}
     
    .menu_1
    	{
    		position: absolute;
    		left: 205px;
    		top: 90px;
    		font-size: 12px;
    	}
    
    .menu_2
    	{
    		position: absolute;
    		left: 205px;
    		top: 105px;
    		font-size: 12px;
    	}
    
    .menu_2 a
    	{
    		text-decoration: none;
    		font-weight: bold;
    		color: #c41919;
    	}
    
    .content
    	{
    		position: absolute;
    		left: 205px;
    		top: 120px;
    		font-size: 14px;
    		width: 435;
    		border: 0pt solid #000;
    	}
    
    .box
    	{
    		position: absolute;
    		left: 10px;
    		top: 120px;
    		font-size: 14px;
    		width: 187px;
    		border: 0pt solid #000;
    	}
    Mein TypoScript (Setup)

    # Main Menu
    lib.menu_1 = HMENU
    lib.menu_1.entryLevel = 0
    lib.menu_1.1 = TMENU
    lib.menu_1.1{
    NO{
    linkWrap = &nbsp;
    RO=1
    }
    }

    # Submenu
    lib.menu_2 = HMENU
    lib.menu_2.entryLevel = 1
    lib.menu_2.1 = TMENU
    lib.menu_2.1{
    NO{
    linkWrap = &nbsp;
    RO=1
    }
    }

    # Default PAGE object:
    page = PAGE
    page.typeNum = 0
    page.10 = USER
    page.10.userFunc = tx_templavoila_pi1->main_page

    page.stylesheet = fileadmin/templates/main/styles/main.css

    menu_1 und menu_2 müssen identisch sein mit der div classe im HTML-Template (und natürlich auch mit der Klasse in der CSS-Datei).

    Mit diesen Angaben sollte es ohne weiteres möglich sein als Anfänger eine Homepage in rund 2 Stunden zum laufen zu bringen.

    Und hier der Link zur fertigen Seite: Sophie Stierle: Home
    Bitte beachtet dass es sich dabei zum Teil um ein Testprojekt handelt und daher weder das Logo noch die "Lipsum"-Texte final sind.

    Eine wichtige Anmerkung habe ich noch. Ich hatte mir meine Seitenstruktur im backend erstellt und danach erst alles gemapt. Die Startseite wurde angezeigt, ging ich aber auf eine Unterseite kam eine Fehlermeldung. Die lag daran, dass die Seiten in der Baumstruktur erstellt wurden bevor das TemplaVoila erstellt wurde. Mit Seiten die danach erstellt werden funktioniert es problemlos, da die DS und DO Angaben nun im Seitenkopf der Seite abgespeichert sind.

    Wenn du nachträglich Änderungen im HTML-Template machst musst du das Template unter filelist neu Aufrufen und auf das Seitenicon klicken und "TEmplaVoila" aufrufen, dort klickst du dann unten auf "Save As", auf der folge Seite findest du zuunterst ein Dropdown-Menu, wähle dort den ursprünglichen Namen aus und klicke auf Update. Alle Caches löschen!. Erst dann werden die Änderungen angezeigt.

    Wenn ihr Fragen zu diesem Beispiel habt, könnt ihr sie direkt hier stellen.

    Ganz lieben Gruss

    Junior
    Geändert von Junior (16.03.2007 um 16:31 Uhr)
    Two hours of trial and error can save ten minutes of manual reading.

    Meine neue Seite www.monot.com. Jetzt noch weicher.

  2. #2
    Forum Newbie
    Registriert seit
    13.02.2005
    Beiträge
    14
    Hallo Junior,

    vielen Dank für deine Mühe.

    TV überzeugt mich allerdings noch nicht.
    Wie Du selbst anmerkst, ist die Doku "sehr schlecht".

    Wenn ich mir dazu die Probleme auf den 19 Seiten (Stand heutiger Tag auf:
    http://www.typo-3.de/index.php?id=13...&fid=31&page=1
    und die 4 Seiten auf:
    http://www.typo3forum.net/forum/templavoila/
    anschaue und nur mal so die Überschriften lese, dann werde ich doch einen Drec... tun mir zu den vielen Problemen die Typo3 eh schon aufwirft noch TV dazu zu holen.
    Vor allem, wenn "im Hintergrund von TV Dinge passieren in die ich weder eingreifen kann, noch die ich selbst beheben kann. TV macht das ja schließlich dann für mich - oder eben nicht.

    OK. für Anfänger mit kleinen Seitenumfang innerhalb von Typo3 ist das sicherlich eine große Hilfe - überhaupt erst einmal schnell und einfach (so wie es CSS denn einfach zulässt) in Typo3 einzusteigen und Typo3 nutzen zu können.

    Deshalb auch noch einmal vielen Dank für Deine Veröffentlichung.

    MFG
    Roland

  3. #3
    Forum Stammgast Avatar von LineMan
    Registriert seit
    04.09.2004
    Ort
    Galadrien
    Alter
    43
    Beiträge
    157
    also ich habe mich auch schon öfter damit befasst und hatte eher mehr als weniger probleme eine seite wie z.B. http://www.css-tutorials.de/ damit umzusetzen. Hatte angefangen mit TV und bin dann nachher doch wieder auf die klassische Art zurück geschwenkt. z.B. hatte ich das Gefühl das TV ein paar Probleme mit verschachtelten divs hat und andere Dinge, wie oftmaliges Fehlschlagen von Mappings... Nichts desto trotz danke für Dein Tutorial... ich werde es beizeiten mal durchführen...
    46+2

  4. #4
    TYPO3 Forum Team Moderator Avatar von mstuebner
    Registriert seit
    01.09.2004
    Ort
    84424 Isen b. Dorfen
    Alter
    45
    Beiträge
    2.496
    Zitat Zitat von Roland
    Wie Du selbst anmerkst, ist die Doku "sehr schlecht".
    Das ist allein dadurch bedingt, dass es zwei Benutzerguppen gibt:

    1. Die die wissen wie es geht (und keine Doku brauchen)
    2. Die die eine Doku dringend brauchen

    Gruppe 2 zerfällt wieder in zwei Gruppen:
    2a. die die aufgeben
    2b. die sich durchbeissen

    Dummerweise gehen Mitglieder der Gruppe 2b nahtlos in die Gruppe 1 über. ;-)

    Ich habe aufgehört zu zählen wie oft Mitglieder der Gruppe 2 vermeldet haben "wenn ich es verstanden habe dokumentiere ich das". Allein gesehen habe ich es noch nie. Und damit ändert sich der Zustand auch nicht.

    Nicht toll, aber so ist es leider.

  5. #5
    TYPO3 Forum Team Moderator Avatar von parchegroup
    Registriert seit
    09.05.2006
    Ort
    Duisburg
    Alter
    44
    Beiträge
    234
    Hallo Junior,

    willkomen im Club !

    Macht doch Spaß, oder?

    Ich hab vorher auch nur konventionell gearbeitet. Seit ich mich mit TV beschäftige, will ich es nicht mehr missen.

    Eins fehlt noch!!

    Der Und so sieht es dann fertig aus Link.

    Viele Grüße
    cu Elmar
    parche & partner AG - www.parche.de
    - www.seminare-am-meer.de - www.businit.de
    Bitte markiere Deinen Thread als Gelöst, wenn er es ist! Wie geht das?
    Hast Du ihn eventl. selbst gelöst? Dann lass uns an der Lösung teilhaben!

  6. #6
    TYPO3 Forum Team Administrator Avatar von Junior
    Registriert seit
    18.08.2004
    Ort
    München
    Alter
    37
    Beiträge
    2.922
    Zitat Zitat von mstuebner
    Ich habe aufgehört zu zählen wie oft Mitglieder der Gruppe 2 vermeldet haben "wenn ich es verstanden habe dokumentiere ich das". Allein gesehen habe ich es noch nie. Und damit ändert sich der Zustand auch nicht.
    Naja, jetzt haste es ja gesehen, bei mir Aber ich geber dir Recht, was die Einteilung der Gruppen betrifft.

    Zitat Zitat von parchegroup
    Hallo Junior,

    willkomen im Club !

    Macht doch Spaß, oder?

    Ich hab vorher auch nur konventionell gearbeitet. Seit ich mich mit TV beschäftige, will ich es nicht mehr missen.

    Eins fehlt noch!!

    Der Und so sieht es dann fertig aus Link.

    Viele Grüße
    Ja, du hast Recht, den so sieht es fertig aus Link habe ich jetzt oben noch hinzugefügt. Und ich kann mir dir nur anschliessen es macht unglaublich viel Spass und ich bin richtig angefixt was TV betrifft.

    Die konventionelle Methode entsprach nicht meiner Art zu denken und zu verstehen. TV habe ich sofort kapiert und es ist ein Segen mit TYPO3 so arbeiten zu können.

    parchegroup, wir werden sicherlich noch das ein oder andere Thema dazu durchdiskutieren und uns dort austauschen.

    Ganz lieben Gruss

    Junior
    Geändert von Junior (03.08.2006 um 10:43 Uhr)
    Two hours of trial and error can save ten minutes of manual reading.

    Meine neue Seite www.monot.com. Jetzt noch weicher.

  7. #7
    TYPO3 Forum Team Moderator Avatar von parchegroup
    Registriert seit
    09.05.2006
    Ort
    Duisburg
    Alter
    44
    Beiträge
    234
    Hi Junior,

    ich bin da nicht so fit in Sprachen. Was ist das denn für eine?
    cu Elmar
    parche & partner AG - www.parche.de
    - www.seminare-am-meer.de - www.businit.de
    Bitte markiere Deinen Thread als Gelöst, wenn er es ist! Wie geht das?
    Hast Du ihn eventl. selbst gelöst? Dann lass uns an der Lösung teilhaben!

  8. #8
    TYPO3 Forum Team Administrator Avatar von Junior
    Registriert seit
    18.08.2004
    Ort
    München
    Alter
    37
    Beiträge
    2.922
    Elmar, was meinst du genau?

    Ahh... du meinst den Link. Das ist nur die Lipsum-Sprache, also ein reiner Texthalter der nichts zu sagen hat.

    Schau mal hier: http://typo3.org/extensions/reposito...m_ipsum/1.1.0/

    Ganz lieben Gruss

    Junior
    Two hours of trial and error can save ten minutes of manual reading.

    Meine neue Seite www.monot.com. Jetzt noch weicher.

  9. #9
    TYPO3 Forum Team Moderator
    Registriert seit
    01.12.2005
    Ort
    Kiel
    Alter
    43
    Beiträge
    2.504
    Guten Tag,

    ich habe schon einges über TV gelesen, und einiges getestet. Aber den wahren Sinn habe ich nicht verstanden...;)
    Vielleicht kann mich mal einer aufklären.

    Armin
    Nichts kommt von selbst, sogar eine Dummheit muss man erst machen.

    Tipps und Tricks zu TYPO3: http://typo3.intervation.de
    Folge mir auf http://twitter.com/intervation
    Agentur: Ideenwerft Werbeagentur

  10. #10
    TYPO3 Forum Team Moderator Avatar von mstuebner
    Registriert seit
    01.09.2004
    Ort
    84424 Isen b. Dorfen
    Alter
    45
    Beiträge
    2.496
    Zitat Zitat von Armin
    ich habe schon einges über TV gelesen, und einiges getestet. Aber den wahren Sinn habe ich nicht verstanden...;)
    Vielleicht kann mich mal einer aufklären.
    NORMALER Weise hat man immer irgendein Spaltenlayout. Wenn man aber z.B. in der einen Spalte Unterbereiche haben möchte wir das in TS ein bischen aufwändiger.

    Mit TV kannst Du Dir Deine Vorlage als HTML Datei schreiben und weisst dann TYPO3 (mittels TV) nur noch an, in welchen Bereiche WAS abgebildet werden soll. TV baut Dir also den TSCode für das Grundgerüst.

 

 
Seite 1 von 4 1234 LetzteLetzte

LinkBacks (?)

  1. 30.04.2012, 18:14
  2. 26.08.2008, 22:27
  3. 21.08.2008, 16:04
  4. 28.07.2008, 19:24
  5. 18.07.2008, 08:44
  6. 16.07.2008, 10:32
  7. 09.07.2008, 14:52
  8. 07.06.2008, 09:48
  9. 04.06.2008, 22:59
  10. 04.06.2008, 21:21
  11. 04.06.2008, 19:34
  12. 19.05.2008, 11:47
  13. 06.05.2008, 11:26
  14. 29.04.2008, 08:33
  15. 21.04.2008, 07:59
  16. 16.04.2008, 13:26
  17. 10.04.2008, 13:04
  18. 28.03.2008, 10:15
  19. 25.03.2008, 12:28
  20. 20.03.2008, 10:31
  21. 14.03.2008, 21:50
  22. 08.03.2008, 21:15
  23. 07.03.2008, 16:38
  24. 05.03.2008, 18:09
  25. 25.02.2008, 21:15
  26. 18.02.2008, 12:04
  27. 18.02.2008, 09:25
  28. 28.01.2008, 13:31
  29. 16.01.2008, 14:43
  30. 24.12.2007, 14:27
  31. 06.12.2007, 02:21
  32. 30.11.2007, 10:23
  33. 09.10.2007, 22:05
  34. 26.09.2007, 07:37
  35. 13.09.2007, 15:16
  36. 12.09.2007, 18:45
  37. 07.09.2007, 15:04
  38. 07.09.2007, 11:02
  39. 01.09.2007, 16:26
  40. 26.08.2007, 20:53
  41. 26.08.2007, 18:15
  42. 18.08.2007, 02:45
  43. 16.08.2007, 13:19
  44. 11.08.2007, 02:17
  45. 06.08.2007, 14:49
  46. 22.07.2007, 14:24
  47. 22.07.2007, 11:08
  48. 18.07.2007, 20:12
  49. 18.07.2007, 07:53
  50. 15.07.2007, 22:30

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Facebook Kommentare

Ähnliche Themen

  1. Antworten: 0
    Letzter Beitrag: 10.01.2008, 14:34
  2. Index_search fast funktionierts
    Von typonap im Forum Indexed Search
    Antworten: 4
    Letzter Beitrag: 06.06.2007, 10:07
  3. Nur TemplaVoila Templates zulassen
    Von nicolaibassdh im Forum TemplaVoila
    Antworten: 2
    Letzter Beitrag: 16.05.2007, 14:13
  4. AWStats, wie zuverlässig/genau ist es?
    Von Sommerjogurth im Forum Alle anderen Extensions
    Antworten: 2
    Letzter Beitrag: 07.05.2007, 16:08
  5. Doctype *genau* einstellen
    Von Tobit im Forum HTML & CSS
    Antworten: 3
    Letzter Beitrag: 20.10.2005, 23:15

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •  

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74