Differences
This shows you the differences between two versions of the page.
Next revision | Previous revisionNext revisionBoth sides next revision | ||
72:local_style_custom [2018/07/16 19:21] – created bkkr | 72:local_style_custom [2018/09/27 18:15] – [Local Style Customization] emr | ||
---|---|---|---|
Line 3: | Line 3: | ||
====== Local Style Customization ====== | ====== Local Style Customization ====== | ||
- | The appearance of the Stages GUI can be customized via CSS (Cascading Style Sheet) statements. Add your local style definitions therefore to the file ''< | + | The appearance of the Stages GUI can be customized via CSS (Cascading Style Sheet) statements. Add your local style definitions therefore to the file ''< |
- | The style names used by Stages can be found in the file''< | + | Similar to the above structure, the CSS files ''< |
- | + | ||
- | Similar to the above structure, the CSS files ''< | + | |
- | + | ||
- | The icons and headlines shown in the Stages header can also be changed. This customization happens via modification of the local property files | + | |
- | + | ||
- | * < | + | |
- | * < | + | |
- | + | ||
- | Both, the left and the right header side can be configured to show either an icon or a headline text. To | + | |
- | + | ||
- | * configure a headline to the left, use the following properties in a local property file: | + | |
- | * logo.left.mode = text | + | |
- | * logo.left.text.message = <Your Headline> | + | |
- | * logo.left.text.style = heading | + | |
- | + | ||
- | To configure a logo to the right, use the following properties in a local property file: | + | |
- | + | ||
- | * logo.right.mode = image | + | |
- | * logo.right.src = / | + | |
- | * logo.right.width = <Logo image width in pixel> | + | |
- | * logo.right.height = <Logo image height in pixel> | + | |
- | * logo.right.altkey = logo.right.text.message | + | |
- | * logo.right.link = http://< | + | |
- | * logo.right.text.message = <Your message to be shown as tip> | + | |
- | + | ||
- | The logo image file (GIF, PNG or JPG format) should be stored in a < | + | |