Neuigkeiten:

moziloCMS verwendet Cookies. Wenn Sie auf unserer Seite weitersurfen, stimmen Sie der Cookie-Nutzung zu Datenschutzerklärung
moziloCMS Layouts
moziloCMS Plugins

Hauptmenü

Variable Headerimages

Begonnen von Proximus, 20. September 2010, 14:34:53

« vorheriges - nächstes »

Proximus

Ich bin sicherlich nicht der einzige, der schon fast einen der PHP PROs in diesem Forum anschreiben wollte, um ein PlugIn zu bekommen, das es ermöglicht, je Kategorie unterschiedliche Headerimages zu verwenden.

Mit ein bischen Nachdenken hat es aber auch funktioniert.

Ich habe einfach die Bilder genau nach der entsprechenden Kategorie benannt und kann sie so über die template.html einbinden.

Beispiel: Die erste Kategorie heißt Willkommen ---> also hab ich ein image names willkommen.jpg erstellt, das im Header aller Willkommen-Inhaltsseiten erscheinen soll.
Gleiches natürlich für jede andere Kategorie ebenso.

Im Template hab ich die Kategorie-Images dann über folgende XHTML-Code-Zeile im entsprechenden Layer eingebunden:

<img src="{LAYOUT_DIR}/images/{CATEGORY_NAME}.jpg" alt="Grafik zu {CATEGORY_NAME}" title="Bild zur Kategorie {CATEGORY_NAME}" class="headerimage" />

Falls den Tipp schon wer gepostet hat, betrügt die SuFu ;-)

Proximus

hausl78

#1
Zitat von: "Proximus"Falls den Tipp schon wer gepostet hat, betrügt die SuFu ;-)
Proximus

 :mrgreen:
viewtopic.php?p=7367#p7367
viewtopic.php?p=4893#p4893
 :mrgreen:

Ich glaub das kommt irgendwann immer wieder mal hoch während des einen oder anderen Threads... Wie solte man das finden.. Aber hier ist es eh gut aufgehoben, Danke!  :D

Juergen

felixb

#2
ZitatBeispiel: Die erste Kategorie heißt Willkommen ---> also hab ich ein image names willkommen.jpg erstellt, das im Header aller Willkommen-Inhaltsseiten erscheinen soll.
Gleiches natürlich für jede andere Kategorie ebenso.

was mir jetzt noch aufgefallen ist:
es werden noch 2 weitere Bilder benötigt:
Suchen.jpg und Sitemap.jpg

looki

#3
He Felix,
suchen.gif
lag bei mir im layout dir:
layout/meinFavoriteLayout/grafiken/suchen.gif

Lars

felixb

#4
hier geht es ja gerade aber um die Variablen Header pro Kategorie. und da die Suchseite keine Kategorie hat, wie die Sitemap auch braucht man dazu noch die zwei Dateien

azett

#5
Wunderbares Beispiel für die Nutzung der CMS-Variablen :)

mopedberti

#6
Hallo azett und Proximus, den Eintrag in die template im headerbereich scheint noch klar für mich. Ich habe in der style.css aber auch einen headereintrag mit backgroundanweisung, dort aber ohne Variable. Und auf diesen Eintrag greift die template ja auch zu. So wechseln jetzt zwar die Bilder aber rutschen über die Menüleiste ins Bild. Wie bekomme ich also die zu wechselnde  Grafik präzise in den header, eben wie in der style.css vorgegeben. Danke schon jetzt für die Hilfe.

hausl78

#7
Hi!

Die Bilder sollten in Normalfall alle die selbe Größe haben. Ich hab da bei mir einige Bilder abgestellt und lasse die per Zufall (Plugin) auswählen.

http://hausl.eu/web/ (paar mal Seite aktualisieren, dann sieht man es) Die Bilder haben alle die selbe Größe.

LG
Juergen

stromflo

#8
Hi,

hab dein Plugin mal runtergeladen und eingefügt.
Mir ist leider noch nicht ganz klar wie ich nun bei z.B. jedem Click ein neues Bild laden kann.

Deine Syntax setze ich ins Template mit von bis und diese Zahl muss ich nun irgendwie für die Bildauswahl verwenden oder?

Bin ich da auf dem richtigen Weg?

Gruß Flo

freakiger

