WoltLab Cloud Disasters: Volcano 5.5.0

Professioneller Gaming-Stil, der auch perfekt auf alle anderen Themen angepasst werden kann und mit seinen erweiterten Layoutfunktionen deine Community aufwertet.

Eigenschaften

• Erstklassiges, modernes Design
• Dunkle Hintergründe
• 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

Wie wird die Box angelegt?

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

<div class="flexContainer">
    <div>
        <a href="https://www.bliqpunkt.de/">
            <img src="{{ media="109" size="original" }}" />
        </a>
    </div>
    <div>
        <a href="https://www.bliqpunkt.de/">
            <img src="{{ media="110" size="original" }}" />
        </a>
    </div>
</div>

1. Verlinkung eintragen: Finde <a href="https://www.bliqpunkt.de/"> und ersetze https://www.bliqpunkt.de/ mit dem gewünschten Link
2. Bild einfügen: Finde {{ media="109" size="original" }} und ersetze "109"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.

1. Gehe zu Kontrollzentrum > Administration > Boxen > + Box hinzufügen > Box-Typ "HTML"
2. Allgemeine Daten: Name der Box eintragen, Boxposition, CSS-Klasse sowie Verlinkung festlegen
3. Inhalte: Den folgenden Beispiel-Quellcode in den Inhaltsbereich kopieren

<div class="infoContainer">
  <h1>bliqpunkt Info Box</h1>
  
  <ul class="listContainer">
    <li class="listItem">
      <span class="icon icon32 fa-fire"></span>
      <span class="listItemTitle">Labore et dolore magna</span>
    </li>
    
    <li class="listItem">
      <span class="icon icon32 fa-bomb"></span>
      <span class="listItemTitle">Aliquyam erat sed diam voluptua</span>
    </li>
    
    <li class="listItem">
      <span class="icon icon32 fa-sun-o"></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.bliqpunkt.de/">
      Download für Mac <span class="icon icon32 fa-apple"></span>
    </a>
    
    <a class="button" href="https://www.bliqpunkt.de/">
      Duo dolores
    </a>
  </div>
  
  <p>Et ea rebum <a href="https://www.bliqpunkt.de/">Stet clita gubergrene</a> takimata</p>
</div>

<div class="imageContainer">
    <img src="{{ media="105" size="medium" }}" />
</div>

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

_________________________________________________________

Bilder sind Beispielinhalte und nicht im Stil enthalten!

Weitere Disaster-Stile

WoltLab Cloud

File

Disasters: Tsunami

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

bliqpunkt

Jul 7th 2022

WoltLab Cloud

File

Disasters: Blizzard

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

bliqpunkt

Jul 7th 2022

WoltLab Cloud

File

Disasters: Sandstorm

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

bliqpunkt

Nov 14th 2022