Dies ist eine Bezahl-Funktion
Premium-Nutzer knnen schon ab 4 € im Monat alle Funktionen der fotocommunity nutzen.
  • In allen Foren lesen und schreiben
  • Aktbilder hochladen und anschauen
  • Am Galerie-Voting teilnehmen
  • Bis zu 30 Fotos pro Woche hochladen
> Jetzt Premium-Mitglied werden
 
 
 
 

Designer

(Weitergeleitet von HTML-Template-Codes)

Im Men: Men / Meine Fotos / fotohome / Designer (http://www.fotocommunity.de/pc/egallery/list/4)

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


Wenn Du Dein fotohome selbst gestalten mchtest hast Du verschiedene Mglichkeiten, um HTML-Templates selbst zu erstellen. Generell stehen Dir vier verschiedene Templates zur Verfgung:

  1. Startseite (bersicht deiner fotohome-Ordner)
  2. Ordner (bersicht der Fotos im gewhlten Ordner)
  3. Foto (Vollansicht des Fotos)
  4. Andere (nur verwendet fr Kennwortabfrage bei kennwortgeschtzten Ordnern)

Jedes Template stellt fr sich genommen eine eigene HTML-Seite dar, in der Platzhalter enthalten sind (Template-Codes). Die Platzhalter werden durch unsere Server wiederum mit HTML-Code gefllt. 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 Ordnerbersicht stellst du in den Einstellungen Deines fotohomes ein. Aus einem Design wirken sich also ggf. immer nur Teile aus, je nachdem, wo du das Design ansprichst. D.h. die Galeriebersicht liest nur das erste Template aus, whrend fr Ordner-/Vollansicht und Passwortabfrage eben die anderen drei Templates eines Designs abgefragt werden.

Inhaltsverzeichnis

Bestehendes Design als Vorlage abwandeln

Wenn du ein vorgefertigtes Design benutzt und nach eigenen Vorstellungen hin abwandelst, erstelle zunchst ein neues Design auf Basis eines bestehenden Designs, welches du benutzen mchtest.

fotohome-Designer - Liste der Layouts
vergrern
fotohome-Designer - Liste der Layouts

Klicke in der Layout-bersicht beim betreffenden Layout auf "Verndern" und Du gelangst in den Dialog, um die Details des Layouts zu verndern.

fotohome-Designer - nderungen der Layout-Einstellungen
vergrern
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 fr 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 Dein fotohome angezeigt.

Wenn Du Dich etwas mit HTML auskennst, kannst Du auch beliebige Links direkt in die HTML-Templates einfgen.

Design Deiner bereits existierenden Webseite bernehmen

Alternativ kannst Du Dein fotohome vom Design so an Deine Webseite anpassen, dass der Besucher gar nicht merkt, dass er mit dem Klick auf Dein fotohome die eigentliche Webseite verlsst. Hierfr musst Du die HTML-Templates entsprechend anpassen und kannst sogar die Navigationselemente Deiner Webseite auf Dein fotohome umlenken.

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 vollstndigen HTTP-Link zu versehen. Standardmig verwenden diese Programme relative Verweise.

Tausche diese Links, die z.B. so aussehen <img src="/grafik/meinbild.jpg"> folgendermaen aus: <img src="http://www.meinepage.de/grafik/meinbild.jpg">

Template-Codes

Folgende Platzhalter knnen 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.


Code wird ersetzt durch:
fc_body_bg Hintergrundfarbe
fc_font_family Schriftart
fc_h1_size Schriftgre 1
fc_h1_color Schriftarbe 1
fc_h1_weight Schrift-Weight 1
entsprechend vier mal: fr fc_h2, fc_h3 und fc_h4
fc_b1 Hintergrundfarbe 1
entsprechend drei mal: fr fc_b2 und fc_b3
fc_link_color Link-Farbe
fc_visited_color besuchte Link-Farbe
fc_link_color_mo Link-Mouseover-Farbe
fc_link_dec_mo Dekoration bei Mouseover
t_header Titel der Seiten
t_footer Fu der Seiten
t_background Hintergrundbild fr die Seite
t_prev Navigation zurck
t_next Navigation weiter
t_home verlinkter Text: Zurck zur Startseite
t_back verlinkter Text: Zurck zur Ordneransicht
t_clicks Anzahl Klicks, %s=Anzahl
t_fotos Anzahl Fotos in Ordner, %s=Anzahl
t_password Text nur eingeblendet, wenn Ordner pw-geschtzt
t_button OK-Button bei Eingabe des Kennworts
t_discuss verlinkter Text bei Foto, wenn dieses in der ffentlichen Diskussion in der fc steht
t_private Text im Eingabefenster fr das Kennwort
fc_username Dein vollstndiger Name
fc_navigation Navigation: verlinkte Seitenliste bei mehreren Seiten
fc_display Aktuelles Foto in gro zeigen
fc_gtitle Ordername lang
fc_gtitle_short Ordnername kurz
fc_gtext Ordnerbeschreibung
fc_title Titel des Fotos
fc_text Beschreibung des Fotos
fc_clicks Anzahl Klicks (auf Basis von t_clicks)
fc_discuss Link zur fc bei ffentlicher Diskussion (auf Basis von t_discuss)
fc_home Home-Link (auf Basis von t_home)
fc_back Link zurck zur Ordneransicht (auf Basis von t_back)
fc_preview Vorschaubild des Fotos


Weblinks


  Letzte nderung: 14:45, 26. Dez 2013 von Kai U. . Basiert auf dem Text von Franz-Josef Wirtz und Bernd Meyer und anderen. - Aufrufe: 16422
Der Textinhalt dieser Seite steht unter der Creative Commons License. Alle Fotos und Grafiken sind urheberrechtlich geschtzt, wenn nicht anders angegeben. Der Text spiegelt nicht unbedingt die Meinung der fotocommunity wider.