12. Tag TYPO3; MI 26.11.2014

TYPO 3
Burkard Balzer


Wiederholung von gestern: 

Tabelle 
Möglichkeit Tabellen sehr komfortabel zu erstellen mit Hilfe von Tabellenassistent (Vorgabe von Feldern, Spalten etc.) = Postitionierte Darstellung, Erzeugung von einer Textdatei mit dem wichtigen Tool Text- oder Feldbegrenzer, Ergänzung durch Tabellenbeschriftung (Titel der Tabelle - nicht die Überschrift) und Tabellenzusammenfassung, Zuordnung von Klasse möglich
es besteht auch die Möglichkeit im Bereich Text eine Tabelle einzufügen durch den Button Tabelleneigenschaften

Suche-funktion (siehe pfd-Datei)
Indexierung = internes Suchsystem hinterlegt um im Front-End eine Suche-Funktion implementeieren zu können.

Und NEUES:
Youtube = Videos einbinden
zB. Catmando
klicken auf Button "teilen" und "einbetten" per iframe (Link)markieren mit strg+c und auf der entsprechenden Seite Normal/neues Inhaltselement hinzufügen/Spezielle Elemente/Reines HTML im HTML-Code ein Leerzeichen und dann mit strg+v einfügen, Namen eingeben, speichern und im Front-End ansehen

google-Map einbinden
Adresse eingeben, klicken auf Button unten rechts "Karte teilen +einbetten" erscheint Karte und iframe (Link) markieren mit strg+c und auf der entsprechenden Seite Normal/neues Seiteninhalt bearbeiten/Spezielle Elemente/Reines HTML im HTML-Code ein Leerzeichen und dann mit strg+v einfügen, Namen eingeben, speichern und ansehen, evtl. Größe der Karte im HTML-Code (width="300", heigth="220") anpassen!

Teilen-Button Facebook einbetten
Facebook Developers  (Facebook Like Dokument)
sollte man keine Funseite haben, kann dieser HTML-Code verwendet werden zum Einbinden auf die eigene Website
öffnen der Internetseite/Social Plugin(Share Button, get Code und im Einbettungs-Code markieren mit strg+c und der 1. Code wird in die index.html des Templates geschrieben: dazu unter htdocs/tag09/fileadmin/templates die index.html mit Edit mit Notepad öffnen und mit strg+v einfügen unter:
<!-- ###DOCUMENT### -->
<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/de_DE/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
abspeichern mit strg+s


der 2. Code wird als neues Seiteninhaltselement im Back-End der typo3-Umgebung kopiert, dazu den unteren Bereich vom Dokument kopieren und im Back-End unter Seite/Regionen/Rechts neuen Datensatz/reines HTML mit Leertaste und strg+v einfügen

<div class="fb-like-box" data-href="https://www.facebook.com/pages/h%C3%B6nne-design/442278179154261" data-colorscheme="light" data-show-faces="true" data-header="true" data-stream="false" data-show-border="true"></div>

abspeichern und im Front-End ansehen 

und nun üben die Anwender wieder und  üben und üben

und die Customizer passen unser CSS-Template an und bearbeiten diverses!
Wir bekommen zum Schulschluß die neuest Variante als tag09[2]-zip-Datei