Top Link im Footer: Unterschied zwischen den Versionen

Aus Contao Community Documentation

(Die Seite wurde neu angelegt: „Category:Admin_HOWTOS Will man in der Fußzeile der Webseite einen Top-Link (Nach Oben), lässt sich dies sehr einfach mit einem Modul realisieren. Vorausset…“)
 
K (Geshi-Anpassung)
Zeile 5: Zeile 5:
 
    
 
    
 
Man erstellt ein Modul vom Typ "Eigener HTML-Code" und fügt folgenden Code ein:
 
Man erstellt ein Modul vom Typ "Eigener HTML-Code" und fügt folgenden Code ein:
<pre>
+
 
 +
<source lang="php">
 
<a href="{{env:request}}#top">Nach oben</a>
 
<a href="{{env:request}}#top">Nach oben</a>
</pre>
+
</source>
  
 
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.
 
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.
  
<pre>
+
<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>
</pre>
+
</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.

Version vom 3. Oktober 2010, 17:23 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

Programmierer brauchen viel Bit, auch wenn es Beck's ist.

Christian Schiffler
Navigation
Verstehen
Verwenden
Entwickeln
Verschiedenes
Werkzeuge