| Both sides previous revisionPrevious revisionNext revision | Previous revision |
| projekte:dokuwiki:nuropa-template [2024/09/25 14:53] – [Benutzermenü/-info] sascha | projekte:dokuwiki:nuropa-template [2024/09/26 18:54] (current) – [Bild-Banner] sascha |
|---|
| - Der **Seitentitel**. Das entspricht der ersten Überschrift, die im Seitentext benutzt wurde. \\ Wird diese Option benutzt, wird stattdessen die erste ''<h1>''-Überschrift im Haupttext versteckt. \\ | - Der **Seitentitel**. Das entspricht der ersten Überschrift, die im Seitentext benutzt wurde. \\ Wird diese Option benutzt, wird stattdessen die erste ''<h1>''-Überschrift im Haupttext versteckt. \\ |
| - ein **HTML-<i :en>Snippet</i>**: Wird diese Option gewählt, lädt das Template stattdessen eine Datei mit dem Namen „''title.html''“ aus dem Verzeichnis „''config/''“ und zeigt sie an dieser Stelle an. \\ Sinnvollerweise sollte diese Datei eine Überschrift samt ''<h1>'' oder ''<h2>''-Tag enthalten. | - ein **HTML-<i :en>Snippet</i>**: Wird diese Option gewählt, lädt das Template stattdessen eine Datei mit dem Namen „''title.html''“ aus dem Verzeichnis „''config/''“ und zeigt sie an dieser Stelle an. \\ Sinnvollerweise sollte diese Datei eine Überschrift samt ''<h1>'' oder ''<h2>''-Tag enthalten. |
| | |
| | ==== Menü-Navigation ==== |
| | |
| | Eine Menü-Navigation ist geplant, aber in der derzeitigen Version noch nicht implementiert. |
| | |
| | ===== Bild-Banner ===== |
| | |
| | <aside important> |
| | Dies ist noch eine //experimentelle// Funktion, d.h. es kann sein, dass dies später wieder entfernt wird, wenn es zu Problemen führt. Feedback hierzu ist sehr willkommen! |
| | </aside> |
| | |
| | Der Bild-Banner ist – wie der Name verspricht – ein zusätzlicher Banner, der ein Bild anzeigen kann. Mit dem mitgelieferten Beispielbild sieht das so aus: |
| | |
| | <figure> |
| | <div image-wrapper>{{:projekte:dokuwiki:nuropa-banner-breadcrumb.png?direct&400|Nuropa: Bild-Banner mit Brotkrümel-Navigation}}</div> |
| | <figcaption>Bild-Banner mit Brotkrümel-Navigation</figcaption></figure> |
| | |
| | Wie in dem Bildschirmfoto oben, können die beiden Brotkrümel-Navigationen auch hier angezeigt werden. In dem Bild hier wird die Liste der zuletzt besuchten Seiten angezeigt. Ebenso kann hier auch die hierarchische Navigation oder beides angezeigt werden. |
| | |
| | Interessanter ist das Hintergrundbild. Dieses wird aus der [[doku>de:media_manager|Medienverwaltung]] genommen. Dabei wird zuerst nach einem passenden Bild im aktuellen Verzeichnis gesucht. Wird keines gefunden, wird eine Ebene höher gesucht, und so weiter, bis zum Wurzelverzeichnis. Wird kein passendes Bild gefunden, wird das oben gezeigte Standardbild (eine Landkarte) angezeigt. |
| | |
| | Der Name, nach dem gesucht wird, kann in den [[#einstellungen|Einstellungen]] festgelegt werden. Der Standardwert hier ist „''banner''“. Es wird nach Dateien mit den Endungen „''jpg''/''jpeg''“, „''png''“ und „''svg''“ gesucht. |
| | |
| | Auch die Höhe des Banners kann hier konfiguriert werden. Dies wird als CSS-Wert in die Seite geschrieben. Der Standardwert hier ist „''auto''“, was in der Kombination mit einer „Brotkrümel“-Navigation zu einem brauchbaren Ergebnis führt. Es ist hier aber jede //gültige// CSS-Längenangabe möglich. In den meisten Fällen dürfte allerdings eine Maßangabe in Pixeln (z.B.: „''48px''“) am sinnvollsten sein. |
| | |
| | <aside info> |
| | **Hinweis:** Das Bild wird als Hintergrund mit der Ausrichtung am linken oberen Eck eingefügt. Um auch auf sehr großen Bildschirmen ohne sichtbare Wiederholungen zu funktionieren ist es sinnvoll, ein sehr breites (mind. ca. 2000 Pixel) Bild zu wählen, das wenigstens in horizontaler Richtung ohne „Naht“ wiederholt werden kann. |
| | </aside> |
| | |
| | ===== Seitenleiste ===== |
| | ===== Seiteninhalt ===== |
| | ===== Fußleiste ===== |
| | |
