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

    21.883 mal gelesen

Kommentare 15

  • Perikles -

    Erste Sahne! Ein absolutes MUSS!!

  • Ulrike -

    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 -

      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 -

    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!