Home Navigationspfeil Tipps u. Tricks Navigationspfeil individuelles Bild

Individuelle Kopfgrafik für ausgewählte Seiten

Sie wollen auf einer oder mehreren Seiten individuelle Kopfgrafiken einbauen? So dass nach Aufruf einer neuen Seite auch eine neue Seitengrafik erscheint? Kein Problem!

Anleitung aktualisiert am 28.09.2012

Beispiel anschauen

Ein attraktives Beispiel dafür finden Sie auf der Website der Musikschule von Ulrich Schwaderer aus Karslruhe.

individuelle Kopfgrafike für jede Seite
Achtung! Diese Anleitung funktioniert nicht mehr beim responsiven Template wallmow von CMBasic 1.6.5. Dafür stelle ich auf Anfrage eine gesonderte Anleitung bereit.

So gehen Sie vor:

1. Erstellen Sie einen Ordner namens logo, und zwar unterhalb Ihres css-Ordners. Wenn Ihr css-Ordner gruenau heißt, liegt logo nun in diesem Ordner.

2. Fügen Sie dort die gewünschten alternativen Hintergrundgrafiken ein, die Sie allesamt nach dem URLAnhang Ihrer Seiten benennen, also profil.jpg, angebote.jpg, leistungen.jpg usw. (Das sind nur Beispiele. Sie nehmen natürlich Ihre eigenen Bezeichnungen.)

Für jede Seite kann es eine extra Grafik sein. Fehlt die Grafik, wird jedoch die Standardgrafik aus der cmbasic.css verwendet.

3. Gehen Sie in die index.php, die sich ja ebenfalls in Ihrem css-Ordner befindet. Das ist die Layout-HTML-Steuerdatei.

Fügen Sie (das ist ziemlich am Anfang!) zuerst zwischen den Zeilen 

defined('CMBASIC') or die();
und 
echo <<<TEMPLATE_CMBASIC
folgende Programmzeilen ein, damit wird die Grafik gesucht und das Einbinden vorbereitet:
if (file_exists("css/{$cssfolder}/logo/$getAnhang.jpg")) {
  $ownlogo = "<style type='text/css'>
#logo {
  background-image: url(\"css/{$cssfolder}/logo/$getAnhang.jpg\");
}
</style>";
} else {
  $ownlogo = "";
}

Außerdem fügen Sie dann den Einschub {$ownlogo} an passender Stelle ein, und zwar über der head-Ausschalt-Zeile: </head>. Dadurch wird die Grafik letztlich eingebunden.

{head}
<---- hier neuen Einschub {$ownlogo} einbauen
</head>

Das sieht dann so aus:

{head}
{$ownlogo}
</head>
© CMBasic.de