Joomla Templates - Versionsgeschichte

WikiSysop: /* CSS Datei einbinden */

2025-01-06T16:13:52Z

CSS Datei einbinden

← Nächstältere Version		Version vom 6. Januar 2025, 16:13 Uhr
Zeile 34:		Zeile 34:
	Mit der <tt>@Import</tt> Regel kann man eine andere CSS Datei in die <tt>user.css</tt> importieren. Das kann sinnvoll sein, wenn man einige Stile definiert hat, die man in jedem Projekt verwenden möchte.		Mit der <tt>@Import</tt> Regel kann man eine andere CSS Datei in die <tt>user.css</tt> importieren. Das kann sinnvoll sein, wenn man einige Stile definiert hat, die man in jedem Projekt verwenden möchte.
	@import "joomla_user.css"		@import "joomla_user.css"
	~~Möchte man die gleiche Datei in mehrere~~ Joomla ~~Projekte importieren~~, ~~dann kann man das mit einem Symlink realisieren~~		Man kann einen Symlink anlegen, falls es mit der Import-Regel nicht geht. Bei einer meiner Joomla Instanzen musste ich das machen (weiß nicht, warum).
	ln -s /srv/www/include/css/joomla_user.css		ln -s /srv/www/include/css/joomla_user.css
	Die zusätzliche CSS Datei muss eventuell in der Konfiguration des JCE Editors als Custom CSS hinzugefügt werden		Die zusätzliche CSS Datei muss eventuell in der Konfiguration des JCE Editors als Custom CSS hinzugefügt werden

WikiSysop: /* CSS Datei einbinden */

2025-01-06T16:10:36Z

CSS Datei einbinden

← Nächstältere Version		Version vom 6. Januar 2025, 16:10 Uhr
Zeile 33:		Zeile 33:
	=== CSS Datei einbinden ===		=== CSS Datei einbinden ===
	Mit der <tt>@Import</tt> Regel kann man eine andere CSS Datei in die <tt>user.css</tt> importieren. Das kann sinnvoll sein, wenn man einige Stile definiert hat, die man in jedem Projekt verwenden möchte.		Mit der <tt>@Import</tt> Regel kann man eine andere CSS Datei in die <tt>user.css</tt> importieren. Das kann sinnvoll sein, wenn man einige Stile definiert hat, die man in jedem Projekt verwenden möchte.
	@import "/joomla_user.css"		@import "joomla_user.css"
	~~Falls~~ die Datei ~~nicht im Basisverzeichnis des~~ Joomla~~-Projekts liegt~~, kann man ~~einen~~ Symlink ~~machen, der auf die Datei verweist.~~		Möchte man die gleiche Datei in mehrere Joomla Projekte importieren, dann kann man das mit einem Symlink realisieren
	ln -s ../../~~include~~/css/joomla_user.css		ln -s /srv/www/include/css/joomla_user.css
			Die zusätzliche CSS Datei muss eventuell in der Konfiguration des JCE Editors als Custom CSS hinzugefügt werden
			/media/templates/site/cassiopeia_child/css/joomla_user.css

	=== Overrides ===		=== Overrides ===

WikiSysop: /* CSS Datei einbinden */

2025-01-03T20:46:32Z

CSS Datei einbinden

← Nächstältere Version		Version vom 3. Januar 2025, 20:46 Uhr
Zeile 34:		Zeile 34:
	Mit der <tt>@Import</tt> Regel kann man eine andere CSS Datei in die <tt>user.css</tt> importieren. Das kann sinnvoll sein, wenn man einige Stile definiert hat, die man in jedem Projekt verwenden möchte.		Mit der <tt>@Import</tt> Regel kann man eine andere CSS Datei in die <tt>user.css</tt> importieren. Das kann sinnvoll sein, wenn man einige Stile definiert hat, die man in jedem Projekt verwenden möchte.
	@import "/joomla_user.css"		@import "/joomla_user.css"
	Falls die Datei nicht im Basisverzeichnis des Joomla-Projekts liegt, kann man einen Symlink machen, z.~~B.:~~		Falls die Datei nicht im Basisverzeichnis des Joomla-Projekts liegt, kann man einen Symlink machen, der auf die Datei verweist.
	ln -s ../../include/css/joomla_user.css		ln -s ../../include/css/joomla_user.css

WikiSysop: /* CSS Datei einbinden */

2025-01-03T20:45:35Z

CSS Datei einbinden

← Nächstältere Version		Version vom 3. Januar 2025, 20:45 Uhr
Zeile 32:		Zeile 32:

	=== CSS Datei einbinden ===		=== CSS Datei einbinden ===
	Mit der @Import Regel kann man eine andere CSS Datei in die user.css importieren,		Mit der <tt>@Import</tt> Regel kann man eine andere CSS Datei in die <tt>user.css</tt> importieren. Das kann sinnvoll sein, wenn man einige Stile definiert hat, die man in jedem Projekt verwenden möchte.
			@import "/joomla_user.css"
			Falls die Datei nicht im Basisverzeichnis des Joomla-Projekts liegt, kann man einen Symlink machen, z.B.:
			ln -s ../../include/css/joomla_user.css

	=== Overrides ===		=== Overrides ===

