1. Home
  2. Blog
  3. Help
    1. Handbuch Stile
    2. Frequently Asked Questions
    3. Commercial License
    4. Free License
    5. Updateserver
    6. Branding Free
    7. Installation
    8. Expansion Package
    9. Update access
  4. Shop
    1. Bright Styles
    2. Dark Styles
    3. Demos (External)
    4. Orders
    5. Terminate Contract
  5. Marketplace
    1. Map
  6. Community
    1. Unresolved Threads
  7. Downloads
  8. Pulse
  • Login
  • Register
  • Search
Everywhere
  • Everywhere
  • Forum
  • Products
  • Filebase Entry
  • Marketplace Item
  • Articles
  • Pages
  • More Options
  1. cls studio
  2. Filebase
  3. WoltLab Suite™ 5 und 6

Layout Expansion Kit

  • Tom
  • February 11, 2017 at 4:17 PM
  • December 8, 2023 at 3:13 PM
  • 1.5k downloads
  • 42,654 times viewed
  • 36 comments
  • Support-Thread
  • Das Layout-Expansion-Kit erweitert das vorhandene Gridsystem, um es auf eigenen HTML-Seiten oder bei HTML-Boxen nutzbar zu machen. Codebeispiele sind im Demoforum zu finden:

    Codebeispiele Gridsystem

    Grundelemente

    Eine Funktion, um Inhalte zu verstecken, wird ebenfalls mitgeliefert:

    Einfacher Button:

    HTML
    <div class="gridLayoutToggle">
        <p><a class="gridLayoutToggleButton button">Anzeigen</a></p>
        <div class="gridLayoutToggleContent" style="display: none" rel="display: none">
            <div>
                Verstecke Inhalte
            </div>
        </div>
    </div>


    Erweiteter Button:

    HTML
    <div class="gridLayoutToggleExtended">
        <a class="button">
            <span class="icon icon16 fa-plus-circle gridLayoutToggleIcon"></span>
            <span class="gridLayoutToggleText" > Anzeigen</span>
            <span class="gridLayoutToggleText" style="display:none"> Ausblenden</span>
        </a>
        <div class="gridLayoutToggleContent quoteBox" style="display: none">
            Das ist ein Test
        </div>
    </div>

    Hier kann der Text beim Klick geändert werden. Darüber hinaus gibt es ein Plus und Minus-Icon.

    Changelog

    6.0.0

    - Kompatibilität WoltLab Suite 6.0


    5.3.2

    - Kompatibilität WoltLab Suite 5.5

    5.3.1

    - Kompatibilität WoltLab Suite 5.4

    5.3.0

    - Kompatibilität WoltLab Suite 5.3

    5.2.0

    - Kompatibilität WoltLab Suite 5.2

    3.0.0

    - Kompatibilität WoltLab Suite 3.1
    - Neuer Button hinzugefügt
    - Updatefähig von 3.0.0 Beta 2

    3.0.0 Beta 2

    - Fehlerbehebung mobile Ansicht
    - Einführung neue Grundelmente

    Lizenz

    Siehe unsere Lizenz für kostenlose Erweiterungen:

    cls-design.com/index.php/LicenceFree/

    Laden Sie die Erweiterung nicht herunter, wenn Sie mit den Lizenzbedingungen nicht einverstanden sind. Mit dem Herunterladen stimmen Sie den Lizenzbedingungen zu.

    Files

    • com.cls-design.wcf.layoutExpansionKit.5.3.2.tar

      14.34 kB (165 downloads)
    • com.cls-design.wcf.layoutExpansionKit.6.0.0.tar

      14.34 kB (82 downloads)
    • Share

Comments 36

Lantis
August 22, 2023 at 10:13 AM

Wirds ein Update auf 6.0 geben? :)

Tom
August 22, 2023 at 4:26 PM

Ja, ich denke schon.

Jacky
November 16, 2023 at 3:39 PM

Hallo,

bist vermutlich noch nicht dazu gekommen. Darf man bald damit rechnen? ;)

Tom
November 16, 2023 at 5:07 PM

Ja, ich werde die Plugins zeitnah anpassen ☝️

Jacky
December 4, 2023 at 7:30 PM

Danke erstmal für die Anpassung, aber in den Layout Beispielen lassen sich die Code nicht öffnen und Symbole haben ein Fragezeichen.

- cls-design Demoforum

Tom
December 5, 2023 at 10:36 AM

Hi,

im Demoforum war das Plugin nicht installiert, habe das jetzt nachgeholt. Die Icons werde ich die Tage noch anpassen.

Den Button zum Öffnen / Schließen sollte man mittlerweile einfach durch den mitgelieferten Spoiler ersetzen, der funktioniert ja jetzt genau so.

Hasching
July 7, 2022 at 6:07 PM

Wirds ein 5.5 update geben?

Tom
July 8, 2022 at 11:08 AM

Jo

TechnicalDoctor
April 23, 2022 at 7:49 PM

Könnte man Social Media auch auf Discord erweitern? Oder was für Einträge müsste ich da machen?

Tom
April 25, 2022 at 7:25 PM

Es gibt kein Discord-Icon 🤷‍♂️

TechnicalDoctor
April 26, 2022 at 3:26 PM

Aehm bei Font Awesome doch

https://fontawesome.com/icons/discord?s=brands

Tom
April 27, 2022 at 11:45 AM

Das ist ab Version 5, WoltLab Suite verwendet noch 4. Du kannst also allenfalls ein eigenes Icon einsetzen.

moere22
April 29, 2022 at 1:30 PM

TechnicalDoctor - es gibt ein Plugin für die 5er Version
https://www.woltlab.com/pluginstore/fi…-woltlab-suite/

