WoltLab Cloud Disasters: Blizzard 1.0.1

Professional gaming style that can also be perfectly adapted to all other themes and enhance your community with its advanced layout features.

Features

  • First class modern design
  • Dark backgrounds with frost effects
  • Easily customizable colors
  • Compatible with all official WoltLab extensions
  • Special info and image boxes for a customized experience (instructions below)


Additional boxes/features

Flexible image list with linking: ideal for portfolios and product presentation

How to create the box?

  1. Go to Control Center > Administration > Boxes > + Add box > Box-type "HTML"
  2. General data: Enter the name of the box, specify the box position and linking
  3. Content: Copy the following example source code into the content area and repeat the <div>...</div> part as many times as you want
  1. Enter link: Find <a href="https://www.bliqpunkt.de/"> and replace https://www.bliqpunkt.de/ with the desired link
  2. Insert image: Find {{ media="41" size="original" }} and replace "41" with the ID of a custom media file (or image URL)

Present information with buttons, icons, images and links

With the "bliqpunkt Info Box" container, short descriptions with matching icons can be written for apps, among other things. Using the buttons, the user can get to the respective download area for the apps. A screenshot on the right side gives the user another overview. This box container is also ideally suited for product and service presentations as well as advertising/self-promotion.


Go to Control Center > Administration > Boxes > + Add box > Box-type "HTML" General data: Enter the name of the box, specify the box position and linking Content: Copy the following example source code into the content area and repeat the <div>...</div> part as many

  1. Enter heading: Find <h1>bliqpunkt Info Box</h1> and replace bliqpunkt info box with the desired heading
  2. Enumeration with icons:
    1. Find <span class="icon icon32 fa-th"></span> and replace fa-th with the name of the selected icon
    2. Find <span class="listItemTitle">Labore et dolore magna</span> and replace Labore et dolore magna with any text
  3. Buttons
    1. With icons and linking:
      1. Find <a class="button buttonPrimary" href="https://www.bliqpunkt.de/beispiele/"> and replace https://www.bliqpunkt.de/beispiele/ with the desired link
      2. Next to the closed tag enter any text
      3. Find <span class="icon icon32 fa-windows"></span> and replace fa-windows with the name of the selected icon
    2. Without icons, only linking:
      1. Find <a class="button" href="https://www.bliqpunkt.de/angebot/"> and replace https://www.bliqpunkt.de/angebot/ with the desired link
      2. Next to the closed tag any text is entered
  4. Text with link: Find <p>Et ea rebum <a href="https://www.bliqpunkt.de/legal-notice/"</p> and replace the text with any other text and the link href="https://www.bliqpunkt.de/legal-notice/"
  5. Image: Find <div class="imageContainer"> <img src="{{ media="70" size="medium" }}" /> </div> and replace "70" with the ID of an own media file (or image URL)

_____________________________________________________________

Images are sample content and not included in the style!

Images

  • Version 1.0.1

    Package change: Now compatible with WoltLab Suite 5.3

  • Version 1.0.0

    Adjusting the contrast (mobile) for the page buttons

  • Mir ist aufgefallen dass "domain.tld/dashboard" einen schwarzen "pageHeaderPanel" hat der sich vom den restlichen Header unterscheidet.

    Wie kann ich das anpassen?

    LG

    • Hallo frostonable,


      was genau möchtest du anpassen? Soll der Header auf allen Seiten gleich aussehen oder die schwarze Farbe gewechselt werden?


      LG

    • Quote from bliqpunkt

      was genau möchtest du anpassen? Soll der Header auf allen Seiten gleich aussehen oder die schwarze Farbe gewechselt werden?

      Der Header soll auf allen Seiten gleich sein.

      Danke

    • In dem Fall kannst du den Bereich im Dashboard entweder komplett löschen oder ausblenden. Zweiteres sieht so aus:

      Code
      // Dashboard
      /*[data-page-identifier="com.woltlab.wcf.Dashboard"] {
              #pageContainer .pageHeaderPanel {
                      background: black;
              }
      }*/

      Konnte ich deine Frage damit beantworten?


      LG

  • Hallo,


    Ein Anliegen:


    Bei der Infobox ist es möglich das man das Bild wie hier in der Vorschau rechts positionieren kann? Irgendwie folgt es dem Fluss nach unten. Einiges hab ich auch schon in der Style-Datei und im HTML-Code versucht, aber es macht den Eindruck als würde sich dort gar nichts ändern.


    Liebe Grüße

    • Hallo beroliner,


      ich kann den Fehler leider nicht reproduzieren. Hast du vielleicht einen Link für mich, damit ich mir das mal direkt anschauen kann?


      LG

  • Kleine Frage am Rande.

    Wie kann ich den Banner / Logo im Footer ausblenden .
    Da es ja abgegriffen wird vom Header.


    Liebe Grüße

    • Hi Dr_Floh,


      probiers mal hiermit:

      Code
      .pageFooterLogo {
          display: none;
      }


      LG

    • Ja moin . Danke dir . Zu blond gewesen. Danke . Hat geklappt.

      OK 1
  • Lässt sich unter 5.3 nicht installieren: Benötigt das Paket „WoltLab Suite Core“ in Version „5.4.8“ oder höher, es ist aber nur Version „5.3.19“ installiert.

    • Hallo Nico25,


      Ich schau mir das gleich mal an und denke, dass ich das bis morgen gefixt bekomme.


      LG Desiree

      Like 3
    • Okay, denn so kann ich es nicht nutzen.

    • Hallo,


      wurde das Problem jetzt schon gefixt ;)


      Weil es seit dem bis jetzt noch keine neue Version gab :D


      LG

      Dr_Floh

    • Nein, kann es auch noch nicht verwenden.

    • Hallo,


      die neue Version ist leider noch nicht von WoltLab freigeschaltet worden.


      LG

      OK 1

Customers Who Bought This File Also Bought

  1. Modern Shoutbox Pro

    New This plugin provides a clean and modern shoutbox for your community.
    WoltLab Cloud
    EUR 5.95
    • Like 292
    • 19k Downloads
    • 4.8k Purchases
  2. New Allows you to create a modern slideshow with teaser as an eye catcher in your dashboard and/or forum.
    WoltLab Cloud
    EUR 12.99
    • Like 85
    • 3.2k Downloads
    • 1k Purchases
  3. An comfortable ticket system for reporting support tickets and software bugs.
    WoltLab Cloud
    EUR 39.95
    • Like 20
    • 2.1k Downloads
    • 631 Purchases
  4. This plugins automatically displays new notifications with a facebook style to the user. A refresh of the page is not necessary.
    WoltLab Cloud
    EUR 3.99
    • Like 52
    • 2.2k Downloads
    • 736 Purchases