Eigene Bilder im Template (Photoshop)

Natürlich ist es auch möglich, eigene Bilder in das Template einzufügen. 

Dazu geht man wie folgt vor:

1. Datei in Photoshop öffnen
Hier wird Photoshop CS2 benutzt mit Photoshop CS oder Photoshop  Elements  (ab Version 4)  geht man ähnlich vor.
1

2. Bild öffnen
1

3. Bild ins Template kopieren
Dazu das Bild einfach mit der Maus anklicken und ins Template Fenster ziehen.
1

4. Ebene berücksichtigen
Das neue Bild muss unterhalb der Masken Ebene (Ebene 12) sein
1

5. Grösse des Bildes ändern
Mit Bearbeiten:Frei Transformieren kann die Grösse des Bildes angepasst werden
1

6. eingesetztes Bild
1

7. Für Web speichern
Mit Datei:Für Web speichern das Bild abspeichern. Das Bild wurde schon mit Slices versehen, so dass aus dem einen Bild, eine ganze Reihe von Bildern erstellt werden. Meistens ist nur das Bild oben links von Bedeutung.
Wichtig ist die speicherung als JPEG. In diesem Beispiel mit der Qualität High.
1

8. Optimieret Version speichern
Alle Slices werden in einem images-Verzeichniss gespeichert
1

9. Bild umbenennen
Das Bild bg_01.jpg muss umbenannt werden dabei gilt bg_01_xx.jpg (xx ist eine vortlaufende Zahl) 1

10. Das fertige Bild
1

11. Bild auf den Server laden
Das Bild muss nun mit einem geeigneten Programm (z.B. WinSCP oder auch per Joomla Xplorer) auf den Server geladen werden. Das Bild gehört ins Verzeichniss: templates\namibia_css\images

12. Anpassung der HTML Datei
Nun muss noch die HTML Datei angepasst werden. Im Template Manager das Template wählen und mittels Edit HTML den Code bearbeiten.
11

13. Code bearbeiten
Im Code die folgende Zeile suchen (ca. Zeile 13):

$imgid = sprintf("_%02d",rand(1,xx));

Die Zahl xx gibt die Anzahl der Bilder an und muss nun entsprechend mit der Zahl xx des Bildes (siehe Schritt 9) angepasst werden.

14. Speichern und ausprobieren
Nun muss die Änderung nur noch gespeichert werden und anschliessend die Seite zum Testen natürlich neu geladen werden.