TechnicalDoctor
April 23, 2022 at 7:30 PM

Gibt es eine genaue Anleitung, was man machen muss?

TechnicalDoctor
April 23, 2022 at 7:50 PM

Habe es heraus gefunden :D

Marcus Nehring
April 18, 2021 at 12:48 AM

Danke für dieses tolle Tool.

Frage: lässt sich in eines (oder mehrere) der Felder auch eine bestehende Box einbinden und dementsprechend deren Inhalt anzeigen? Und wenn ja mit welchem Code?

Und noch eine Frage: die Box wird höher angezeigt als sie sein müsste. Die halbe Höhe würde auch ausreichen (Box ist über dem Inhaltsbereich und damit die Höhe durchaus wichtig). Wie kann die Höhe der Box verringern?

medimax
November 12, 2020 at 9:20 AM

wird das Paket auch auf 5.3 angepasst?

Vielen Dank im Voraus

Tom
November 12, 2020 at 10:48 AM

Ja.

IronEagle
October 2, 2019 at 8:44 PM

wird dieses paket auch an 5.2 angepasst?

Tom
October 3, 2019 at 9:51 AM

Ja.

Perikles
October 7, 2018 at 9:57 AM

Erste Sahne! Ein absolutes MUSS!!

ftb
October 3, 2018 at 2:07 PM

heyho, er tut mir leid, wenn ich so eine doofe Frage stelle, aber wie funktioniert das mit diesem Layout? Ich habe die Erweitwerung im meinem Test Core installiert. Wie kann ich die Layouts nun anwenden?

Muschelkuh
October 3, 2018 at 7:11 PM

Du kopierst den HTML Code aus einer der beiden Demoseiten in deine eigene Seite und bearbeitest es dann dort. Wichtig ist, nicht den Editor zu verwenden, sondern den reinen HTML / Templateeditor.

Robert.S
September 23, 2018 at 5:49 PM

Hallöchen zusammen, wo genau im ACP kann ich dann die gewünschten Boxen anpassen? Hab das Ambience von Euch hier und WSC 3.0. Muss ich das ggf. in einer .tpl-Datei ändern oder wo am besten? Finde das ganze auf der angegebenen Demoseite ja ganz schick und einfach erklärt. Vorab müsste ich nur wissen, wo ich was bearbeiten kann.

LG

Muschelkuh
September 23, 2018 at 9:50 PM

Du kopierst den HTML Code in deine eigene Seite und bearbeitest es dann dort.

Robert.S
September 24, 2018 at 6:32 PM

Okay, vielen Dank für die Info.

wasserlasser
November 25, 2017 at 7:58 PM

Super Plugin, vielen Dank!

TheSoulrester
April 14, 2017 at 12:24 PM

Mal so als kleine Frage zwischendurch: für was genau ist dieses Plugin? Aus der Beschreibung kommt das für mich persönlich nicht ganz so raus

Tom
September 25, 2017 at 4:23 PM

Das Plugin stellt Layoutelemente bereit mit denen du ein (HTML-)Layout bauen kannst ohne das du dich mit CSS beschäftigen musst, siehe die Beispiele die verlinkt sind.

bestehe.de
March 4, 2017 at 7:07 PM

Schöne Sache. Vielen Dank dafür!

User1
February 13, 2017 at 2:42 AM

Traumhaft :) Genau das, wonach ich lange gesucht habe! Endlich konnte ich mir mal selbst als HTML und CSS Noobie eine schöne Feature Liste bauen :D

Alonso
February 12, 2017 at 7:43 AM

Super Sache DANKE

Esu83
February 11, 2017 at 11:12 PM

Daumen hoch!

hamburger
February 11, 2017 at 7:46 PM

Und auch noch kostenlos, echt geil!

JayOnRails
February 11, 2017 at 4:39 PM

Sehr cool!

More Entries by this user

  • BBCode Sternebewertung

    Tom - January 7, 2024 at 12:06 PM
  • Zusätzliche <HTML>-Klassen: Zufällige IDs und eine Nachtklasse

    Tom - May 20, 2021 at 12:07 PM
  • Artikeldatum

    Tom - January 10, 2020 at 5:08 PM
  • WS 5.2 Hilfreichste Antwort eingeklappt

    Tom - January 5, 2020 at 12:32 PM
  • Artikel als "Empfohlen" markieren - WoltLab Plugin-Store

    Tom - December 19, 2019 at 10:27 AM
  • Artikelbox - Herobox (Ersatz für den Artikelslider)

    Tom - December 19, 2018 at 10:44 AM
  • WS 3.0, 3.1 Lokale Google Fonts

    Tom - April 1, 2018 at 2:10 PM
  • WS 3.0, 3.1 Artikelbox - Slider

    Tom - February 3, 2018 at 3:58 PM
  • Spendenbox - WoltLab Plugin-Store

    Tom - January 14, 2018 at 12:59 PM
  • WS 5.4 - Forum als gelesen markieren - mobil

    Tom - June 11, 2017 at 12:51 PM
All Entries
Support-Thread (72 replies)
  • cls studio

  • is a manufacturer of premium products for WoltLab Suite™. We offer a variety of high-quality styles and plugins.
  • Informationen

  • General terms and conditions
  • Privacy Policy
  • Legal Notice
  • Contact Form
  • Community Guidelines
  • Terminate Contract
  • Demoforums

  • Styles WoltLab Suite
  • Hilfe

  • Frequently Asked Questionsn
  • License Agreement - Commercial Products
  • License Agreement - Free Products
  • Updateserver - Commercial Products
Filebase, developed by www.viecode.com