Difference between revisions of "Skins"
m Tag: 2017 source edit |
|||
(One intermediate revision by one other user not shown) | |||
Line 1: | Line 1: | ||
+ | <!-- BEGIN origin interlang links --> | ||
+ | <!-- You can edit this section but do NOT remove these comments | ||
+ | Links below will be automatically replicated on translated pages by PolyglotBot --> | ||
+ | [[fr:Themes]] | ||
+ | [[es:Temas]] | ||
+ | [[zh:主题]] | ||
+ | <!-- END interlang links --> | ||
+ | |||
{{TemplateDocDevEn}} | {{TemplateDocDevEn}} | ||
Line 19: | Line 27: | ||
The new skin will appear automatically in the list of available skins in page ''Setup - Display''. This will allow you to activate it by default, or in ''Users and Groups - Display tab'' to activate it for a particular user. | The new skin will appear automatically in the list of available skins in page ''Setup - Display''. This will allow you to activate it by default, or in ''Users and Groups - Display tab'' to activate it for a particular user. | ||
+ | |||
+ | |||
+ | = [[File:wallpaper.png]] Test of a new theme = | ||
+ | To test your theme on all pages without activating it, just specify it in the address bar by adding the '''theme''' parameter. | ||
+ | |||
+ | Example: <nowiki> https://www.mondolibarr.com/index.php?theme=monnouveautheme </nowiki> | ||
Latest revision as of 13:21, 14 August 2019
Create a skin
To create a new skin, go into directory 'htdocs/theme/' and copy for example all the directory 'eldy' into a new directory with the name of your skin.
In this directory, change name of file *.css* to match name of directory.
Edit file AUTHOR with your information.
Now, edit the CSS file (*.css*), and all images inside the img directory to personalize your skin.
The new skin will appear automatically in the list of available skins in page Setup - Display. This will allow you to activate it by default, or in Users and Groups - Display tab to activate it for a particular user.
Test of a new theme
To test your theme on all pages without activating it, just specify it in the address bar by adding the theme parameter.
Example: https://www.mondolibarr.com/index.php?theme=monnouveautheme
Distribute your skin
Once you have created a new skin, you can build a package to distribute it by running the script build/makepack-dolibarrtheme.pl
You will get a file .tgz that you can submit on the Dolibarr download area (Category contrib).