neueste Tutorials

CKEditor und SyntaxHighlighter 3.0.83

Da der FCKEditor nicht mehr weiter entwickelt wird und Probleme in neueren...

weiterlesen..

Link Preview mit Websnapr

  Da Websnapr den Code geändert hat ist das Snippet nicht mehr...

weiterlesen..

ColorRating als Modul (Snippet)

ColorRating, ist ein auf jQuery und PHP basierendes "Ajax 5 Sterne"...

weiterlesen..

Statistik

Besucher gesamt: 52.652
Besucher heute: 38
Besucher gestern: 67
Max. Besucher pro Tag: 144
gerade online: 0
max. online: 57
Seitenaufrufe gesamt: 355.960
Seitenaufrufe diese Seite: 1.343
expCounter Homepage

Anmeldung

Suche

Support

LiveZilla Live Help

Google+
Folgen Sie mir bei Google+

Valid XHTML 1.0 Transitional
Suchmaschinenoptimierung mit Ranking-Hits
Creative Commons License
Alle Texte und Tutorials auf websitebaker.net stehen unter einer CC 3.0 by-nc-nd Deutschland Lizenz


Allgemeine Tutorials

RSS

Die Galerie SimpleViewer wird XHTML 1.0 Transitional valide

von WB.net-Team am 12.11.2009, 04:03:00

Die SimpleViewer Galerie ist eine kleine feine Flash-Galerie welche leider im Beta-Stadium auf AMASP vor sich hin dümpelt und leider derzeit wenig Beachtung bekommt. Für kleinere Galerien ist sie aber wunderbar einsetzbar und mit ein paar kleinen Handgriffen bekommen wir sie sogar XHTML 1.0 Transitional valide.

Voraussetzungen:

WB ab Version 2.7 mit installiertem Addon File Editor

installierte SimpleViewer Galerie

Texteditor zum Erstellen einer frontend.css

CSS- und HTML-Grundkenntnisse und sicherer Umgang mit den Texteditoren und dem Addon File Editor

Auf geht´s

Als erstes rufen wir im Backend wieder unter Admin-Tools den AFE auf und öffnen das Modul SimpleViewer. Dort öffnen wir die Datei view.php und löschen Zeile 70 und folgende.

	<br>
	<br>
	<br>
	<br>
</body>
</html>

Nun gehen wir in die Zeile 48 und schneiden den Bereich inclusive Zeile 57 komplett aus.

<style type="text/css">	

	
	#flashcontent {
		height: <?php echo $settings['galleryHeight']; ?>;
		width: <?php echo $settings['galleryWidth']; ?>;
	}
	/* end hide */

</style>

Die view.php ist soweit fertig und kann gespeichert werden. Öffnen Sie nun den Texteditor Ihrer Wahl wie z.B. Notepad++ und erstellen eine neue Datei in die Sie den Inhalt der Zwischenablage (das was Sie in der view.php ausgeschnitten haben) einfügen. Die Styleanweisung und den Kommentar löschen sie raus

<style type="text/css">	

	/* end hide */

</style>

so dass Ihre Datei nun so aussieht:

#flashcontent {
	height: <?php echo $settings['galleryHeight']; ?>;
	width: <?php echo $settings['galleryWidth']; ?>;
	}
	

Diese Datei speichern Sie lokal auf Ihrem Rechner als frontend.css und laden sie über den AFE in das Modulverzeichnis des SimpleViewer.

Nun sollte Ihre Galerie valide sein und einwandfrei durch den Validator huschen, probieren Sie es aus. Sie finden meine valide installierte SimpleViewer Galerie hier.




ältere Artikel:

Image Thumbnail Viewer von DynamicDrive  

Hoverbox eine CSS gesteuerte Image Gallery 

zurück

^