Plugin: Simple Image Gallery Extended
Funktion: Galerie im Artikel - Bilder werden aus angegebenem Pfad geladen
Version: 1.5-10 und 1.0-1
Joomla Version: 1.5.x und 1.0.x
Sprachen: Deutsch / Englisch
Das Plugin "Simple Image Gallery" von JoomlaWorks.gr erstellt eine Galerie im Artikel, in dem "on-the-fly" Vorschaubilder generiert werden. Klickt man auf ein Vorschaubild, wird es mit der Slimbox groß angezeigt. Probleme bei der Free-Version: Sehr Performance-intensiv und nicht XHTML valide. Ich habe das Plugin erweitert und optimiert. Vorschaubilder können beim ersten Aufrufen generiert und im Ordner thumbs im angegebenem Verzeichnis abgespeichert werden. Beim nächsten Aufruf werden nur die bereits optimierten Vorschaubilder geladen. Vorteil: die Bilder werden viel schneller geladen und müssen nicht jedes Mal neu erstellt werden!
Modul: VCNT - Visitorcounter
Funktion: Besucherzähler
Version: 1.5-1
Joomla Version: 1.5.x
Sprachen: Deutsch & Englisch
Gelistet in: Joomla! Extensions Directory
Besucherzähler für Joomla, der Besucher über die IP-Adresse identifiziert und zählt.
Hinweis: Es werden keine personenbezogene Daten gespeichert.
Für Joomla 1.0 gibt es den guten Besucherzähler "Visitorcounter" von Olaf Schinkel. Leider hat Olaf das Modul nicht weiterentwickelt und nicht für Joomla 1.5 portiert. Ich habe den Code angepasst, um den Counter nativ mit Joomla 1.5 verwenden zu können.
Das Modul ist absichtlich sehr simpel gehalten und zeigt die Besucherzahlen für folgende Zeiträume an: Heute - Gestern - Woche - Monat - Insgesamt
Modul: Newsscroller Self DHTML
Funktion: Scrollende Newsanzeige
Version: 1.5-2 und 1.0-1
Joomla Version: 1.5.x und 1.0.x
Sprachen: Deutsch und Englisch
Gelistet in: Joomla! Extensions Directory
Eigene Nachrichten in einem Modul scrollend anzeigen. Dieses Modul wurde mit einem DHTML Skript realisiert und ist komplett XHTML 1.1 valide!
Im Anfang war der Kuss
getarnt als ein Versehen
und dieser zog nach sich
das Wort zu Stuttgart
wenn es nach Hexen ginge
oder Feen
es würde Jahr um Jahr
so weiter stehen
zum besten miteinander
bis zum Schluss
Dem Vorbehalt abhold
ohnunterlass zeittrunken
aus heitrem Himmel schlug
die Uhr zu London
könnte man Briefe trinken
oder tunken
es würde Jahr um Jahr
so weiter funken
und jeder Funke wäre
lieblich Sold
__________________________
Und die Moral von der Geschicht
Gott sprach - Es werde Licht
Alexander Herzen, 2009
Bei der Optimierung der Website habe ich viele Änderung am Quellcode vornehmen müssen, damit die Ausgabe in XTHML 1.1 fehlerfrei erfolgt. Mit diesem Artikel möchte ich ein paar Tipps zusammentragen und weitergeben. Die Liste wird stetig erweitert.
Youtube - Validierung von eingebetteten Videos
Ligthbox, Slimbox, Lytebox etc. - Galerie valide
Youtubes Code zur Einbindung der Videos ist leider nicht valide. Der <embed>-Tag ist kein Standard in XHTML. Stattdessen sollte nur <object> benutzt werden. Durch folgende Änderung lassen sich auch Youtube-Videos valide einbauen:
Nicht valide
<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/..."></param> <param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param> <embed src="http://www.youtube.com/v/..." type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object>Valide
<object type="application/x-shockwave-flash" width="425" height="344" data="http://www.youtube.com/v/..."> <param name="movie" value="http://www.youtube.com/v/..."></param> <param name="wmode" value="transparent"></param></object>
In der Lightbox wir die Galerie folgendermaßen initialisiert:
rel="lightbox[galerie]"
Die Ausgabe bei mehreren Bildern für ein valides Doctype XHTML 1.1 sollte nicht mit der doppelten eckigen Klammer [...] realisiert werden, sondern:
rel="lightbox.galerie"
Schriftformatierung sollte über eine CSS-Datei gelöst werden. Im Text lassen sich auch unten folgende Tags benutzen. CSS Anweisungen sollten alle in eine externe Datei ausgelagert werden und die Einbindung der Datei sollte im <head>-Bereich erfolgen.
Schriftgewichtung
Für dicke Schrift sollte nicht <b> benutzt werden.
<strong> - in CSS {font-weight:bold;}
Schriftstil
Kursive Schrift sollte nicht mit <i> ausgegeben werden.
<em> - in CSS {font-style:italic;}
Text unterstreichen
Normaler Text sollte niemals mit <u> unterstrichen werden! Nur Links sollten einen Unterstrich haben. Möglichkeit mit CSS:
{text-decoration:underline;}
Kommentare und Hinweise mit Hilfe des Kontaktformulars hinterlassen!