1. Home
  2. Neuigkeiten
  3. Hilfe
    1. Handbuch Stile
    2. Häufig gestellte Fragen
    3. Lizenz - Kommerzielle Produkte
    4. Lizenz - Kostenlose Produkte
    5. Updateserver
    6. Branding Free
    7. Installation
    8. Erweiterungspaket
    9. Updatezugang
  4. Shop
    1. Helle Stile
    2. Dunkle Stile
    3. Demos (Extern)
    4. Bestellungen
  5. Marktplatz
  6. Community
    1. Unerledigte Themen
  7. Dateien
  • Anmelden
  • Registrieren
  • Suche
Alles
  • Alles
  • Forum
  • Produkte
  • Filebase-Eintrag
  • Marktplatz-Eintrag
  • Artikel
  • Seiten
  • Erweiterte Suche
  1. cls studio
  2. Filebase
  3. WoltLab Suite™ 5 und 6

Layout Expansion Kit

  • Tom
  • 11. Februar 2017 um 16:17
  • 8. Dezember 2023 um 15:13
  • 1,5k Downloads
  • 41.109 mal gelesen
  • 36 Kommentare
  • Support-Thema
  • 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.

    Dateien

    • 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 (76 Downloads)
    • Teilen

Kommentare 36

Lantis
22. August 2023 um 10:13

Wirds ein Update auf 6.0 geben? :)

Tom
22. August 2023 um 16:26

Ja, ich denke schon.

Jacky
16. November 2023 um 15:39

Hallo,

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

Tom
16. November 2023 um 17:07

Ja, ich werde die Plugins zeitnah anpassen ☝️

Jacky
4. Dezember 2023 um 19:30

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
5. Dezember 2023 um 10:36

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
7. Juli 2022 um 18:07

Wirds ein 5.5 update geben?

Tom
8. Juli 2022 um 11:08

Jo

TechnicalDoctor
23. April 2022 um 19:49

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

Tom
25. April 2022 um 19:25

Es gibt kein Discord-Icon 🤷‍♂️

TechnicalDoctor
26. April 2022 um 15:26

Aehm bei Font Awesome doch

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

Tom
27. April 2022 um 11:45

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

moere22
29. April 2022 um 13:30

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

TechnicalDoctor
23. April 2022 um 19:30

Gibt es eine genaue Anleitung, was man machen muss?

TechnicalDoctor
23. April 2022 um 19:50

Habe es heraus gefunden :D

Marcus Nehring
18. April 2021 um 00:48

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
12. November 2020 um 09:20

wird das Paket auch auf 5.3 angepasst?

Vielen Dank im Voraus

Tom
12. November 2020 um 10:48

Ja.

IronEagle
2. Oktober 2019 um 20:44

wird dieses paket auch an 5.2 angepasst?

Tom
3. Oktober 2019 um 09:51

Ja.

Perikles
7. Oktober 2018 um 09:57

Erste Sahne! Ein absolutes MUSS!!

ftb
3. Oktober 2018 um 14:07

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
3. Oktober 2018 um 19:11

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
23. September 2018 um 17:49

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
23. September 2018 um 21:50

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

Robert.S
24. September 2018 um 18:32

Okay, vielen Dank für die Info.

wasserlasser
25. November 2017 um 19:58

Super Plugin, vielen Dank!

TheSoulrester
14. April 2017 um 12:24

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
25. September 2017 um 16:23

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
4. März 2017 um 19:07

Schöne Sache. Vielen Dank dafür!

User1
13. Februar 2017 um 02:42

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
12. Februar 2017 um 07:43

Super Sache DANKE

Esu83
11. Februar 2017 um 23:12

Daumen hoch!

hamburger
11. Februar 2017 um 19:46

Und auch noch kostenlos, echt geil!

JayOnRails
11. Februar 2017 um 16:39

Sehr cool!

Weitere Einträge

  • BBCode Sternebewertung

    Tom - 7. Januar 2024 um 12:06
  • Zusätzliche <HTML>-Klassen: Zufällige IDs und eine Nachtklasse

    Tom - 20. Mai 2021 um 12:07
  • Artikeldatum

    Tom - 10. Januar 2020 um 17:08
  • WS 5.2 Hilfreichste Antwort eingeklappt

    Tom - 5. Januar 2020 um 12:32
  • Artikel als "Empfohlen" markieren - WoltLab Plugin-Store

    Tom - 19. Dezember 2019 um 10:27
  • Artikelbox - Herobox (Ersatz für den Artikelslider)

    Tom - 19. Dezember 2018 um 10:44
  • WS 3.0, 3.1 Lokale Google Fonts

    Tom - 1. April 2018 um 14:10
  • WS 3.0, 3.1 Artikelbox - Slider

    Tom - 3. Februar 2018 um 15:58
  • Spendenbox - WoltLab Plugin-Store

    Tom - 14. Januar 2018 um 12:59
  • WS 5.4 - Forum als gelesen markieren - mobil

    Tom - 11. Juni 2017 um 12:51
Alle Einträge
Support-Thema (72 Antworten)
  • cls-design

  • We did it, you love it.
  • Seit 2008 Anbieter von Premium-Stilen für WoltLab Suite™.
  • Informationen

  • Allgemeine Geschäftsbedingungen
  • Datenschutzerklärung
  • Impressum
  • Kontakt
  • Nutzungsbedingungen
  • Demoinstallationen

  • Stile WoltLab Suite
  • Hilfe

  • Häufig gestellte Fragen
  • Lizenz - Kommerzielle Produkte
  • Lizenz - Kostenlose Produkte
  • Updateserver - Kommerzielle Produkte