Flexheader3 Dokumentation: Erweiterte Modulparameter
Die erweiterten Modul-Parameter befinden sich unterhalb der Modulparameter.
Anzeigemodus
Normalerweise wird ein Bild im HTML Code mit Hilfe des IMG Tags eingebunden. Flexheader3 kann aber auch ein DIV mit dem Header-Bild als Hintergrund ausgeben. Eine weitere Möglichkeit ist die Ausgabe eines Flash-Objektes.
Der DIV-Modus ist besonders nützlich, wenn wir ein weiteres Bild, beispielsweise ein Logo, dem Headerbild überlagen wollen.
DIV Inhalt (für Anzeigemodus=DIV Bereich mit Hintergrundbild)
Hier kann Text oder HTML Code eingefügt werden, der dann Inhalt des DIV wird. Dieser Code wird nur dann ausgegeben, wenn die Einstellung darüber auf DIV eingestellt wurde.
Möchte man zum Beispiel ein Bild über das Header-Bild legen, kann man diesen Code: <img src="/path_to_logo"> benutzen und dann mit Hilfe von CSS die genaue Position des Bildes bestimmen.
Ausgabe des Bild-Alternativ-Textes (XHTML ALT)
Laut XHTML Spezifikation muss ein IMG-Tag ein Attribut ALT haben. Browser, die keine Bilder anzeigen können, zeigen dann diesen ALTernativen Text an. Einige Browser zeigen außerdem den Inhalt als Tooltip an, auch für Suchmaschinen kann diese Angabe sehr wichtig sein. Wenn das Feld leer gelassen wird, wird Flexheader ein leeres ALT-Attribut ausgeben, so dass die XHTML Kompatibilität gewahrt bleibt.
Sie können hier aus folgenden Parametern wählen:
- leer: Es wird alt="" ausgegeben
- Joomla-Seitentitel: der aktuelle Seitentitel wird ausgegeben, z.B. alt="Impressum"
- eigener Text: Tragen Sie im folgenden Parameter eigenen Text ein
Bild-Alternativ-Text (XHTML ALT)
Tragen Sie hier ihren eigenen Text für das ALT Attribut ein.
Verlinkter Header
Wenn Sie diese Option aktivieren, wird ein HyperLink um das Bild herumgelegt, das Ziel des Links können Sie im nächsten Parameter konfigurieren.
Hyperlink Ziel
Geben Sie an, wohin der Hyperlink zeigen soll, wenn die Option "Verlinkter Header" aktiviert wurde.
Mehrsprachigkeit (JoomFish)
Wenn diese Einstellung auf JA gesetzt wird, dann wird Flexheader3 an den Dateinamen den Sprachcode anhängen. Diese Einstellung wird benutzt um in Abhängigkeit der Sprache verschiedene Header-Bilder benutzen zu können.
Wenn JoomFish benutzt wird, aber keine separaten Bilder pro Sprache benötigt werden, dann sollte die Einstellung "Nein" benutzt werden.
VirtueMart Artikel
Diese Option fügt den Artikel-Code von Virtuemart hinzu, so dass Flexheader3 auch Virtuemart Artikel erkennen kann.
CSS Datei laden
Diese Funktion weißt Flexheader3 an, neben Bildern auch nach CSS-Dateien mit dem gleichen Namens-Schema zu suchen. In diese CSS-Datei kann dann CSS-Code benutzt werden, um spezifische Seiten gezielt zu stylen. Es kann auch nur eine CSS-Datei geladen werden, während das Header-Default-Bild benutzt wird. Diese Seite nutzt diese Technologie zum Einfärben der Menus. Durch diese Funktion ist es nicht mehr nötig, für verschiedene Optiken mehrere Templates zu verwalten.
Wo sollen die Informationen zur Fehlersuche angezeigt werden
Diese Einstellung legt fest, wo das Fenster "Zeige Hilfe-Informationen auf der Startseite" angezeigt wird.
Hintergrundfarbe der Informationen zur Fehlersuche
Diese Einstellung legt die Hintergrundfarbe des "Zeige Hilfe-Informationen auf der Startseite"-Fensters fest.
Diese Einstellung ist sehr nützlich, wenn zum Beispiel mehrere Module gleichzeitig zur gleichen Zeit Hilfe-Fenster anzeigen sollen.
Durchsichtigkeit der Informationen zur Fehlersuche
Manchmal ist es nötig, auch die Bereiche zu sehen, die hinter dem Fenster "Zeige Hilfe-Informationen auf der Startseite" liegen daher kann man hier die Durchsichtigkeit des Fensters einstellen.
Höhe der Informationen zur Fehlersuche
Mit dieser Funktion kann das Fenster "Zeige Hilfe-Informationen auf der Startseite" verkleinert werden.
Modul-Klassen-Suffix
Diese Einstellung fügt ein Suffix an die CSS Klasse des Modul-Containers. Dies wird intern von Joomla! gehandhabt und ist vom chrome style abhängig, wurde die Modul-Position zum Beispiel mit dem Parameter "RAW" einprogrammiert, bleibt diese Einstellung ohne Auswirkung.
Flexheader3 CSS Klasse
Diese Einstellung fügt dem Flexheader3 Objekt (HTML Tag) eine Klasse hinzu. Dies kann für spezielle Formatierungen mit Hilfe von CSS sehr nützlich sein.
Caching
Auf Seiten mit aktivem Caching sollten Sie Caching deaktivieren, da Flexheader3 sonst die Bilder nicht mehr wechseln kann.
Diese Option fügt den Artikel-Code von Virtuemart hinzu, so dass Flexheader3 auch Virtuemart Artikel erkennen kann.
Kommentar schreiben
Weitere Schulungs-Videos und Anleitungen
Andre Hotzler EDV-Dienstleistungen • An der Steinernen Brücke 1 • 85757 Karlsfeld bei München
Kommentare
Ist es möglich, damit nicht nur an einer Modul-Position eine Grafik einzublenden, sondern das Modul zum Wechsel des Hintergrundbilds umzukonfigurieren / oder zu programmieren? Ich hätte gerne das komplette Hintergrund-Bild in Abhängigkeit von einzelnen Menüs gewechselt.
danke & mfg
Wolfgang
mfg Wolfgang
Ich hab folgende CSS-Dateien:
/* Flexheader3 - default_background */
body {
background: #000 url(../images/background/6.jpg) no-repeat 100% 100%;
}
Und ich wechsle die css-Dateien entsprechend Menü-ids. Im Hilfebereich wird die richtige css angezeigt. Allerdings übernimmt er nicht das Background-Image. auch wenn ich den Pfad ändere auf images/stories/header-images/.. wird der background nicht angezeigt.
2.Problem: Es scheint so, dass das Modul nur arbeitet, wenn es an einer sichtbaren Modul-Position dargestellt wird. Ich möchte jedoch ja nur den Backgrund wechseln keine Show sehen und hab es an eine nicht sichtbare Position geschoben (z.B. Debug). Nun wird aber keine Hilfe mehr angezeigt.
danke & mfg
Wolfgang
2.) Unsichtbar? Die Modulposition muss geladen werden, sonst ist ja keine Ausgabe möglich. Flexheader in den DIV Modus stellen und Abmessungen 0px/0px einstellen -> unsichtbar.
Nun gibts noch Darstellungsprobleme im Chrome, dürfte aber mit Superfish-Menü zusammenhängen.
2) Hab die Ausgabe im flexheader auf 0/0 gesetzt. Perfekt
Danke & mfg
Wolfgang
erst einmal vieln dank fuer dieses nette tool.
Leider bin ich nicht ganz so bewandert wie Wolfgang...
Daher meine frage: Ist es moeglich eine Anleitung zu bekommen, wie das mit dem Aufruf der CSS datei zu realisieren ist. Ich baue auch eine Seite Dreisprachig, und moechte zu jeder Sprache eine andere CSS datei laden...
Aber wie gesagt, ohne eine Anleitung am besten mit einem Beispiel, wird das wohl nichts...
Gruss
Klaus
Es ist aber einfach. Statt/zusätzlich zum Bild wird eine CSS geladen, da kann man dann zum Beispiel CSS Code zum Tausch eines Hintergrundes, Ändern von Farben und so implementieren.
Diese Seite hier zeigt das, ein Blick in den Code sollte eine Ableitung ermöglichen. Man kann solche Implementierungen auch bei mir beauftragen.