WikiSysop: /* CSS Styles im Editor */

2025-01-03T20:40:10Z

CSS Styles im Editor

← Nächstältere Version		Version vom 3. Januar 2025, 20:40 Uhr
Zeile 30:		Zeile 30:
	# Joomla 4		# Joomla 4
	media/templates/site/$template/css/user.css		media/templates/site/$template/css/user.css

			=== CSS Datei einbinden ===
			Mit der @Import Regel kann man eine andere CSS Datei in die user.css importieren,

	=== Overrides ===		=== Overrides ===

WikiSysop: /* Template umbenennen */

2024-12-19T20:49:27Z

Template umbenennen

← Nächstältere Version		Version vom 19. Dezember 2024, 20:49 Uhr
Zeile 151:		Zeile 151:
	=== Ordner umbenennen ===		=== Ordner umbenennen ===
	Folgende Ordner umbenennen		Folgende Ordner umbenennen
			templates/site/name_des_templates
	templates/name_des_templates		media/templates/site/name_des_templates
			Folgende Datei bearbeiten und den alten Namen durch den neuen ersetzen
			templates/site/name_des_templates/templateDetails.xml
			In der Datenbank in folgenden Tabellen alle Vorkommen des alten Namens ersetzen.
			extensions
			template_styles

WikiSysop am 19. Dezember 2024 um 20:42 Uhr

2024-12-19T20:42:51Z

← Nächstältere Version		Version vom 19. Dezember 2024, 20:42 Uhr
Zeile 146:		Zeile 146:
	return $return;		return $return;
	} </pre>		} </pre>

			== Template umbenennen ==

			=== Ordner umbenennen ===
			Folgende Ordner umbenennen

			templates/name_des_templates

WikiSysop: /* Overrides */

2024-12-11T18:41:19Z

Overrides

← Nächstältere Version		Version vom 11. Dezember 2024, 18:41 Uhr
Zeile 74:		Zeile 74:

	Falls man einmal Overrides nach Core-Updates ändern muss, ist es hilfreich, wenn man das Override sauber mit Kommentaren versehen hat.		Falls man einmal Overrides nach Core-Updates ändern muss, ist es hilfreich, wenn man das Override sauber mit Kommentaren versehen hat.

			=== Offline Seite ===
			Die Offline Seite kann man durch eigenen Code ersetzen bzw ergänzen.
			: Folgende Datei in den Ordner <code> template/mein_template </code> kopieren und bearbeiten:
			template/system/offline.php
			oder gleich eine eigene Offline-Seite mit PHP erstellen.
			: Joomla verwendet dann nicht diese Standardseite im system Verzeichnis, sondern den Override im aktuell verwendeten Template.
			Das ist ein Beispiel meiner Offline Seite(n):
			<pre>
			<?php
			defined('_JEXEC') or die; ?>
			<head>
			</head>
			<body>
			<style>
			.offline-container {
			max-width:100%;
			margin-top:4px;
			padding: 10px;
			background: #DDD;
			border: solid thin #999;
			}
			@media only screen and (min-width: 721px) {
			.offline-container {
			position: absolute;
			left: 50%;
			width: 600px;
			margin-left: -300px;
			}
			}
			</style>

			<div class="offline-container"> <?php
			require_once("/srv/www/include/php/application.php");
			define ("DEVELOP",false);
			define ("PROJ_NAME","abendmusik.at");
			define ("APP_NAME","Abendmusik in der Magdalenabergkirche");
			echo application::render_offlinePage(array(
			"referer" => "joomla",
			"offline" => true,
			"days" => 1,
			"hours" => 2
			)); ?>
			</div>
			</body>
			</html>
			</pre>

			Die in obigem Code aufgerufene Funktion <code>application::renderOfflinePage</code>zeigt an, wie lang die Seite offline ist.

			Hier der Code meiner Offline Funktion:
			<pre>
			static function renderOfflinePage($params=array()) {
			date_default_timezone_set('Europe/Vienna');
			foreach ( $params as $key => $value ) $$key = $value;

			$start = mktime(date('H'), 0, 0, date("m"), date("d") , date("Y"));
			$sec = ($days * 24 + $hours) * 60 * 60;
			$ende_timestamp = $start + $sec;
			$Uhrzeit = strftime ("%H:00",$ende_timestamp);
			if ( $days == 0 ) {
			$Datum = "heute";
			} else {
			$Datum = strftime ("%d. %B %Y",$ende_timestamp);
			}
			$return = "<h1>Wartung</h1>";
			$return .= "<h2>".$caption."</h2>";
			$return .= "<p>Diese Seite ist voraussichtlich bis <strong>".$Datum." ".$Uhrzeit."</strong> nicht verfügbar.</p>";
			$return .= "<p>Bitte um Verständnis.</p>";
			$return .= "<a href='mail@example.com'>Mail</a>an Webmaster.";
			return $return;
			} </pre>

WikiSysop am 11. Dezember 2024 um 18:35 Uhr

2024-12-11T18:35:08Z

