Deutsch | Start | Layout-preview | Basic-configuration | Layout-settings | Player | Style-editor | Thumbs | Virtual Database | Text-database | Intern | Googlemaps | Languages
Stileditor Panoramagalerie 11
Access via secret link The style-editor is placed in stileditor-en/index.php

There is a invisible link right to the word "Advice" on the page "Legal Advice", for other languages accordingly.
  
Username and password The style-editor is password-protected. You should change username
and password in the file inc/01-config.inc.php. The password-system saves a cookie.
 In inc/01-config.inc.php
// Editor Username and Passwort --------------
$editoruser = "user2";
$editorpass = "pass";
Set FTP access rights To get the style-editor working you must set FTP access-rights to "Everybody" for all 10 layout-style1.php - layout-style10.php files and to the folder "vorlagen" with content.

 You should also set access-rights to "Everybody" for the folder "panos/thumbs".
Tiff templates for all GUI elements There is a file "hilfsdateien/rohgrafik-tif.zip". It contains tif-versions of all GUI-elements. The files contain masked layers. Its e.g. easy to change the background color of a file in Photoshop.

The rounded corners of the thumbs are generated by transparent gifs with rounded corners in the page background color.

Save all png-files in 24 bit to get clean masks.
Toplinks
  • Open page : Opens index.php in a new window
  • Look at generated CSS file: Shows the dynamically generated css-file
    inc/css1.css.php , generated with the recent settings
  • Show colour chooser: Switches a color-chooser on and off. Transfer the generated hexadecimal values via copy/paste to the editor. Don´t forget the leading # for colors.
    
Load template, save template Load templates from the folder "css/vorlagen" into the editor. It is then not yet loaded to gallery. Click "Enter " on the bottom of the editor to transfer settings to the gallery.

Every template exists twice, in a fixed an a liquid version. Fixed/ liquid settings can be switched in the file layouts/layout(Nr).php. Choose a appropriate template in the editor.

You can save your settings to a new template at the very bottom of the editor.
t		 Templates in the folder "css/vorlagen" cannot be erased or changed from the editor. The best way to work with templates is to number new ones an t o erase the unused versions via FTP later.

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.
graphics-folder Every style includes a graphics folder with about 15 images with defined names. This folder is situated within the css-folder. By default it has the same name as the style.


The displayed name of the graphics folder on top of the editor page helps to identify the style you editing.
Page style settings Global settings for the whole gallery. Entered values must be CSS-conform, i.E. numerical colors with a leading #, fonts divided by comma.


 You can also use the predefined 16 web-color names (white, black, red...) as color names. The other possiblity are hex-values with 3 or 6 numerical numbers and la leading #.
Background image Enter a repeat-value in the Background-bg1.jpg field to activate a background imige for the page

If you use a fixed layout you can enter a different background color for the inner page. Leave this field empty if you want to keep the background color or image for the inner page as well.
 The background-image must be named bg1.jpg and reside in the recent style-folder. Define kind of repetition on the page via the repeat-value.
Search and region pop-up Surface and font-color for this form elements. It is interpreted differently by different browsers.

    
Buttons and tabs Basic-navigation and player tabs user the same graphics. They can be switched on and off independently. Font colors for active (current), inactive and hover can be entered.
    
Background image 2 Activate background image for infobox (infokasten) and/or back-forward buttons.
It must be named bg2.jpg and reside in the recent style-folder. It is always repeatet horizontal.
Infoline above panorama Further settings for infoline, frames and font color
    
Zurück-Weiter Buttons Further font color settings for back/forward buttons an "Aktuell"-page.

  
Help-page and Google-Maps Some settings to change background and font color of help, info and Google Maps overlay-page.    
Additional CSS You can savge additional CSS statements together with a style, to take more exactly control over special page elements. Yo have to enter pure CSS code in this pop-up field.

Some templates already contain comprehensive additional instructions.
You can e.g. take influence on the CSS boxes .kopf, .kopfzeile1, .kopfzeile2, .kopfzeile3 .
 If you are working seriously with the editor, dont forget to save your work as (numbered) templates periodically. There is no Undo.
Enter Dont forget to klick "Enter" to transmit your work to the gallery. A click saves the settings in the file "css/layout-style(Nr).php" in form of a PHP-array.
  
Save template Saves the recent settings to a new template in the folder "css/vorlagen". All templates are directly accessable via "Load template" pop-up.

You can not overwrite or erase a template within the editor. Dont use special chars for the name, just Internet-conform names without spaces.
  
The Page looks like: You find a preview of all important page-elements on right hand of the editor. It also displays, whether a graphical element is missing and name, kind and size of all graphic elements.

Gifs, JPGs and PNGs are used. Dont change kind or name when editing graphics.
 Only use 24 bit PNGs to generate clean masks.