WS 3.x Layout Expansion Kit

Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

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

    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-Quellcode

    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

    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

    20.408 mal gelesen

Kommentare 12

  • Robert.S -

    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

  • wasserlasser -

    Super Plugin, vielen Dank!

  • TheSoulrester -

    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 -

      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 -

    Schöne Sache. Vielen Dank dafür!

  • User1 -

    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 -

    Super Sache DANKE

  • SuperLight -

    Daumen hoch!

  • hamburger -

    Und auch noch kostenlos, echt geil!

  • jacboy -

    Sehr cool!