Contao: Tutorials, Anleitungen und Tipps

In dieser Rubrik findet ihr viele sinnvolle Tipps, Anleitungen und Tutorials rund um Contao. Ich führe es als kleines Archiv und Nachschlagewerk für Contao-Interessierte, aber auch den fortgeschrittenen Anwender des CMS Contao. Es sind Lösungsansätze, aber keine allgemeingültigen Regeln. Oft ist die korrekte Funktion von der verwendeten Contao Version und anderen Bedingungen abhängig. Ich hoffe ich kann aber zumindest bei der Problemlösung helfen, auch wenn sich das beschriebene nicht immer 1zu1 verwenden lässt.

 

Zugegeben mit großen Headlines in responsiven Webseiten zu arbeiten gerne eine Bastelarbeit. Besonders die Darstellung auf dem Smartphone im Hoch- und Querformat ist nicht so einfach zu handhaben. Manche CSS-Methoden helfen aber dabei, es universell umzusetzen.

Einfach Links als Buttons umzusetzten ist denke ist den meisten klar. Mehrzeilige Buttons klickbar zu machen nicht jedem. Hier die Lösung.

Es gibt viele tolle Navigationsscripte und Navigationsmodule mit denen man tolle Menus zaubern kann. Leider sind viele davon nicht wirklich barrierefrei und können nur den Mouseover. Wie man eine Tastaturnavigation nachrüsten kann erfahrt ihr hier...

Manchmal sind es auch die ganz einfachen Dinge, die zu wenig zum Einsatz kommen, aber eigentlich absolut wichtig sind. So auch die CSS Maßeinheit vw oder vh.

background-size: 100% 100%; ist eine gute Methode um Hintergrundbilder bewußt mit einer Verzerrung (strech) einzufügen. Nutzt man dabei eine svg-Datei kommt es meist zu Problemen.

Unscheinbar aber manchmal nervig, tauchen gelegentlich gestrichelte Linien um Links oder Buttons auf. Manche stört dies nicht, andere schon. Wie man dies in den Griff bekommt...