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?
- 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 times as you want
<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
- Enter link: Find <a href="https://www.bliqpunkt.de/"> and replace https://www.bliqpunkt.de/ with the desired link
- 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.
<div>...</div> part as many
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 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
- Enter heading: Find <h1>bliqpunkt Info Box</h1> and replace bliqpunkt info box with the desired heading
- Enumeration with icons:
- Find <span class="icon icon32 fa-th"></span> and replace fa-th with the name of the selected icon
- Find <span class="listItemTitle">Labore et dolore magna</span> and replace Labore et dolore magna with any text
- Buttons
- With icons and linking:
- Find <a class="button buttonPrimary" href="https://www.bliqpunkt.de/beispiele/"> and replace https://www.bliqpunkt.de/beispiele/ with the desired link
- Next to the closed tag enter any text
- Find <span class="icon icon32 fa-windows"></span> and replace fa-windows with the name of the selected icon
- Without icons, only linking:
- Find <a class="button" href="https://www.bliqpunkt.de/angebot/"> and replace https://www.bliqpunkt.de/angebot/ with the desired link
- Next to the closed tag any text is entered
- With icons and linking:
- 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/"
- 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!
-
Version 5.5.0
- bliqpunkt
- 540.16 kB
- 8 Downloads
Design style is now compatible with WoltLab Suite 5.5.0.
-
Version 1.0.1
- bliqpunkt
- 537.58 kB
- 22 Downloads
Package change: Now compatible with WoltLab Suite 5.3
-
Version 1.0.0
- (1)
- bliqpunkt
- 537.5 kB
- 16 Downloads
Adjusting the contrast (mobile) for the page buttons
-
Sehr cool
- Darkwood.Design
- 1.0.0
Schönes Design mit top Preis-/Leistung. Freue mich auf mehr von dir!
Elsewhere
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 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
Der Header soll auf allen Seiten gleich sein.
Danke
bliqpunkt Author
In dem Fall kannst du den Bereich im Dashboard entweder komplett löschen oder ausblenden. Zweiteres sieht so aus:
Konnte ich deine Frage damit beantworten?
LG
beroliner
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 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
Kleine Frage am Rande.
Wie kann ich den Banner / Logo im Footer ausblenden .
Da es ja abgegriffen wird vom Header.
Liebe Grüße
bliqpunkt Author
Hi Dr_Floh,
probiers mal hiermit:
LG
Dr_Floh
Ja moin . Danke dir . Zu blond gewesen. Danke . Hat geklappt.
Nico25
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 Author
Hallo Nico25,
Ich schau mir das gleich mal an und denke, dass ich das bis morgen gefixt bekomme.
LG Desiree
Nico25
Okay, denn so kann ich es nicht nutzen.
Dr_Floh
Hallo,
wurde das Problem jetzt schon gefixt
Weil es seit dem bis jetzt noch keine neue Version gab
LG
Dr_Floh
Nico25
Nein, kann es auch noch nicht verwenden.
bliqpunkt Author
Hallo,
die neue Version ist leider noch nicht von WoltLab freigeschaltet worden.
LG