1. WoltLab Suite
    1. Apps
    2. Features
    3. Services
    4. Pricing
  2. Customer Area
  3. Community
    1. Dashboard
    2. Unresolved Threads
  4. Plugin-Store
  5. Blog
  • Login or register
  • Search
Gaming
  • Everywhere
  • Gaming
  • Forum
  • Plugin-Store
  • Articles
  • Pages
  • More Options
  1. WoltLab®
  2. Plugin-Store
  3. Plugins
  4. Styles
  5. Gaming

WoltLab Cloud Disasters: Blizzard 5.5.0

  • (1)
  • bliqpunkt
  • January 24, 2022 at 2:16 PM
  • 54 Downloads
  • 21 Comments
  • 30 Purchases
  • Download

Purchase Disasters: Blizzard

EUR 5.95
  • Overview
  • Versions 3
  • Comments 21
  • Reviews 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
Code
<div class="flexContainer">
    <div>
        <a href="https://www.bliqpunkt.de/">
            <img src="{{ media="40" size="original" }}" />
        </a>
    </div>
    <div>
        <a href="https://www.bliqpunkt.de/contact/">
            <img src="{{ media="41" size="original" }}" />
        </a>
    </div>
</div>
Display More
  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

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

<div class="imageContainer">
    <img src="{{ media="70" size="medium" }}" />
</div>
Display More
  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

  • Sandstorm.png
    • 6.73 kB
    • 72×72
    • 300
  • Fullscreen_Dashboard.png
    • 4.34 MB
    • 3,760×5,134
    • 572
  • Fullscreen_Forum.png
    • 309.8 kB
    • 1,903×1,306
    • 459
  • Fullscreen_Forum_Übersicht.png
    • 179.55 kB
    • 1,903×1,110
    • 426
  • Fullscreen_Forum_Eintrag.png
    • 287.82 kB
    • 1,903×2,552
    • 395
  • Fullscreen_Artikel.png
    • 431.37 kB
    • 1,903×2,296
    • 349
  • Fullscreen_Mitglieder.png
    • 390.14 kB
    • 1,903×3,565
    • 315
  • Fullscreen_Kalendar.png
    • 178.02 kB
    • 1,903×1,643
    • 285
  • Fullscreen_Galerie.png
    • 247.22 kB
    • 1,903×965
    • 271
  • Tablets_Dashboard.png
    • 1.56 MB
    • 1,536×4,490
    • 238
  • Tablets_Forum.png
    • 611.67 kB
    • 1,536×5,372
    • 224
  • Tablets_Forum_Übersicht.png
    • 416.64 kB
    • 1,536×2,098
    • 206
  • Tablets_Artikel.png
    • 964.39 kB
    • 1,536×4,584
    • 179
  • Smartphones_Dashboard.png
    • 1.16 MB
    • 1,125×6,000
    • 174
  • Smartphones_Forum_Übersicht.png
    • 798.46 kB
    • 1,125×4,509
    • 149
  • Smartphones_Forum_Eintrag.png
    • 879.69 kB
    • 1,125×8,289
    • 152
  • Smartphones_Artikel.png
    • 811.15 kB
    • 1,125×4,239
    • 141
  • Smartphones_Artikel_hinzufügen.png
    • 319.08 kB
    • 1,125×7,065
    • 142
  • Blizzard
  • dark
  • gaming
  • Infobox
  • flexible
  • Gaming Style
  • Modern web
  • Blue Design
  • Disaster
  • Imagebox
  • Version 5.5.0

    • bliqpunkt
    • July 6, 2022 at 8:46 PM
    • 540.16 kB
    • 12 Downloads

    Design style is now compatible with WoltLab Suite 5.5.0.

  • Version 1.0.1

    • bliqpunkt
    • February 10, 2022 at 12:38 PM
    • 537.58 kB
    • 22 Downloads

    Package change: Now compatible with WoltLab Suite 5.3

  • Version 1.0.0

    • (1)
    • bliqpunkt
    • February 2, 2022 at 1:09 PM
    • 537.5 kB
    • 16 Downloads

    Adjusting the contrast (mobile) for the page buttons

Dr_Floh
March 10, 2023 at 5:42 PM

Hey, kleine frage, ist die 6.0 Unterstützte Versionen geplant?

bliqpunkt
June 26, 2023 at 9:02 AM
Author

Hallo,

sorry für die späte Rückmeldung. Ja, ich bringe Updates zu allen Designs raus, sobald WL 6.0 läuft.

