Wie kann ich die WoltLab Homepage emulieren?

  • Das geht aber ebenfalls übers ACP, suche mal nach "Titel der Seite als Überschrift auf Startseite anzeigen" unter Konfiguration -> Allgemein ;)

  • Achso.

    Das geht mit CSS. So sieht der Code aus, wenn du den Text nur am Dashboard ausblenden willst:


    Code
    [itemid="https://domain.net/wcf/"] .contentHeaderTitle h1.contentTitle {
    display: none;
    }

    Dieser Code blendet den Titel genau auf dem Dashboard aus. Gegenbenenfalls musst du die Item-ID anpassen, je nach Ordner-Struktur deiner Seite.

    Wenn der Titel auf allen Seiten ausgeblendet werden soll, dann brauchst du nur den itemid-Teil wegzulassen; du kannst ihn auch auf spezifischen anderen Seiten ausblenden, wenn du die entsprechende Item-ID (sinnvoll, um eine bestimmte CSS-Seite anzusprechen, die alle die gleiche Template-ID #tpl_wcf_cms haben) oder Template-ID angibst.


    Mit der Entwicklerkonsole des Browsers (Rechtsklick auf ein Element der Seite und "Element untersuchen" auswählen) kannst du leicht selbst die nötigen CSS-Selektoren herausfinden.

    Edited 2 times, last by Semako ().

  • Den Button "Seite Bearbeiten" sehen auch nur Admins (und andere Benutzergruppen, die das Recht haben, die Seite zu bearbeiten). Willst du ihn trotzdem ausblenden?

  • Code
    [itemid="https://domain.net/wcf/"] .contentHeaderNavigation ul li a.button {display:none;}


    Wieder kannst du die Item-ID anpassen, je nach dem, auf welchen Seiten der Button verschwinden soll. Dieser Button wird auf allen CMS-Seiten eingeblendet, wenn du ihn also generell ausblenden willst, dann kannst du auch die Template-ID für CMS-Seiten benutzen:


    Code
    #tpl_wcf_cms .contentHeaderNavigation ul li a.button {
    display:none;
    }
  • Code
    [itemid="https://domain.net/wcf/"] .contentHeaderNavigation ul li a.button {display:none;}


    Wieder kannst du die Item-ID anpassen, je nach dem, auf welchen Seiten der Button verschwinden soll. Dieser Button wird auf allen CMS-Seiten eingeblendet, wenn du ihn also generell ausblenden willst, dann kannst du auch die Template-ID für CMS-Seiten benutzen:


    Code
    #tpl_wcf_cms .contentHeaderNavigation ul li a.button {
    display:none;
    }

    Danke

  • Wenn Titel und Button verschwinden sollen, kann man auch gleich für diese Seite contentHeader ansprechen.





    Gruß norse

  • Weiß nicht ob ich es Überlesen habe xD


    Aber wie würde das aussehen wen ich bei dem Code




    Statt des Bildes ein Video von YT einblenden möchte welches ohne Ton und in Dauerschleife läuft?

    Ist das möglich?

  • Ja, aber das Video muss im HTML-Code, also in einem Template, eingebunden werden.


    Wie der Video-Background grundsätzlich realisiert wird und welche Möglichkeiten es gibt, wird hier recht gut erläutert: https://slicejack.com/fullscreen-html5-video-background-css/

    Danke schonmal!


    Wie würde das ganze gemacht werden wen ich Verschiedene Bilder hintereinander wechseln möchte wie hier: http://fortcom.de/forum/index.php?start/

    Mit ner selben Zoom Animation

  • Hallo liebe Community,


    wie schaffe ich es, das Bild in der mobilen Ansicht zentriert bzw. skaliert anzeigen zu lassen, damit nicht nur die linke Hälfte des Bildes auf dem Smartphone dargestellt wird?


    Beste Grüße

    C4_Tobi



    "In der Ruhe liegt die Kraft."

  • Hat dafür jemand einen vernünftigen und sauberen Code ? Und was man am besten einstellen muss? Es ist ein klein wenig durcheinander und verspricht nicht alles einen schönen Erfolg. Scheint auch so, dass es eher auch nur mit dem Standard Design schön aussieht. Mit dem Visio+ von Gino, sieht das nicht so toll aus, mit den bisher hier gefundenen Codes.


    LG

    Beste Grüße

  • Etwas vorgefertigtes wirst du wohl nicht finden, man muss es immer etwas an seine Bedürfnisse, Geschmack und Styles anpassen, habe es jetzt auf mehreren Seiten eingerichtet und mit unterschiedlichen Styles am laufen, bis jetzt keine Probleme damit. ;)


    So ganz ohne weitere Infos lässt sich aber auch schwer helfen, ein Link zur betroffenen Seite wäre hilfreich. ;

    Greetz

    Dark


    Nach dem Update ist vor dem Update. :S