Wie kann ich die WoltLab Homepage emulieren?

  • Glück Auf!

    Vielen Dank für die tolle Hilfe BlackGothic . Dies hat mir sehr weitergeholfen. :)

    Nun habe ich eine Frage zu den Icons in der Auflistung unterhalb des Hero-Bereichs.

    Code
    <span class="icon icon64 fa-plug"></span>

    Wie kann ich das Icon, durch ein Bild/Icon meiner Wahl ändern? Am besten durch einen Link zum Bild.

    Gruß

    C4_Tobi

    "In der Ruhe liegt die Kraft."

  • @include screen-md-down {
    // Darstellung des mobilen Logos erzwingen

    Hallo Scamander,

    bin jetzt bei den Style-Anpassungen angekommen und habe deine Hilfe erfolgreich umgesetzt.

    Deine letzte Beschreibung ist wohl aus Versehen in den Code gerutscht, ein unwichtiges Flüchtigkeitsfehlerchen.

    Alles super. DANKE ! ! !

    Mir wurde erst beim zweiten Lesen des Codes deine geniale Idee bewusst, die aber nicht zu funktionieren scheint.

    Hast du oder jemand eine Idee dazu "Das mobile Logo global auf allen Screengrößen anzuzeigen"

    (von screen-xs bis screen-lg). Siehe Woltlab Hilfe

    Ich arbeite zwar auf anderen Webseiten nur noch mit Bootstrap, aber das Merging/Mixing mit den Woltlab-Tunings/Eigenheiten habe ich noch nicht so richtig verstanden.

    Viele Grüße

  • Ich habe mal ne Frage zu den Buttons, welche bei mir nicht zentriert sind.

    Habt Ihr da eine Lösung ?

    Code
    <ul class="buttonGroup">
    <li><a href="http://www.xxx.de" class="button">Mehr Informationen</a></li>
    <li><a href="http://www.xxx.de" class="button">Mehr Informationen</a></li>
    <li><a href="http://www.xxx.de" class="button">Mehr Informationen</a></li>
    </ul>
  • ganz einfach

    Code
    <div class="buttonGroup"><ul class="buttonGroup">    <li><a href="#" class="button">Platzhalter 1</a></li>    <li><a href="#" class="button">Platzhalter 2</a></li>    <li><a href="#" class="button">Platzhalter 3</a></li></ul></div>

    .buttonGroup {
    justify-content: center;
    margin-top: 40px;

    display: flex;
    }

    so sieht es bei mir aus

    Mit freundlichen Grüßen

  • [data-page-id="100"] body {
    background-image: url("http://rc-multicopter-forum.de/forum/style/HG4.JPG");
    }

    sofern du es als box angelegt hast..da ich ja davon ausgehe...

    da es ja hier um das emulieren der startseite geht und du den o.g. aufbau verwendest

    Code
        .boxesHero {
            background-image: url('/dein/pfad/zum/bild.jpg');
            background-size: cover;
            display: flex;
            min-height: calc(100vh - 50px);
        }
  • Also so schaut es bei mir aus der "Rahmen" ist ungewollt und vom ursprünglichem Background:

    Und das ist mein Quellcode:

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!