Disasters: Blizzard

    [Blockierte Grafik: https://www.woltlab.com/attachment/168269-blizzard-jpg/]

    Eigenschaften

    Erstklassiges, modernes Design Dunkle Hintergründe mit Frosteffekten Leicht anpassbare Farben Kompatibel mit allen offiziellen WoltLab-Erweiterungen Spezielle Info- und Bildboxen für ein individuelles Erlebnis (Anleitung weiter unten)


    Zusätzliche Boxen/Features

    Flexible Bilderliste mit Verlinkung: Ideal für Portfolios und Produktvorstellung

    [Blockierte Grafik: https://www.woltlab.com/attachment/168197-imageflexcontainer-png/?thumbnail=1]

    Wie wird die Box angelegt? Gehe zu Kontrollzentrum > Administration > Boxen > + Box hinzufügen > Box-Typ "HTML" Allgemeine Daten: Name der Box eintragen, Boxposition sowie Verlinkung festlegen Inhalte: Den folgenden Beispiel-Quellcode in den Inhaltsbereich kopieren und den Teil <div>...</div> beliebig oft wiederholen


    Code

    Code
    <div class="flexContainer">@@@WCF_PRE_LINEBREAK@@@    <div>@@@WCF_PRE_LINEBREAK@@@        <a href="https://www.bliqpunkt.de/">@@@WCF_PRE_LINEBREAK@@@            <img src="{{ media="40" size="original" }}" />@@@WCF_PRE_LINEBREAK@@@        </a>@@@WCF_PRE_LINEBREAK@@@    </div>@@@WCF_PRE_LINEBREAK@@@    <div>@@@WCF_PRE_LINEBREAK@@@        <a href="https://www.bliqpunkt.de/contact/">@@@WCF_PRE_LINEBREAK@@@            <img src="{{ media="41" size="original" }}" />@@@WCF_PRE_LINEBREAK@@@        </a>@@@WCF_PRE_LINEBREAK@@@    </div>@@@WCF_PRE_LINEBREAK@@@</div>

    Alles anzeigen Verlinkung eintragen: Finde <a href="https://www.bliqpunkt.de/"> und ersetze https://www.bliqpunkt.de/ mit dem gewünschten Link Bild einfügen: Finde {{ media="41" size="original" }} und ersetze "41"mit der ID einer eigenen Mediendatei (oder Bild-URL)


    Informationen mit Buttons, Icons, Bildern und Verlinkungen präsentieren

    Mit dem "bliqpunkt Info Box"-Container können u.a. für Apps Kurzbeschreibungen mit passenden Icons verfasst werden. Mittels der Buttons kann der User zum jeweiligen Downloadbereich für die Apps gelangen. Durch einen Screenshot auf der rechten Seite bekommt der User nochmal einen Überblick. Auch dieser Box-Container eignet sich bestens für Produkt- und Dienstleistungspräsentationen sowie Werbung/Eigenwerbung.


    [Blockierte Grafik: https://www.woltlab.com/attachment/168198-bliqpunktinfobox-png/?thumbnail=1] Gehe zu Kontrollzentrum > Administration > Boxen > + Box hinzufügen > Box-Typ "HTML" Allgemeine Daten: Name der Box eintragen, Boxposition, CSS-Klasse sowie Verlinkung festlegen Inhalte: Den folgenden Beispiel-Quellcode in den Inhaltsbereich kopieren

    Code

    Code
    <div class="infoContainer">@@@WCF_PRE_LINEBREAK@@@  <h1>bliqpunkt Info Box</h1>@@@WCF_PRE_LINEBREAK@@@  @@@WCF_PRE_LINEBREAK@@@  <ul class="listContainer">@@@WCF_PRE_LINEBREAK@@@    <li class="listItem">@@@WCF_PRE_LINEBREAK@@@      <span class="icon icon32 fa-th"></span>@@@WCF_PRE_LINEBREAK@@@      <span class="listItemTitle">Labore et dolore magna</span>@@@WCF_PRE_LINEBREAK@@@    </li>@@@WCF_PRE_LINEBREAK@@@    @@@WCF_PRE_LINEBREAK@@@    <li class="listItem">@@@WCF_PRE_LINEBREAK@@@      <span class="icon icon32 fa-users"></span>@@@WCF_PRE_LINEBREAK@@@      <span class="listItemTitle">Aliquyam erat sed diam voluptua</span>@@@WCF_PRE_LINEBREAK@@@    </li>@@@WCF_PRE_LINEBREAK@@@    @@@WCF_PRE_LINEBREAK@@@    <li class="listItem">@@@WCF_PRE_LINEBREAK@@@      <span class="icon icon32 fa-gift"></span>@@@WCF_PRE_LINEBREAK@@@      <span class="listItemTitle">At vero eos et accusam et justo ipsum dolor</span>@@@WCF_PRE_LINEBREAK@@@    </li>@@@WCF_PRE_LINEBREAK@@@  </ul>    @@@WCF_PRE_LINEBREAK@@@  @@@WCF_PRE_LINEBREAK@@@  <div class="buttonContainer">@@@WCF_PRE_LINEBREAK@@@    <a class="button buttonPrimary" href="https://www.bliqpunkt.de/beispiele/">@@@WCF_PRE_LINEBREAK@@@      Download für Windows <span class="icon icon32 fa-windows"></span>@@@WCF_PRE_LINEBREAK@@@    </a>@@@WCF_PRE_LINEBREAK@@@    @@@WCF_PRE_LINEBREAK@@@    <a class="button" href="https://www.bliqpunkt.de/angebot/">@@@WCF_PRE_LINEBREAK@@@      Duo dolores@@@WCF_PRE_LINEBREAK@@@    </a>@@@WCF_PRE_LINEBREAK@@@  </div>@@@WCF_PRE_LINEBREAK@@@  @@@WCF_PRE_LINEBREAK@@@  <p>Et ea rebum <a href="https://www.bliqpunkt.de/legal-notice/">Stet clita gubergrene</a> takimata</p>@@@WCF_PRE_LINEBREAK@@@</div>@@@WCF_PRE_LINEBREAK@@@@@@WCF_PRE_LINEBREAK@@@<div class="imageContainer">@@@WCF_PRE_LINEBREAK@@@    <img src="{{ media="70" size="medium" }}" />@@@WCF_PRE_LINEBREAK@@@</div>

    Alles anzeigen Überschrift eintragen: Finde <h1>bliqpunkt Info Box</h1> und ersetze bliqpunkt Info Box mit der gewünschten Überschrift Aufzählung mit Icons: Finde <span class="icon icon32 fa-th"></span> und ersetze fa-th mit dem Namen des ausgewählten Icons Finde <span class="listItemTitle">Labore et dolore magna</span> und ersetze Labore et dolore magna mit einem beliebigen Text Buttons Mit Icons und Verlinkung: Finde <a class="button buttonPrimary" href="https://www.bliqpunkt.de/beispiele/"> und ersetze https://www.bliqpunkt.de/beispiele/ mit dem gewünschten Link Neben dem geschlossenen Tag wird ein beliebiger Text eingetragen Finde <span class="icon icon32 fa-windows"></span> und ersetze fa-windows mit dem Namen des ausgewählten Icons Ohne Icons, nur Verlinkung: Finde <a class="button" href="https://www.bliqpunkt.de/angebot/"> und ersetze https://www.bliqpunkt.de/angebot/ mit dem gewünschten Link Neben dem geschlossenen Tag wird ein beliebiger Text eingetragen Text mit Verlinkung: Finde <p>Et ea rebum <a href="https://www.bliqpunkt.de/legal-notice/"</p> und ersetze den Text mit einem beliebig anderen sowie den Link href="https://www.bliqpunkt.de/legal-notice/" Bild: Finde <div class="imageContainer"> <img src="{{ media="70" size="medium" }}" /> </div> und ersetze "70"mit der ID einer eigenen Mediendatei (oder Bild-URL)


    Zur Original Nachricht: https://www.woltlab.com/pluginstore/fi…sters-blizzard/