#9
@stromflo
wenn Du mit Plugin diese Zeile meinst<img src="{LAYOUT_DIR}/images/{CATEGORY_NAME}.jpg" alt="Grafik zu {CATEGORY_NAME}" title="Bild zur Kategorie {CATEGORY_NAME}" class="headerimage" />ist mir nicht ganz klar was Du mit
Zitat von: "stromflo"bei z.B. jedem Click ein neues Bild laden
meinst.

Diese Zeile Code erfüllt den Wunsch, in jeder Kategorie ein anderes Bild im Kopf der Seite zu haben. Also eins pro Kategorie - kein Zufall.

Dieser Code funktioniert aber nur, wenn Du innerhalb Deines Layouts einen Ordner namens "images" hast und dort .jpg-Bilder liegen, die ganz genauso wie die jeweils zugehörige Kategorie heisen!
Beispiel: Kategorie-Name: "Willkommen"; Bild-Name: "Willkommen.jpg"

stromflo

#10
Hi,

ich verwende den Zufallzahlengenerator (Plugin).
Habs aber selber hingebracht... Ist eigentlich auch nicht weiter schwer :)

<img src="{LAYOUT_DIR}/grafiken/{RandomNumber|1,3}.jpg" />
Gruß Flo

hausl78

#11
Der Vollständigkeit halber sei hier noch erwähnt:

Wenn man mittels einem inline-css das BG-Bild ins template.html nimmt, dann kann man damit auch zufällige Headerbilder für die Homepage anzeigen lassen. Natürlich vorausgesetzt das die Bilder auch in der korrekten Größe und mit dem korrekten Namen an dem angegeben Ort liegen und man das RandomNumber Plugin verwendet. ;-)

<div id="header" style="background: url({BASE_URL}layouts/[NameDesLayout]/grafiken/logo{RandomNumber|1,4}.jpg);">Mein Seitentitel</div>In diesem Fall würden also dann abwechslend eines der folgenden Bilder angezeigt.
layouts/[NameDesLayout]/grafiken/logo1.jpg
layouts/[NameDesLayout]/grafiken/logo2.jpg
layouts/[NameDesLayout]/grafiken/logo3.jpg
layouts/[NameDesLayout]/grafiken/logo4.jpg
Ich meine mich zu erinnern das der komplette Pfad wegen mod_rewrite nötig war und deshalb der relative nicht ausreichte.. kann aber gerne ausprobiert weren  :)

LG Juergen

mozzi

#12
Hallo,

wie bereits erwähnt, gibt es ja diese Frage auch woanders schon, und "woanders" wird dann auch wieder auf die allgemeine Style-Beeinflussung über zusätzliche CSS-Dateien berichtet. Und diese können ja ebenfalls kategorieabhängig aufgerufen werden.
Diese zusätzlichen Dateien haben den Vorteil, daß das Standard-CSS verwendet wird, wenn sie nicht vorhanden sind. So erscheint auch in später angelegten oder vergessenen Kategorien z.B. ein Hintergrundbild, nämlich das, das in der Standard-CSS genannt wird. Mit dem weiter oben genannten Weg erscheint in neuen Kategorien überhaupt kein Hintergrundbild!

Abgesehen davon könnten zusätzliche - oder EINE EINZIGE zusätzliche CSS-Datei auch eine PHP-Datei mit CSS-Header sein, die abhängig von der aufrufenden Kategorie (Referrer) verschiedene Ergebnisse ausgibt. Diese wiederum könnte man dann von wer weiß wo aus editieren... usw. usw.
Ich habe sowas mal mit einer Forensignatur gemacht, ein Bild (PHP-Datei mit Image-Header), das je nach aufrufender Forenseite verschiedene Bildinhalte anzeigt. Müßte auch mit CSS-Dateien gehen. Hängt in dem Fall natürlich vom Browser ab und nicht vom Programmierer.

Soweit mal.

Grüße
mozzi
Signatur? Ich nehm die Vorlage: "Die Bilder in ihrer Signatur dürfen nicht größ als 640x320 Pixel sein" ... ;-)

looki

#13
nachtrag zu images fuer sitemap und search (das hatte ich vorne falsch verstanden).
ich habe das so realisiert:
per ftp jeweils einen Unterordner Sitemap und Search angelegt, darein wieder einen Ordner dateien und dort rein die jeweiligen header images.
:)
sieht im admin nicht sauber aus, aber funktioniert.

looki

MBetke

#14
Danke für den Tip hier. Genau das was ich gesucht hatte für einen Hintergrund im Hauptfenster.