Layout Expansion Kit

  • 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.

Kommentare 36

  • Wirds ein Update auf 6.0 geben? :)

    • Ja, ich denke schon.

      Gefällt mir 1
    • Hallo,

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

    • Ja, ich werde die Plugins zeitnah anpassen ☝️

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

      https://www.cls-design-demo.com/index.php?layout/

    • 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.

  • Wirds ein 5.5 update geben?

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

  • Gibt es eine genaue Anleitung, was man machen muss?

  • 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?

  • wird das Paket auch auf 5.3 angepasst?


    Vielen Dank im Voraus

  • wird dieses paket auch an 5.2 angepasst?

  • Erste Sahne! Ein absolutes MUSS!!

  • 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?

    • 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.

  • 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

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

    • Okay, vielen Dank für die Info.

  • Super Plugin, vielen Dank!

  • 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

    • 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.

  • Schöne Sache. Vielen Dank dafür!

  • 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

    Gefällt mir 1
  • Super Sache DANKE

  • Daumen hoch!

  • Und auch noch kostenlos, echt geil!

  • Sehr cool!