Hallo zusammen,
ich würde gerne Boxen an der Position "Im Inhaltsbereich oben" oder "Im Inhaltsbereich unten" in einem 3er oder 4er Grid nebeneinander anzeigen lassen. Ein Beispiel dafür wäre die Startseite im PFF Forum:
Welche Wege oder Möglichkeiten gibt es dafür? Müsste es ausschließlich durch den verwendeten Template Anbieter im Design hinterlegt sein oder wäre das durch ein Plugin zu erreichen?
Vielen Dank im Voraus
Geht's hier um die Boxen an sich oder nur um die Darstellung? Die Darstellung selbst kannst du mit CSS lösen. Hier mal ein Beispiel:
.parent {
display: flex;
flex-wrap: wrap;
.child {
flex: 0 0 calc(100% / 4 - 20px);
}
}Kannst du den Code etwas weiter erläutern?
<div class="gridLayout row">
<div class="gridBox col-md-3">
<h2 class="gridBoxTitle">Forum</h2>
<div class="gridBoxContent">
<div class="gridBoxContent">
<div>
<p>Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt.</p>
<hr>
<p>Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In ac dui quis mi consectetuer lacinia.</p>
<hr>
<br>
<a href=" URL eintragen "><button class="btn"><i class="fa fa-home"></i> Wie der Knopf heissen soll eintragen </button></a>
</div>
</div>
</div>
</div>
<div class="gridBox col-md-3">
<h2 class="gridBoxTitle">Verzeichnis</h2>
<div class="gridBoxContent">
<div class="gridBoxContent">
<div>
<p>Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt.</p>
<hr>
<p>Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In ac dui quis mi consectetuer lacinia.</p>
<hr>
<br>
<a href=" URL eintragen "><button class="btn"><i class="fa fa-home"></i> Wie der Knopf heissen soll eintragen </button></a>
</div>
</div>
</div>
</div>
<div class="gridBox col-md-3">
<h2 class="gridBoxTitle">Galerie</h2>
<div class="gridBoxContent">
<div>
<p>Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt.</p>
<hr>
<p>Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In ac dui quis mi consectetuer lacinia.</p>
<hr>
<br>
<a href=" URL eintragen "><button class="btn"><i class="fa fa-home"></i> Wie der Knopf heissen soll eintragen </button></a>
</div>
</div>
</div>
<div class="gridBox col-md-3">
<h2 class="gridBoxTitle">Kalender</h2>
<div class="gridBoxContent">
<div>
<p>Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt.</p>
<hr>
<p>Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In ac dui quis mi consectetuer lacinia.</p>
<hr>
<br>
<a href=" URL eintragen "><button class="btn"><i class="fa fa-home"></i> Wie der Knopf heissen soll eintragen </button></a>
</div>
</div>
</div>
</div>Sollte weiter helfen.
Einfach ne HTML Box erstellen und da hinsetzen wo du es möchtest . Auswahl ist ja genug da . 
MfG
Kein ding.,
CodeDisplay More<div class="gridLayout row"> <div class="gridBox col-md-3"> <h2 class="gridBoxTitle">Forum</h2> <div class="gridBoxContent"> <div class="gridBoxContent"> <div> <p>Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt.</p> <hr> <p>Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In ac dui quis mi consectetuer lacinia.</p> <hr> <br> <a href=" URL eintragen "><button class="btn"><i class="fa fa-home"></i> Wie der Knopf heissen soll eintragen </button></a> </div> </div> </div> </div> <div class="gridBox col-md-3"> <h2 class="gridBoxTitle">Verzeichnis</h2> <div class="gridBoxContent"> <div class="gridBoxContent"> <div> <p>Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt.</p> <hr> <p>Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In ac dui quis mi consectetuer lacinia.</p> <hr> <br> <a href=" URL eintragen "><button class="btn"><i class="fa fa-home"></i> Wie der Knopf heissen soll eintragen </button></a> </div> </div> </div> </div> <div class="gridBox col-md-3"> <h2 class="gridBoxTitle">Galerie</h2> <div class="gridBoxContent"> <div> <p>Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt.</p> <hr> <p>Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In ac dui quis mi consectetuer lacinia.</p> <hr> <br> <a href=" URL eintragen "><button class="btn"><i class="fa fa-home"></i> Wie der Knopf heissen soll eintragen </button></a> </div> </div> </div> <div class="gridBox col-md-3"> <h2 class="gridBoxTitle">Kalender</h2> <div class="gridBoxContent"> <div> <p>Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt.</p> <hr> <p>Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In ac dui quis mi consectetuer lacinia.</p> <hr> <br> <a href=" URL eintragen "><button class="btn"><i class="fa fa-home"></i> Wie der Knopf heissen soll eintragen </button></a> </div> </div> </div> </div>Sollte weiter helfen.
Einfach ne HTML Box erstellen und da hinsetzen wo du es möchtest . Auswahl ist ja genug da .
MfG
Du hast das Layout Expansion Kit im Spiel oder?
jupp
Don’t have an account yet? Register yourself now and be a part of our community!
