WBCE CMS Forum

igwh66

Mitglied

Klawinver-Menü und Kopf fixieren

Hallo
Ich bin gerade dabei, unsere Vereinseite nach Crash neu zu erstellen. Mein Vorgänger hatte es mit JOOMLA gemacht...:(
Ich habe des tolle Klawinver gefunden.
Nun die Frage: Wie kann der Kopf und das linke Menü fixiert werden. also kein "Verschwinden" beim scrollen.
Danke.

florian

Administrator

Re: Klawinver-Menü und Kopf fixieren

Claude liefert

Füge am Ende von templates/klawinver/template.css ein:

/* Header und linke Spalte nur am Desktop fixieren */
@media screen and (min-width: 901px) {
  .header {
    position: sticky;
    top: 0;
    z-index: 100;      /* bleibt über dem Inhalt */
  }
  .leftbox {
    position: sticky;
    top: 151px;        /* Header-Höhe (150px) + 1px Rahmen der .mainbox */
  }
}

Beitrag geändert von florian (27.10.2026 18:18:54)

igwh66

Mitglied

Re: Klawinver-Menü und Kopf fixieren

Danke.

igwh66

Mitglied

Re: Klawinver-Menü und Kopf fixieren

Hallo. Wie kann ich im linken Block unter die Suchfunktion "Wetter.de" einfügen.

florian

Administrator

Re: Klawinver-Menü und Kopf fixieren

Füge in der templates/klawinver/index.php nach Zeile 20

<div class="search_box"><?php echo $searchlink; ?></div> 

<br><br> 

und den von wetter.de bereitgestellten Code ein.

Datenschutzmäßig sauber ist es aber nur, wenn das Widget erst nach Einwilligung geladen wird (Consent-Banner).
Andere Möglichkeit:
1. Installiere das Modul "twoclickcontent"
2. Lege eine versteckte Seite (Typ twoclickcontent) an
3. Trage ins obere Feld einen kurzen Hinweistext ein (z.B. Wetterkarte anzeigen, es werden dabei Daten an wetter.de übertragen, weiteres siehe Datenschutzerklärung)
4. In das untere Feld den von wettre.de bereitgestellten Code einfügen
5. Breite 100% und Höhe 260px eingeben
6. Sinnvolles Platzhalterbild hochladen
7. Abschnitts-ID merken
8. in der templates/klawinver/index.php nach Zeile 20

<div class="search_box"><?php echo $searchlink; ?></div> 

einfügen:

<br><br>
[[sectionpicker?sid=42]]

Ersetze 42 durch die tatsächliche ID des twoclickcontent-Abschnitts.

Nimm entweder ein Widget ohne feste Breite oder passe, wenn du eines mit fester Breite nimmst, das Template-Stylesheet noch an, d.h. am Ende einfügen

/* Linke Spalte auf 300px, nur am Desktop */
@media screen and (min-width: 901px) {
  .leftbox {
    width: 300px;
    max-width: none;
  }
  .contentbox {
    max-width: none;
    width: calc(100% - 315px);
  }
}

Beitrag geändert von florian (Gestern 06:58:20)

igwh66

Mitglied

Re: Klawinver-Menü und Kopf fixieren

Hallo. Danke. Hab die letztere Methode gewählt.