Designer

Menü / Meine Fotos / Foto-Homepage / Designer (http://www.fotocommunity.de/pc/egallery/list/4)

Webadresse: http://www.fotocommunity.de/pc/egallery/list/4

Wenn du deine Foto-Homepage selbst gestalten möchtest hast du verschiedene Möglichkeiten um HTML-Templates selbst zu erstellen. Generell stehen dir vier verschiedene Templates zur Verfügung:

1. Startseite (Übersicht deiner fotohome-Ordner)
2. Ordner (Übersicht der Fotos im gewählten Ordner)
3. Foto (Vollansicht des Fotos)
4. Andere (nur verwendet für Kennwortabfrage bei kennwortgeschützten Ordnern)

Jedes Template stellt für sich genommen eine eigene HTML-Seite dar, in der Platzhalter enthalten sind (Template-Codes). Die Platzhalter werden durch unsere Server wiederum mit HTML-Code gefüllt. Du kannst ein Template also mit einem beliebigen HTML-Editor gestalten und zuletzt in den fotohome-Designer kopieren.

Wenn nicht alle Ordner bzw. Fotos in einem Template angezeigt werden wird durch entsprechende Navigationselemente zu Folgeseiten (mit demselben Aufbau) navigiert.

Beachte, dass du im fotohome-Designer jedem Ordner ein anderes Template-Design zuweisen kannst. Die Ordnerübersicht stellst du in den fotohome-Einstellungen ein. Aus einem Design wirken sich also ggf. immer nur Teile aus, je nachdem, wo du das Design ansprichst. D.h. die Galerieübersicht liest nur das erste Template aus, während für Ordner-/Vollansicht und Passwortabfrage eben die anderen drei Templates eines Designs abgefragt werden.

Bestehendes Design als Vorlage abwandeln

Wenn du ein vorgefertigtes Design benutzt und nach eigenen Vorstellungen hin abwandelst, erstelle zunächst ein neues Design auf Basis eines bestehenden Designs, welches du benutzen möchtest.

fotohome designer - Liste der Layouts

Klicke in der Layout-Übersicht beim betreffenden Layout auf "Verändern" und Du gelangst in den Dialog, um die Details des Layouts zu verändern.

fotohome designer - Änderungen der Layout-Einstellungen

Es gibt eine Reihe von Variablen, die Du nutzen kannst. Nicht alle gelten auf allen Template-Seiten. Die Liste findest Du unten unter #Template-Codes.

Beispiel für eine Abwandlung

Besonders gut eignet sich das Text-Feld "Private", um Deinen Link einzusetzen. Dieses findest du im Designer unter "Texte und Buttons".

Das Feld "Private" wird auf der Startseite von fotohome angezeigt.

Wenn du dich etwas mit HTML auskennst, kannst du auch beliebige Links direkt in die HTML-Templates einfügen.

Design deiner bereits existierenden Homepage übernehmen

Alternativ kannst Du fotohome vom Design so an Deine Homepage anpassen, dass der Besucher gar nicht merkt, dass er mit dem Klick auf Dein fotohome die eigentliche Homepage verlässt. Hierfür musst Du die HTML-Templates entsprechend anpassen und kannst sogar die Navigationselemente Deiner Homepage auf fotohome übertragen.

Achtung: Wenn Du mit einem Designprogramm, wie z.B. Dreamweaver, GoLive oder Frontpage, arbeites, willst Du vielleicht eine bereits gestaltete Seite zu einem fotohome-Template umfunktionieren. Dies ist kein Problem, allerdings musst Du darauf achten, alle Links und Fotos mit dem vollständigen HTTP-Link zu versehen. Standardmäßig verwenden diese Programme relative Verweise.

Tausche diese Links, die z.B. so aussehen:

<img src="/grafik/meinbild.jpg">

in einen solchen Link aus:

<img src="http://www.meinepage.de/grafik/meinbild.jpg">

Template-Codes

Folgende Platzhalter können in den eigenen Templates verwendet werden. Die Codes werden entweder durch deine Eingaben in "Farben und Schriften" bzw. "Texte und Buttons" des fotohome-Designers oder eben anhand deiner Profil-/Ordner-/Foto-Angaben ersetzt. Speicherst du dein Template werden die Änderungen sofort wirksam. Durch das Abrufen deines externen fotohome-Links kannst du also sofort die Auswirkungen testen.

Weblinks

• selfhtml, HTML/CSS-Referenz von Stefan Münz (http://www.selfhtml.org/)