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
    1. <div class="gridLayoutToggle">
    2. <p><a class="gridLayoutToggleButton button">Anzeigen</a></p>
    3. <div class="gridLayoutToggleContent" style="display: none" rel="display: none">
    4. <div>
    5. Verstecke Inhalte
    6. </div>
    7. </div>
    8. </div>


    Erweiteter Button:


    HTML
    1. <div class="gridLayoutToggleExtended">
    2. <a class="button">
    3. <span class="icon icon16 fa-plus-circle gridLayoutToggleIcon"></span>
    4. <span class="gridLayoutToggleText" > Anzeigen</span>
    5. <span class="gridLayoutToggleText" style="display:none"> Ausblenden</span>
    6. </a>
    7. <div class="gridLayoutToggleContent quoteBox" style="display: none">
    8. Das ist ein Test
    9. </div>
    10. </div>

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


    Changelog


    5.3.0


    - 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

Comments 27