neueste Tutorials

Link Preview mit Websnapr

Link Preview basiert auf link-preview v1.4 von frequency-decoder.com welches...

weiterlesen..

ColorRating als Modul (Snippet)

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

weiterlesen..

Die ColorBox als Modul (Snippet)

Da die ColorBox ständig aktualisiert und gepflegt wird, alle möglichen...

weiterlesen..

Statistik

Besucher gesamt: 22.439
Besucher heute: 3
Besucher gestern: 59
Max. Besucher pro Tag: 127
gerade online: 0
max. online: 56
Seitenaufrufe gesamt: 219.002
Seitenaufrufe diese Seite: 732
expCounter Homepage

Anmeldung

Suche

LiveZilla Live Help
LiveZilla Live Help
Share |
Follow WBWorker on Twitter

Updates

  • Oooops, Twitter ist nicht erreichbar...
Informieren Sie sich über die aktuellen Updates auf websitebaker.net ganz bequem bei Twitter oder abonnieren den Twitter RSS-Feed.
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, 05: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.

neuere Artikel:

Link Preview mit Websnapr  

ältere Artikel:

Image Thumbnail Viewer von DynamicDrive  

Hoverbox eine CSS gesteuerte Image Gallery 

zurück


^