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:
Eine Funktion, um Inhalte zu verstecken, wird ebenfalls mitgeliefert:
Einfacher Button:
<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:
<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.
Files
-
com.cls-design.wcf.layoutExpansionKit.5.3.2.tar
14.34 kB (161 downloads) -
com.cls-design.wcf.layoutExpansionKit.6.0.0.tar
14.34 kB (51 downloads)
Comments 36
Lantis
Wirds ein Update auf 6.0 geben?
Tom
Ja, ich denke schon.
Jacky
Hallo,
bist vermutlich noch nicht dazu gekommen. Darf man bald damit rechnen?
Tom
Ja, ich werde die Plugins zeitnah anpassen ☝️
Jacky
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/
Tom
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
Wirds ein 5.5 update geben?
Tom
Jo
TechnicalDoctor
Könnte man Social Media auch auf Discord erweitern? Oder was für Einträge müsste ich da machen?
Tom
Es gibt kein Discord-Icon 🤷♂️
TechnicalDoctor
Aehm bei Font Awesome doch
https://fontawesome.com/icons/discord?s=brands
Tom
Das ist ab Version 5, WoltLab Suite verwendet noch 4. Du kannst also allenfalls ein eigenes Icon einsetzen.
moere22
@TechnicalDoctor - es gibt ein Plugin für die 5er Version
https://www.woltlab.com/plugin…5-f%C3%BCr-woltlab-suite/
TechnicalDoctor
Gibt es eine genaue Anleitung, was man machen muss?
TechnicalDoctor
Habe es heraus gefunden
Marcus Nehring
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
wird das Paket auch auf 5.3 angepasst?
Vielen Dank im Voraus
Tom
Ja.
IronEagle
wird dieses paket auch an 5.2 angepasst?
Tom
Ja.
Perikles
Erste Sahne! Ein absolutes MUSS!!
ftb
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
Muschelkuh
Du kopierst den HTML Code in deine eigene Seite und bearbeitest es dann dort.
Robert.S
Okay, vielen Dank für die Info.
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
Alonso
Super Sache DANKE
Esu83
Daumen hoch!
hamburger
Und auch noch kostenlos, echt geil!
JayOnRails
Sehr cool!