Hier habe ich mal 6 Fotos von Flensburg eingefügt : Anklicken zum Vergrößern Eigene Info-Texte im Thickbox-Fenster möglich.
Siehe Erklärung zum Code weiter unten.
Mit title="TEXT" wird Beschreibung unter dem Bild platziert.
Bei URL fügt Ihr die Grafikadresse des Bildes ein.
Nach dem letzten Bild fügen wir ein <br style="clear:left;" /> ein, damit sich weiterer Inhalt nicht neben dem letzten Bild, sondern wieder darunter platzieren kann.
Wo finde ich die URL / Grafikadresse ?
- Einloggen in Homepage
- gehe auf "Bilder"
- klicke den Namen des Bilds an
- nun wird dir das Bild angezeigt
- mit der Maus auf das Bild
- mit Rechtsklick auf "Eigenschaften" (Browser IE)
- dort steht die http://.....................jpg vom Bild
- oder mit Rechtsklick auf "Grafik-Adresse kopieren" (Browser Mozilla)
- die kopierte Bild-URL 2 mal im Code einfügen
Schritt 3 : Der CSS Code für das Aussehen
Oben haben die Bilder einen Rahmen und gleichmässigen Abstand.
Das erzeugt das class="bild" im Bild-Code.
Die Klasse .bild bekommt mit CSS gewünschtes Aussehen.
Einfügen im Feld "Text über Design" :
• dies ist der Inhalt im < div id="popup1" >
• befindet sich im Feld "Text UNTER Design"
• das DIV ist nur auf einer Seite zu sehen
• und auf dieser Seite wurde das Design entfernt
• angezeigt wird also nur der Inhalt des einen DIV