|
|
|
|
|
|
|
|
|
|
- Overview
- Sequence for applying the color palettes
- Defining the color palette used
- Managing color palettes
- Generating/Creating a palette
- Modifying a palette
- Duplicate a palette
The color palettes are an easy way to customize the visual aspect of a site. Sequence for applying the color palettes The color palette of a page can be defined at three different levels (in descending order of priority): - In the project.
- In the page template from which the page inherits the properties.
- In the page itself.
Therefore, the general palette must be defined at project level. If a set of pages (e.g., "Management" pages of a site) must use a specific palette, you can redefine the project palette as a page template. Finally, if a specific page must have a different palette, you can choose the palette only for that page. WEBDEV allows you to: Remark: the colors of palettes can be accessed through programming ( ColorPalette). This allows you to create a generic code, independent of the skin and palette used. Defining the color palette used The color palettes define a set of colors that are proposed in all color pickers of project. These colors are also applied to the styles defined in the project skin in order to easily change the visual aspect of a project. When creating a WEBDEV project, the wizard allows you to choose the color palette that will be used. This choice can be modified at any time. To modify the color palette used by a project: - Open the project description window: on the "Project" tab, in the "Project" group, click "Description".
- Select the "Skins" tab.
- Choose a palette among the preset palettes.
- Validate the project description window.
To modify the color palette used by a page template or by a page: - Open the page description window: on the "Page" tab, in the "Description" group, click "Description".
- Select the "Style" tab.
- Click the browse button to select a color palette.
- If the selected palette is "Like the project", the palette of the project will be used.
Remark: The color palette used by a project (new palette or modified palette) is copied into the project directory. When the project is used in SCM, the color palette is also included in the elements managed by the SCM. To increase the possibilities of palettes, WEBDEV allows you to: - Create a new palette.
- Modify an existing palette.
- Duplicate a palette.
- Modify an element found in the list of last elements used.
To manage palettes: - select "Create a new palette" in the "Skins" tab of the project description (to open the project description, go to the "Project" tab, "Project" group, and click "Description").
- on the "Page" tab, in the "Skin and styles" group, expand "Palette" and click "Create a new palette".
The palette editor appears. This editor is used to: Generating/Creating a palette In the palette editor: - Click "Generate a palette".
- Specify the name of the palette.
- Select the base color of the palette via the chromatic circle and the color chart.
- Validate.
- The characteristics of the different colors found in the palette are displayed. You can:
- modify each palette color individually. A preview is displayed at the top of the editor.
- save the modifications performed.
- reload the last modifications saved (the modifications performed since the last backup are lost).
- select a color with the eyedropper.
- Validate the window. The new palette is automatically added to the list of available palettes in the project description.
Modifying a palette In the palette editor: - Click "Modify a palette".
- Select the palette to modify. If this palette is a palette supplied by WEBDEV, this palette is automatically duplicated: specify its new name.
- Validate.
- The characteristics of the different colors found in the palette are displayed. You can:
- modify each palette color individually. A preview is displayed at the top of the editor.
- save the modifications performed.
- reload the last modifications saved (the modifications performed since the last backup are lost).
- select a color with the eyedropper.
- Validate the window. The palette is automatically modified.
Duplicate a palette In the palette editor: - Click "Duplicate a palette".
- Select the palette to duplicate.
- Validate.
- Specify the name of the new palette (created from the selected palette).
- The characteristics of the different colors found in the palette are displayed. You can:
- modify each palette color individually. A preview is displayed at the top of the editor.
- save the modifications performed.
- reload the last modifications saved (the modifications performed since the last backup are lost).
- select a color with the eyedropper.
- Validate the window. The new palette is automatically added to the list of available palettes in the project description.
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|