Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- breedmaster:home-template [23.04.2018 06:27] – Manfred Link
+++ breedmaster:home-template [03.07.2018 12:27] (aktuell) – [Standard-Template (alt)] Manfred Link
@@ Zeile 1: / Zeile 1: @@
 ====== Home-Template ======
-Die Startseite, bzw. Home-Seite der Datenbank kann über ein HTML-Template fast vollständig umgestaltet werden. Dabei kann auf eine Reihe von vordefinierten Variablen zugegriffen werden. Diese sind durch geschweiften Klammern ''{}'' umschlossen.
+Die Startseite, bzw. Home-Seite der Datenbank kann über ein HTML-Template fast vollständig umgestaltet werden. Dabei kann auf eine Reihe von vordefinierten Variablen zugegriffen werden. Diese sind durch geschweifte Klammern ''{}'' umschlossen.
-Nachfolgend ein Beispiel für eine Standardansicht:
+==== Standard-Template ====
+Nachfolgend ein Beispiel für eine Standardansicht, basierend auf [[Bootstrap]]:
 <code html>
 <div class="container">
@@ Zeile 15: / Zeile 16: @@
 		</div>
 		<div id="rechts" class="col-md-3">
-			{box:schnellsuche} {box:zufallsbild} {box:deckmeldungen} {box:deckrueden} {box:wuerfe} {box:statistiken}
+			{box:schnellsuche}
+			{box:zufallsbild}
+			{box:deckmeldungen}
+			{box:deckrueden}
+			{box:wuerfe}
+			{box:statistiken}
+		</div>
+	</div>
+</div>
+</code>
+Zur Einteilung in Spalten wird das Grid-System von Bootstrap verwendet. Erkennbar an den CSS-Klassen mit den bezeichnungen ''col-md-x'', wobei x die Breite der Spalte angibt. In Summe können in einer Zeile (row) maximal 12 Spalten genutzt werden.
+==== 2-Spaltiges Layout ====
+Mit folgendem HTML-Code wird ein 2-spaltiges Layout genutzt, mit einer breiten linken Spalte.
+<code html>
+<div class="container">
+	<div class="row">
+		<div id="links" class="col-md-8">
+			{box:bemerkungen}
+			{box:news}
+		</div>
+		<div id="rechts" class="col-md-4">
+			{box:schnellsuche}
+			{box:zufallsbild}
+			{cms:mainmenu}
+			{box:deckmeldungen}
+			{box:deckrueden}
+			{box:wuerfe}
+			{box:statistiken}
 		</div>
 	</div>
@@ Zeile 21: / Zeile 51: @@
 </code>
-Folgendes Beispiel ist veraltet, aber nach wie vor funktionsfähig:
+==== Standard-Template (alt) ====
+Folgendes Beispiel ist veraltet, aber nach wie vor funktionsfähig. Das Erscheinungsbild ist fast identisch mit obigen Beispiel:
 <code html>
-<div>
 	<div id="wrapper">
 		<div class="custommenu" id="menubereich">
@@ Zeile 44: / Zeile 74: @@
 		</div>
 	</div>
-</div>
 </code>
@@ Zeile 62: / Zeile 92: @@
   * news
-Zur einfacheren grafischen gestaltung kann auf Standard Bootstrap-Klassen zurückgegriffen werden, wie z. B.
+==== Benutzer-Daten ====
+Ab Version 12.7.3 von Breedmaster können die Daten des aktuellen Nutzers in der Ausgabe integriert werden. Dadurch sind persönliche Anreden oder auch vorausgefüllte Formularfelder realisierbar. Allen Feldern muss als Prefix ''USR_'' vorangestellt werden. Um also Vorname und Nachname eines Nutzers anzuzeigen, wäre folgender Eintrag notwendig:
+<code html>
+<h3>Guten Tag {USR_vorname} {USR_nachname}</h3>
+</code>
+===== Weitere Beispiele =====
+Zur einfacheren grafischen Gestaltung kann auf Standard Bootstrap-Klassen zurückgegriffen werden, wie z. B.
 Zeigt einen Artikel in einer grünen Hinweisbox:
@@ Zeile 79: / Zeile 116: @@
 </code>
+Neben dem Template für die Home-Seite kann auch das Template für [[showpage-template|Showpage]] angepasst werden.