Fade-Effekt ohne Javascript

Oliver Schmidt

In einer kurzen Demonstration wird gezeigt, wie man mittels CSS3 den Hover-Effekt von Menülinks unkompliziert mit einem FadeIn und FadeOut Effekt versehen kann, damit die Übergänge bei einem Farbwechsel des Hoverstatus weicher ablaufen.

Man sollte jedoch beachten, dass die Technik dieses Beispiels nur die neuen Browsern anwenden können und der Internet Explorer dies derzeit noch gar nicht ausführen kann. Was zur Folge hat, dass der Effekt nicht angwendet wird und stattdessen der normale Hover-Effekt seinen Dienst verrichtet.

Dafür legen wir zwei übliche Klassen an, wie man Sie in Contao verwendet um die Linkelemente des Navigationsmodule anszusprechen:

Module, wo man sie benötigt

Oliver Schmidt

Ich denke es wird schon vielen so gegangen sein. Man benötigt ein Modul, aber nicht auf jeder Seite. Was tun?

Bisher hat man Module umständlich über die Artikel der jeweiligen Seiten manuell eingebunden, wo man diese Module explizit benötigte. Oder sogar ein bisschen einfacher, in dem man ein extra Layout angelegt hat. Wobei hier der Aufwand auch nicht sehr gering sein könnte, wenn das Layout komplizierte Moduleinstellungen oder ähnliches beinhaltet.

Denn ein Modul unter Frontend-Module einzubinden bietet sich ja nicht an, da dieser Inhalt sonst auf allen Seiten des Projektes dargestellt werden würde.

Am besten wäre es also, man könnte einem Modul oder Inhaltselement mitteilen, dass man es nur hier und da braucht, aber auf anderen Bereichen nicht. Genau das ist aber möglich, wenn man sich eine bestimmte Erweiterung von Contao mal genauer anschaut. Boxes, eine sehr intuitive Erweiterungen mit weitreichender Wirkung, was das einsparen von Arbeitsaufwand angeht.

Beispiel: Man möchte ein Slider, Login oder sonstiges Modul nur auf bestimmten Seiten zur Nutzung anbieten.

• Also legt mane zuerst dieses Modul wie gewöhntlich an.
• Anlegen des Moduls "Content-Box" und einstellen, in welchem Seitenbereich es dargestellt werden soll.
• Nun legt man dieses Modul im Layout unter Frontend-Module an, an der Position wo es erscheinen soll.
  
  Jetzt nutzt man die wunderbaren Optionen von Boxes.
  Im Backend unter Inhalte -> Content-Box.

• Anlegen einer Content-Box, ob direkt ein Text oder ein anderes Modul über Inerttags im Bereich Text-Inhalt.
• Auswähl des Box-Moduls, das man ins Seitenlayout eingbunden hat unter "Anzeigen im Modul".
• Seitenspezifische Anzeige, hier legt man nun fest, auf welcher Seite das Modul erscheinen darf.

Zusätzlich gibt es zu Punkt 6 noch eine Umkehr-Option, falls es leichter einzustellen wäre, auf welcher Seite das Modul nicht erscheinen soll. Diese Option nennt sich: Seitenauswahl-Logik umkehren

Das war es schon.

Landingpage und Unterverzeichnis

Oliver Schmidt

Es kommt ab und zu vor, dass man eine Landingpage verwenden möchte und den Hauptteil der Webseite aber in einem Unterverzeichnis liegen hat. Damit man jedoch die Landingpage inkl. der kompletten Webseite durch Contao verwalten kann, bietet sich hier eine sehr elegante Lösung an.

1. Im Rootverzeichnis unter example.com legen wir eine leere index.php an.

(das wird die LandingPage)

2. Die Contao Installation selbst liegt in example.com/unterverzeichnis/

3. Damit wir nun die Landingpage unter Contao verwalten können, legen wir diese ganz normal an, z.B. "landingPage.html".

Anmerkung: Eventuelle Einstellungen wie "im Menü verstecken, "Nicht in der XML Sitemap anzeigen" für die landingPage.html sind jedem nach belieben selbst überlassen.

4. Nun bearbeiten wie die leere index.php im Rootverzeichnis von example.com und fügen folgenden PHP-Code ein:

Weiterlesen

HTML in Überschriften

Oliver Schmidt

Um HTML in Überschrift verschiedener Elemente platzieren zu können, müssen wir einen Eintrag in der dcaconfig.php vornehmen.

Pfadangabe: \system\config\dcaconfig.php