Achso Sorry. Hab das Falsch Verstanden.
Wie kann ich die WoltLab Homepage emulieren?
-
LogixX -
26. Dezember 2016 um 15:06 -
Erledigt
-
-
Das geht aber ebenfalls übers ACP, suche mal nach "Titel der Seite als Überschrift auf Startseite anzeigen" unter Konfiguration -> Allgemein
-
Nein, so meine ich das nicht. Ich meine das dass komplett weg ist. Das da nichts steht..
-
Achso.
Das geht mit CSS. So sieht der Code aus, wenn du den Text nur am Dashboard ausblenden willst:
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.
-
Danke, bekomme es aber bei dem Button nicht hin
-
Den Button "Seite Bearbeiten" sehen auch nur Admins (und andere Benutzergruppen, die das Recht haben, die Seite zu bearbeiten). Willst du ihn trotzdem ausblenden?
-
-
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:
-
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:
Danke
-
Wenn Titel und Button verschwinden sollen, kann man auch gleich für diese Seite contentHeader ansprechen.
Gruß norse
-
Japs habe ich bei mir auch xD Also contentHeader
-
Weiß nicht ob ich es Überlesen habe xD
Aber wie würde das aussehen wen ich bei dem Code
Code
Alles anzeigen@include screen-md-up { body[data-page-id="40"] { background-image: url(https://i.ytimg.com/vi/5hJiMbr2edA/maxresdefault.jpg); background-size: cover; background-repeat: no-repeat; .pageHeaderContainer { background-color: transparent; } .mehrspaltig { width: auto; text-align: justify; } .mehrspaltig { -webkit-column-count: 3; column-count: 3; padding: 1em; } .contentHeader, .pageNavigation, .pageHeaderLogo, .boxesFooter, .pageFooterCopyright { display: none; } p { text-align: left; } #main { padding: 0; } .woltlabSuiteMedia { max-width: 100%; height: auto; } .pageHeaderContainer { padding-top: 0; } [data-page-id="208"] { .buttonGroup { margin-top: 40px; display: flex; justify-content: center; } } } }
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/
-
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
-
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
das was du da siehst ist mit folgendem Framework realisiert: https://vegas.jaysalvat.com/
Eine allgemeine Anleitung findest du dort auch
LG
-
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
CSS
Alles anzeigenbody[data-page-id="XXXX"] { // Box-Styling mit Hintergrund über die gesamte Breite .boxesHero { background-image: url('https://picload.org/image/raigprro/road-street-blur-blurred.jpg'); background-size: cover; display: flex; min-height: calc(100vh - 50px); } // logo und breadcrumbs ausblenden .pageHeaderLogo, .pageNavigation { display: none; } // Anpassung, damit kein leerer Raum dargestellt wird .pageHeaderFacade > .layoutBoundary { padding: 0 !important; } @include screen-md-down { // Darstellung des mobilen Logos erzwingen .pageHeaderLogo, .pageHeaderLogoSmall { display: block; } } }
-
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
Du kannst dich gerne bei mir melden. Das habe ich gemacht
Ist halt speziell auf ein Stil angepasst!
-
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
-
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. ;
-
Mit der "Gamer" Reihe von Gino funktioniert das Problemlos.
-
Jetzt mitmachen!
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!