Untitled Page

English | Start | Update |Layoutvorschau | Basiskonfiguration | Layouteinstellungen | Player | Stileditor | Thumbs | Datenbanklos | Textdatenbank | Intern | Googlemaps | Spracheinstellungen

Stileditor Panoramagalerie 11
Zugang	Der Stileditor ist erreichbar unter stileditor/. Es gibt einen unsichtbaren Link rechts neben dem Wort "Impressum" auf der Impressum-Seite.
Zugangsschutz	In der Datei 01-config.inc.php im Ordner "inc" sind ein Username und ein Passwort wählbar. Die Speicherung erfolgt per Cookie.	// Editor Usernamen und Passwort -------------- $editoruser = "user2"; $editorpass = "pass";
FTP-Rechte setzen	Damit der Editor funktioniert, müssen auf den meisten Servern die Schreibrechte für "Jedermann" mit einem FTP-Programm gesetzt werden, und zwar für die zehn Dateien im Ordner "css": layout-style1.php - layout-style10.php und für den Ordner "css/vorlagen"	Dabei am besten auch den Ordner "panos/thumbs" mit Schreibrechten für jeden versehen.
Eingebundene Grafiken	Im Galerieordner liegt eine Datei "rohgrafik-tif.zip". Sie enthält je eine Version der notwendigen grafischen Elemente. Zum Ändern der Farbe kann einfach jeweils die Farbe einer kompletten Ebene geändert werden, da mit Masken gearbeitet wird. Der runde Effekt auf der Aktuell und Übersichtsseite kommt durch Maskieren der Ecken mit der Farbe der Seite zustande, mit einem teiltransparenten .gif.. Das funktioniert deshalb schlecht mit eine Grafik als Seitenhintergrund, dann besser eine eckige Maske verwenden. Für den Seamless-Modus der Aktuell-Seite liegt eine 1200 Pixel breite Maske als Alternative bei. Prinzipbedingt verwenden Aktuell-Seite, Übersichts-Seite und Filmstreifen immer ein übergelegtes gif-Bild, auch wenn es komplett transparent ist. Die png-Elemente als 24 Bit-png speichern, dann sind sie unabhängig von der Hintergrundfarbe.
Kopfzeile	Seite öffnen: Öffnet index.php in einem neuen Fenster Erzeugtes CSS ansehen: Zeigt die dynamische CSS-Datei css1.css.php aus dem Ordner" inc", so wie sie mit den aktuellen Einstellungen erzeugt wird Farbwähler einschalten: Schaltet einen darüberliegenden Farbwähler ein und aus. Die Hex-Werte können per Copy/Paste als Wert übernommen werden. Farbwerte lassen sich auch z.B. aus dem Farbwähler von Fotoshop übernehmen. Aber nicht das #-Zeichen vergessen!
Vorlage laden	Mit diesem Klappmenü können Stilvorlagen aus dem Ordner "css/vorlagen" in den Editor geladen werden. Dieser Vorgang überträgt die Vorlage noch nicht in die Seite! Dazu muss noch der Button "Eintragen" angeklickt werden. Jede mitgelieferte Vorlage gibt es für festes "fixed" oder flexibles "liquid" Layout. Wenn klar ist, welche Variante verwendet werden soll, können die anderen Versionen per FTP gelöscht werden.	Die Vorlagen können vom Stileditor aus weder gelöscht oder überschrieben werden. Am besten nummerierte Versionen anlegen und nicht verwendete am Ende per FTP löschen.
Grafikordner auswählen	Zu jedem Stil gehören bis zu 15 Grafiken, die festgelegte Namen haben. Sie liegen in einem Ordner, der so heißt wie der Stil. Der Name des Ordners ist aber frei wählbar, er wird im Stil gespeichert.	Die Namensanzeige im Menü gibt einen Anhaltspunkt, welchen Stil man gerade bearbeitet.
Seiteneinstellungen	Einstellungen, die für die ganze Seite gelten. Die Eingaben müssen CSS-kompatibel erfolgen.	Für Farben gelten die 16 erlaubten Farbnamen oder ein Hex-Wert (6 Ziffern) inklusive vorgestelltem #-Zeichen. Für die Fonts gibt es feste CSS-Regeln. Sie müssen mit Kommata getrennt sein.
Hintergrundbild	Sobald bei "Hintergrundbild" ein Kachel-Wert "repeat" eingetragen ist, wird das Hintergrundbild für die Seite aktiviert. Man kann den inneren Bereich der Seite durch Eintrag bei "Innere Hintergrundfarbe" aktivieren. Er erhält die eingetragene Farbe oder und kann sich für Fixed-Layouts vom Hintergrund abheben.	Das Hintergrundbild heißt bg1.jpg, im aktuellen Stil-Ordner. Der Repeat-Wert gibt die Art der Wiederholung an. Wenn ein Hintergrundbild und eine Farbe für die innere Seite eingetragen ist, erhält die innere Seite das Hintergrundbild.
Suchen und Regionsklappmenü	Flächen - und Schriftfarbe für diese Form-Elemente, werden von unterschiedlichen Browsern aber sehr verschieden interpretiert.
Buttons und Reiter	Für Basisnavigation und Playerauswahlreiter werden dieselben Hintergrundgrafiken verwendet. Sie können für beide Elemente ein und ausgeschaltet werden, die Schriftfarben für aktiv, inaktiv und hover (Maus drüber) - Zustand können gewählt werden
Hintergrundbild 2	Hintergrundbild für Infokasten und Zurück-Weiter Buttons Ein Hintergrundstreifen kann für die genannten Elemente aktiviert werden.	Die Grafik heißt bg2.jpg, im aktuellen Stil-Ordner. Die Wiederholung erfolgt immer in y-Richtung.
Infozeile über dem Panorama	Einige weitere Einstellungen für die Infozeile, Rahmen und Schriftfarbe
Zurück-Weiter Buttons	Einige weitere Einstellungen für die Buttons auf der Aktuell-Seite, Hover-Farbe und Schriftfarben.	Die Farbe des Rahmens folgt der globalen Einstellung unter Seiteneinstellungen.
Hilfe-Seite und Google-Maps	Einige Einstellmöglichkeiten, um die Overlay-Seite ein wenig dem Seitenlayout folgen zu lassen
Zusatz-CSS	Hinter diesem Aufklapp-Menü verbirgt sich die Möglichkeit, umfangreichen Einfluss auf Seitenelemente zu nehmen. Hier muss purer CSS-Code eingetragen werden. Dieser Code wird im Layout mit dem Stil gespeichert Einige Vorlagen enthalten hier umfangreiche Eintragungen, z.B. die Elemente .kopf, .kopfzeile1, .kopfzeile2, .kopfzeile3 können hier mit Farben versehen werden.	Bei aufwendigen CSS-Arbeiten lohnt es sich, nummerierte Zwischenresultate als Vorlage zu sichern - es gibt kein Undo.
Eintragen	Erst beim Klick auf "Eintragen" werden die aktuell angezeigten Einstellungen in Layoutstil gespeichert! Also nicht vergessen, öfter hier zu klicken.
Vorlage erstellen	Speichert die aktuellen Einstellungen in einer neuen Datei im Ordner "Vorlagen", kann danach direkt aus dem Vorlagenmenü abgerufen werden. Kann keine bestehende Volage löschen oder überschreiben, ggf. Versionen nummerieren. Der Dateiname sollte den Internet-Namenskonvernionen folgen, keine Sonderzeichen, Umlaute oder Leerzeichen.
So ungefähr sieht es aus	Der rechte Teil des Editors bietet eine Vorschau der Seitenelemente. Das Vorhandensein oder auch Nichtvorhandensein der Grafiken wird angezeigt, auch der Dateiname und die Größe in Pixeln. Es kommen .gif .png und .jpg zum Einsatz. Unbedingt dieser Vorgabe und den Namen bei der Grafikbearbeitung folgen.	Die png-Elemente sollte 24 Bit-Elemente sein, nur dann wird eine 8-Bit Transparenz erzeugt. Ansonsten gibt es evtl. Farbsäume.