Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
72:local_style_custom [2018/07/16 19:22]
bkkr [Local Style Customization]
72:local_style_custom [2018/09/27 18:15] (current)
Erich Meier [Local Style Customization]
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 ''<​font inherit/​Courier New,​Courier,​monospace;;​inherit;;​inherit><​PKITHOME>/​custom.css</​font>''​.+The appearance of the Stages GUI can be customized via CSS (Cascading Style Sheet) statements. Add your local style definitions therefore to the file ''<​font inherit/​Courier New,​Courier,​monospace;;​inherit;;​inherit><​STAGESHOME>/conf/​custom.css</​font>''​.
  
-The style names used by Stages can be found in the file''<​font inherit/​Courier New,​Courier,​monospace;;​inherit;;​inherit><​PKITHOME>/​standard.css</​font>''​. This file can be used as a template for the customization of the local Stages style. +Similar to the above structure, the CSS files ''<​font inherit/​Courier New,​Courier,​monospace;;​inherit;;​inherit><​STAGESHOME>/​notifystyle.css</​font>'' ​ and ''<​font inherit/​Courier New,​Courier,​monospace;;​inherit;;​inherit><​STAGESHOME​​​​​​​>/​notifystandard.css</​font>'' ​ contain the CSS definitions for the e-mail notification service via HTML E-Mails. Add your own definitions to the ''<​font inherit/​Courier New,​Courier,​monospace;;​inherit;;​inherit><​STAGESHOME​​​​​​​​​​​​​​>/​notifystyle.css</​font>'' ​ file and use the ''<​font inherit/​Courier New,​Courier,​monospace;;​inherit;;​inherit><​STAGESHOME​​​​​​​>/​notifystandard.css</​font>'' ​ as a template.
- +
-Similar to the above structure, the CSS files ''<​font inherit/​Courier New,​Courier,​monospace;;​inherit;;​inherit><​PKITHOME>/​notifystyle.css</​font>'' ​ and ''<​font inherit/​Courier New,​Courier,​monospace;;​inherit;;​inherit><​PKITHOME>/ notifystandard.css</​font>'' ​ contain the CSS definitions for the e-mail notification service via HTML E-Mails. Add your own definitions to the ''<​font inherit/​Courier New,​Courier,​monospace;;​inherit;;​inherit><​PKITHOME>/​notifystyle.css</​font>'' ​ file and use the ''<​font inherit/​Courier New,​Courier,​monospace;;​inherit;;​inherit><​PKITHOME>/​notifystandard.css</​font>'' ​ as a template+
- +
-The icons and headlines shown in the Stages header can also be changed. This customization happens via modification of the local property files +
- +
-  * ''<​font inherit/​Courier New,​Courier,​monospace;;​inherit;;​inherit><​PKITHOME>/​WEB-INF/​classes/​LocalPKit.properties</​font>'' ​ and accordingly +
-  * ''<​font inherit/​Courier New,​Courier,​monospace;;​inherit;;​inherit><​PKITHOME>/​WEB-INF/​classes/​LocalPKit_de.properties</​font>''​ +
-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 = /​local/​img/<​Your logo file> +
-  * 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://<​Your|http://<​Your]] HTTP link>/ +
-  * 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 <​PKITHOME>/​local/​img folder. The folder needs to be created if it does not exist yet. All files within the <​PKITHOME>/​local folder will be preserved across Stages updates.+