LG

Elsewhere
May 11, 2022 at 4:30 PM

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

Wie kann ich das anpassen?

LG

bliqpunkt
May 12, 2022 at 12:51 PM
Author

Hallo frostonable,

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

LG

Elsewhere
May 13, 2022 at 2:54 AM
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

bliqpunkt
May 23, 2022 at 8:49 PM
Author

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

beroliner
February 18, 2022 at 2:51 PM

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

bliqpunkt
February 21, 2022 at 10:08 PM
Author

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

Dr_Floh
February 17, 2022 at 9:21 PM

Kleine Frage am Rande.

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

Liebe Grüße

bliqpunkt
February 21, 2022 at 10:03 PM
Author

Hi Dr_Floh,

probiers mal hiermit:

Code
.pageFooterLogo {
    display: none;
}

LG

Dr_Floh
February 22, 2022 at 4:30 PM

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

Nico25
February 3, 2022 at 11:07 AM

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.

bliqpunkt
February 3, 2022 at 7:08 PM
Author

Hallo Nico25,

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

LG Desiree

Nico25
February 6, 2022 at 9:39 AM

Okay, denn so kann ich es nicht nutzen.

Dr_Floh
February 8, 2022 at 5:54 PM

Hallo,

wurde das Problem jetzt schon gefixt ;)

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

LG

Dr_Floh

Nico25
February 8, 2022 at 6:59 PM

Nein, kann es auch noch nicht verwenden.

bliqpunkt
February 9, 2022 at 12:40 PM
Author

Hallo,

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

LG

      • Date
      • Rating
      • 5.5.0
      • 1.0.1
      • 1.0.0
      • All Versions
  • Sehr cool

    • Darkwood.Design
    • 1.0.0
    • February 2, 2022 at 6:45 PM

    Schönes Design mit top Preis-/Leistung. Freue mich auf mehr von dir! :thumbup:

Customers Who Bought This Plugin Also Bought

  1. Community Bot

    • Darkwood.Design
    • September 21, 2023 at 9:27 AM
    • (6)
    New The 'Swiss Knife' for your community.
    EUR 19.99 EUR 17.99
    • Like 38
    • 3k Downloads
    • 1k Purchases
  2. Fake Users and Activity

    • Darkwood.Design
    • September 20, 2023 at 9:37 AM
    • (1)
    New Easily create bulk simulated user accounts with online activity.
    WoltLab Cloud
    EUR 19.99 EUR 17.99
    • Like 11
    • 739 Downloads
    • 318 Purchases
  3. WoltLab Suite: Ticket System

    • Darkwood.Design
    • September 12, 2023 at 10:42 AM
    New An comfortable ticket system for reporting support tickets and software bugs.
    WoltLab Cloud
    EUR 49.99
    • Like 20
    • 2.3k Downloads
    • 663 Purchases
  4. Modern Shoutbox Pro

    • Darkwood.Design
    • September 7, 2023 at 11:27 AM
    • (13)
    New This plugin provides a clean and modern shoutbox for your community.
    WoltLab Cloud
    EUR 9.95
    • Like 292
    • 20k Downloads
    • 4.9k Purchases

File Details

License Agreement
Lizenzbestimmungen zum Erwerb von Softwareprodukten von bliqpunkt
Website
bliqpunkt.de/
Supported Versions
WoltLab Suite 5.5

More Files by bliqpunkt

  • Business: Travel and vacation

    bliqpunkt September 20, 2023 at 10:04 AM
  • Business: Elegance, Aesthetics and Style

    bliqpunkt September 12, 2023 at 10:01 AM
  • Business: Finances and advisors

    bliqpunkt September 4, 2023 at 12:13 PM
  • Business: Garden, craft and store

    bliqpunkt September 4, 2023 at 11:14 AM
  • Disasters: Sandstorm

    bliqpunkt November 12, 2022 at 9:11 PM
All Files

WoltLab Suite

  1. WoltLab Suite
  2. Apps
  3. Features
  4. Services
  5. Customer Stories
  6. Pricing

Support

  1. Manual
  2. Community
  3. Frequently Asked Questions
  4. Developer Documentation
  5. Contact Form

Information

  1. General Terms and Conditions
  2. Rental Conditions
  3. Community Guidelines
  4. Plugin-Store Guidelines
  5. Jobs
  6. Privacy Policy
  7. Legal Notice
Powered by WoltLab Suite™ 6.0.0 RC 1