Top Link im Footer: Unterschied zwischen den Versionen

Aus Contao Community Documentation

K (Geshi-Anpassung)
(Berichtigung: Insert-Tag mit Doppelpunkten versehen)
 
Zeile 7: Zeile 7:
  
 
<source lang="php">
 
<source lang="php">
<a href="{{env:request}}#top">Nach oben</a>
+
<a href="{{env::request}}#top">Nach oben</a>
 
</source>
 
</source>
  
Zeile 14: Zeile 14:
 
<source lang="php">
 
<source lang="php">
 
<div class="nach_oben_link">
 
<div class="nach_oben_link">
   <a href="{{env:request}}#top">Nach oben</a>
+
   <a href="{{env::request}}#top">Nach oben</a>
 
</div>
 
</div>
 
</source>
 
</source>
  
 
Dieses Modul bindet man dann im Seitenlayout im Bereich "Frontend-Module" ein und weist es der Spalte "Fußzeile" zu. Das Aussehen und die Positionierung des Links erfolgt mittels CSS.
 
Dieses Modul bindet man dann im Seitenlayout im Bereich "Frontend-Module" ein und weist es der Spalte "Fußzeile" zu. Das Aussehen und die Positionierung des Links erfolgt mittels CSS.

Aktuelle Version vom 8. Oktober 2010, 13:36 Uhr

Will man in der Fußzeile der Webseite einen Top-Link (Nach Oben), lässt sich dies sehr einfach mit einem Modul realisieren.

Voraussetzung ist ein unbearbeitetes fe_page Template. Wenn die fe_page selbst erstellt wurde, muss der body die ID "top" bekommen.

Man erstellt ein Modul vom Typ "Eigener HTML-Code" und fügt folgenden Code ein:

<a href="{{env::request}}#top">Nach oben</a>

Wenn sich mehrere Module in der Fußzeile befinden, kann es von Nutzen sein, den Link mit einem Container zu umschließen und diesem Container eine Klasse zu geben.

<div class="nach_oben_link">
   <a href="{{env::request}}#top">Nach oben</a>
</div>

Dieses Modul bindet man dann im Seitenlayout im Bereich "Frontend-Module" ein und weist es der Spalte "Fußzeile" zu. Das Aussehen und die Positionierung des Links erfolgt mittels CSS.

Ansichten
Meine Werkzeuge

Contao Community Documentation

<user> Kann es sein, dass sich SyncCto bei Sync->Client anders verhält als umgegekehrt also Sync->Server ?
<xtra> ja, da laufen die Daten in die andere Richtung *scnr*

Navigation
Verstehen
Verwenden
Entwickeln
Verschiedenes
Werkzeuge