Tutorials

Einige nützliche Hilfen und Code-Schnipsel, die ich immer wieder benötige und deshalb hier für alle sammle.

TYPO3: Standardüberschrift H2 anstatt H1

TYPO3 rendert Überschriften standardmäßig als H1. Möchte man allerdings nur eine große H1 am Anfang der Seite haben und alle anderen Überschriften per default auf H2 haben, dann kann man dieses mit dem folgenden Code, den man in die Constants der…


Feld leeren X-Button beim Internet Explorer 10+ ausblenden

Der Internet Explorer ab der Version 10 hat ein Feature, was wohl eher mehr für Touch-Geräte gedacht ist. Sobald mindestens 1 Zeichen in einem Input-Feld ist wird hinten ein X eingeblendet, um das Input-Feld mit einem Klick zu leeren. Hat man nun…


Bootstrap3 mit 5 Spalten? So geht's!

Bootstrap 3 funktioniert ja schon echt gut, doch manchmal passt das Grid einfach nicht auf ein angedachtes Design. Möchte man, wie ich letztens 5 Spalten in einer Reihe haben, dann kann man folgendes in seine CSS Datei einfügen, natürlich erst…


TYPO3: Breadcrumb-Navigation mit Rootline erstellen

Um in TYPO3 eine Breadcrumb Navigation zu erstellen ist nicht sehr viel Aufwand nötig.Die Navigation erleichtert dem Benutzer oftmals die Navigation und kann Pluspunkte im Google Ranking hervorrufen.Um die Navigation zu erstellen kann man folgenden…


TYPO3: Menü alphabetisch sortieren via Typoscript

Manchmal möchte man ein Typoscript-Menu alphabetisch oder generell nach irgendetwas sortiert ausgeben. TYPO3 bietet hierfür eine Zeile Typoscript, um das Ganze zu bewerkstelligen. Der Code dafür lautet: alternativeSortingField = euerFeld.Hier mal…


TYPO3 Fluid: Viewhelper für Überschriften mit H-Tag in Gridelements

Ich beschäftige mich gerade mit Fluid und Gridelements und der neuen TYPO 6.2 Version und wollte das Überschriften-Feld benutzen, aber inklusive dem Styling. Da ich nichts finden konnte, ob das von sich aus geht, habe ich kurzerhand einen…


Foundation 5 und IE8 (oder älter)

Für ein neues Projekt wollte ich das erste mal Foundation verwenden anstelle von Bootstrap. Ein Haken an der Sache ist, dass auch der IE8 zumindest halbwegs funktionieren sollte und dies mit Foundation 5 leider nicht geht. Mit ein paar Tricks…


TYPO3: Alle Variablen an Partial übergeben (Fluid)

Da is bei Fluid und TYPO3 viel übersichtlicher in den Templates wird, wenn man Partials verwendet, sollte man auch wissen, wie man alle Variablen die im Haupttemplate vorhanden sind auch in das Partial bekommt. Der Partial-Viewhelper bietet dafür…


TYPO3: Google Web Fonts mit TypoScript einbinden (includeCSS)

Um Google Web-Fonts auch bei TYPO3 zu benutzen, bzw. diese direkt via Typoscript einzubinden benötigt ihr nur folgende Zeilen.


TYPO3: Automatische Anker-Tags entfernen

TYPO3 baut immer Anker-Tags (im Schema <a id="c65"></a> in das HTML ein, dass man nicht immer gebrauchen kann (zum Beispiel bei einem Slider, der jedes Element durchslidet). Um diese Funktion auszustellen muss nur folgender Code ins Typoscript…