← Nächstältere Version		Version vom 11. Dezember 2024, 18:35 Uhr
Zeile 66:		Zeile 66:
	Einstellungen der Seitenanzeige / Seitenklasse		Einstellungen der Seitenanzeige / Seitenklasse
	Seitenklasse: content_table		Seitenklasse: content_table

			== Overrides ==
			Die Änderungen, die man im Code durchführt, sollten möglichst gut kommentiert werden.

			Hat man von einer Komponente ein Override im Template angelegt, so wird das nicht überschrieben bei einem Update der Core Komponenten, was ja der Sinn von Overrides ist.
			Das hat aber auch zur Folge, dass Verbesserungen im Core nicht wirksam werden im Override.

			Falls man einmal Overrides nach Core-Updates ändern muss, ist es hilfreich, wenn man das Override sauber mit Kommentaren versehen hat.

WikiSysop: Die Seite wurde neu angelegt: „== Templates == === Standard Stil definieren === Erweiterungen / Templates / Stile `Beez3 - default` als Standardstil setzen === Modulpositionen an…“

2024-12-11T18:21:15Z

Die Seite wurde neu angelegt: „== Templates == === Standard Stil definieren === Erweiterungen / Templates / Stile <code>Beez3 - default</code> als Standardstil setzen === Modulpositionen an…“

Neue Seite

== Templates ==
=== Standard Stil definieren ===
Erweiterungen / Templates / Stile
<code>Beez3 - default</code> als Standardstil setzen
=== Modulpositionen anpassen ===
position-7
Im Template Manager kann man einstellen, dass die Module links oder rechts vom Content positioniert werden.
Position of Navigation: before content
=== CSS Definitionen ===
In der Datei <tt>user.css</tt> kann man Stile definierten, die bei einem Update des Templates nicht überschrieben werden
templates/beez3/css/user.css
* Hintergrundbild im Header ändern
Das gewünschte Hintergrundbild speichern
templates/beez3/images/header.png
CSS Definitionen:
#header { padding-top: 0;
.logoheader {
background: #FFFFFF URL(../images/header.png) no-repeat
min-height: ... (wegen Hintergrundbild)
...
}
=== CSS Styles im Editor ===
Die Erweiterung [https://www.joomlacontenteditor.net/downloads/editor/core/latest?catid=130 JCE Editor] downloaden und installieren
Komponenten / JCE Editor / Global Configuration
Pfad zur <tt>user.css</tt> angeben
Editor Styles / Custom CSS File
# Joomla 3
templates/$template/css/user.css

# Joomla 4
media/templates/site/$template/css/user.css

=== Overrides ===
Will man Komponenten und Module ändern, sollte man einen '''Output Override''' erstellen, damit die Änderungen nicht beim nächsten Update überschrieben werden.
* Im Backend
Erweiterungen / Templates / Templates / Beez3 Details und Dateien
Overrides erstellen
Die erstellten Overrides befinden sich dann im Verzeichnis
templates/beez3/html
Man kann die Dateien mit einem beliebigen Editor oder gleich im Joomla Backend bearbeiten.

[https://www.vi-solutions.de/de/tips-vom-joomla-spezialist/423-output-layout-override Weitere Informationen]

== Eigene CSS Klassen ==
=== Globale CSS Styles definieren ===
* Eigene CSS Datei
Eigene Klassen können in jeder CSS Datei des Templates definiert werden.
Am besten aber in folgender Datei definieren
css/user.css
=== CSS Klassen für eine bestimmte Seite ===
* Eine neue CSS Klasse definieren
In der CSS Datei des Templates eine eigene Klasse für ein bestimmtes Element definieren
# Beispiel für einen Tabellenstil
table.content_table {
border-collapse:collapse;
width:100%;
}
.content_table td {
border:1px solid #CCC;
padding: 4px;
}
* Die CSS Klasse im Backend zuweisen
Im Backend einen Menülink bearbeiten, der den Artikel aufruft, in dem die neue CSS Klasse angewendet werden soll.

In das Feld '''Seitenklasse''' den Namen der Klasse mit einem '''führenden Leerzeichen''' eingeben.
Einstellungen der Seitenanzeige / Seitenklasse
Seitenklasse: content_table

Joomla Templates - Versionsgeschichte

WikiSysop: /* CSS Datei einbinden */

WikiSysop: /* CSS Datei einbinden */

WikiSysop: /* CSS Datei einbinden */

WikiSysop: /* CSS Datei einbinden */

WikiSysop: /* CSS Styles im Editor */

WikiSysop: /* Template umbenennen */

WikiSysop am 19. Dezember 2024 um 20:42 Uhr

WikiSysop: /* Overrides */

WikiSysop am 11. Dezember 2024 um 18:35 Uhr

WikiSysop: Die Seite wurde neu angelegt: „== Templates == === Standard Stil definieren === Erweiterungen / Templates / Stile Beez3 - default als Standardstil setzen === Modulpositionen an…“

WikiSysop: Die Seite wurde neu angelegt: „== Templates == === Standard Stil definieren === Erweiterungen / Templates / Stile `Beez3 - default` als Standardstil setzen === Modulpositionen an…“