mirror of
https://gitlab.com/openlp/documentation.git
synced 2024-12-22 12:32:48 +00:00
update theme images and stuff
This commit is contained in:
parent
34e0ec882d
commit
6a8a2f147e
@ -5,7 +5,7 @@ Themes
|
|||||||
======
|
======
|
||||||
|
|
||||||
|
|
||||||
The `Theme Manager` is where you can set backgrounds, fonts, and colors to the
|
The *Theme Manager* is where you can set backgrounds, fonts, and colors to the
|
||||||
style you desire. From the theme manager you can create a new theme, Edit a
|
style you desire. From the theme manager you can create a new theme, Edit a
|
||||||
theme, Delete a theme, Import a theme, and Export a theme.
|
theme, Delete a theme, Import a theme, and Export a theme.
|
||||||
|
|
||||||
@ -13,9 +13,7 @@ theme, Delete a theme, Import a theme, and Export a theme.
|
|||||||
|
|
||||||
Creating New Themes
|
Creating New Themes
|
||||||
===================
|
===================
|
||||||
|theme_new| **Create a new theme.**
|
|theme_new| **Create a new theme:** This will bring up the *Theme Wizard*
|
||||||
|
|
||||||
This will bring up the `Theme Wizard`
|
|
||||||
|
|
||||||
.. image:: /pics/theme_manager_wizard.png
|
.. image:: /pics/theme_manager_wizard.png
|
||||||
|
|
||||||
@ -24,28 +22,36 @@ type: Solid Color, Gradient, or Image.
|
|||||||
|
|
||||||
.. image:: /pics/theme_manager_background.png
|
.. image:: /pics/theme_manager_background.png
|
||||||
|
|
||||||
Solid color: select solid color and click on the black button next to Color.
|
**Solid color:** Select solid color and click on the black button next to Color.
|
||||||
You will have the option of choosing among the colors you see or entering your
|
You have the option of choosing among the colors you see or entering your
|
||||||
own.
|
own.
|
||||||
|
|
||||||
.. image:: /pics/theme_manager_selectcolor.png
|
.. image:: /pics/theme_manager_selectcolor.png
|
||||||
|
|
||||||
Gradient: choose the two colors, First and Second, you want to fade together
|
**Gradient:** Choose the two colors, First and Second, you want to fade together
|
||||||
and the Gradient drop down will let you determine the directions of the fade.
|
and the Gradient drop down will let you determine the directions of the fade.
|
||||||
|
|
||||||
.. image:: /pics/theme_manager_gradient.png
|
.. image:: /pics/theme_manager_gradient.png
|
||||||
|
|
||||||
Image: Click on the folder to find and select your image. OpenLP accepts a
|
**Image:** You have the ability to use an image for your background. OpenLP
|
||||||
variety of image types.
|
accepts a variety of image types.
|
||||||
|
|
||||||
.. image:: /pics/theme_manager_image.png
|
.. image:: /pics/theme_manager_image.png
|
||||||
|
|
||||||
**Note:** If possible, try to use the same size image as your projector is
|
**Background color:** Choose the color that will appear on the borders if your
|
||||||
displaying.
|
image is smaller than your projector display setting.
|
||||||
|
|
||||||
|
**Image:** Click |buttons_open| to find and select your image.
|
||||||
|
|
||||||
|
**Note:** When possible, try to use the same size image as your projector is
|
||||||
|
displaying unless you want a background color for a border.
|
||||||
|
|
||||||
When finished with your selection for background, click the :guilabel:`Next`
|
When finished with your selection for background, click the :guilabel:`Next`
|
||||||
button.
|
button.
|
||||||
|
|
||||||
|
Main Area Font Details
|
||||||
|
----------------------
|
||||||
|
|
||||||
This is the area where you will select and define your font characteristics for
|
This is the area where you will select and define your font characteristics for
|
||||||
the Display text.
|
the Display text.
|
||||||
|
|
||||||
@ -67,14 +73,15 @@ choose your color and size of the outline.
|
|||||||
**Shadow:** If you desire a shadow around your font, select the Shadow box and
|
**Shadow:** If you desire a shadow around your font, select the Shadow box and
|
||||||
choose your color and size of the shadow.
|
choose your color and size of the shadow.
|
||||||
|
|
||||||
**Bold Display:** select the box for Bold font
|
**Bold Display:** Select the box for Bold font
|
||||||
|
|
||||||
**Italic Display:** select the box for Italic font
|
**Italic Display:** Select the box for Italic font
|
||||||
|
|
||||||
When you are finished selecting your font details click the :guilabel:`Next`
|
When you are finished selecting your font details click the :guilabel:`Next`
|
||||||
button.
|
button.
|
||||||
|
|
||||||
**Footer Area Font Details**
|
Footer Area Font Details
|
||||||
|
------------------------
|
||||||
|
|
||||||
This page determines the Font, Font Color, and size of the font for the footer.
|
This page determines the Font, Font Color, and size of the font for the footer.
|
||||||
The footer is where the Title of the song, Author or Authors, Copyright and
|
The footer is where the Title of the song, Author or Authors, Copyright and
|
||||||
@ -84,7 +91,8 @@ CCLI License are displayed.
|
|||||||
|
|
||||||
When you are finished setting your footer font details, click :guilabel:`Next`.
|
When you are finished setting your footer font details, click :guilabel:`Next`.
|
||||||
|
|
||||||
**Text Formatting Details**
|
Text Formatting Details
|
||||||
|
-----------------------
|
||||||
|
|
||||||
This page determines the alignment of the text on your slide and the transition
|
This page determines the alignment of the text on your slide and the transition
|
||||||
from one slide to the next.
|
from one slide to the next.
|
||||||
@ -95,21 +103,21 @@ from one slide to the next.
|
|||||||
|
|
||||||
**Vertical Align:** the text to the Top, Middle or bottom of the screen.
|
**Vertical Align:** the text to the Top, Middle or bottom of the screen.
|
||||||
|
|
||||||
**Transitions**
|
**Transitions:** When this box is selected, switching slides will fade out from
|
||||||
|
one and fade in to the next. When the box is not selected, slide changing will
|
||||||
When this box is selected, switching slides will fade out from one and fade in
|
be instant.
|
||||||
to the next. When the box is not selected, slide changing will be instant.
|
|
||||||
|
|
||||||
When you are finished setting your Text Formatting Details, click :guilabel:`Next`.
|
When you are finished setting your Text Formatting Details, click :guilabel:`Next`.
|
||||||
|
|
||||||
**Output Area Locations**
|
Output Area Locations
|
||||||
|
---------------------
|
||||||
|
|
||||||
This page gives you the ability to position your Main area or Footer area to a
|
This page gives you the ability to position your Main area or Footer area to a
|
||||||
specific area of the screen using the x and y positions. ie: if you do not want
|
specific area of the screen using the x and y positions. ie: if you do not want
|
||||||
your footer on the bottom left, you can make the adjustment here.
|
your footer on the bottom left, you can make the adjustment here.
|
||||||
You can resize the Width and the Height of the Main Area and the Footer Area.
|
You can re-size the Width and the Height of the Main Area and the Footer Area.
|
||||||
ie: If you have a temporary or permanent obstacle in one part of the viewing
|
ie: If you have a temporary or permanent obstacle in one part of the viewing
|
||||||
area, you can resize the Main or Footer area and use x and y positions to
|
area, you can re-size the Main or Footer area and use x and y positions to
|
||||||
display in a different position on the screen.
|
display in a different position on the screen.
|
||||||
|
|
||||||
.. image:: /pics/theme_manager_outputlocation.png
|
.. image:: /pics/theme_manager_outputlocation.png
|
||||||
@ -119,62 +127,52 @@ You can also change the Width and the Height of the Main Area of the Footer Area
|
|||||||
When you are finished setting your Output Area Locations, click :guilabel:`Next`.
|
When you are finished setting your Output Area Locations, click :guilabel:`Next`.
|
||||||
|
|
||||||
Save and Preview
|
Save and Preview
|
||||||
|
----------------
|
||||||
|
|
||||||
.. image:: /pics/theme_manager_save.png
|
.. image:: /pics/theme_manager_save.png
|
||||||
|
|
||||||
**Theme Name:** Enter your theme name here.
|
**Theme Name:** Enter your theme name here.
|
||||||
|
|
||||||
**Preview:**
|
**Preview:** The Preview shows the choices you made when setting up the previous
|
||||||
The Preview shows the choices you made when setting up the previous pages plus,
|
pages plus, shows all the edit effects possible so you can see what the impact
|
||||||
shows all the edit effects possible so you can see what the impact is on all
|
is on all possible font colors and characteristics.
|
||||||
possible font colors and characteristics.
|
|
||||||
|
|
||||||
If you are satisfied with your selections, click :guilabel:`Finish`. If you
|
When you are satisfied with your selections, click :guilabel:`Finish`. If you
|
||||||
want to make a change, use the :guilabel:`Back` button.
|
want to make a change, use the :guilabel:`Back` button.
|
||||||
|
|
||||||
Editing Themes
|
Editing Themes
|
||||||
==============
|
==============
|
||||||
Now that you created your theme, and you show it on the projector and there is
|
|
||||||
something you don't like, you can easily Edit your theme either by clicking the
|
|
||||||
Theme Edit Button:
|
|
||||||
|
|
||||||
|theme_edit|
|
Now that you created your theme and you display it on the projector and there is
|
||||||
|
something you don't like, you can easily *Edit* your theme either by clicking
|
||||||
Or by right-clicking your theme and selecting the appropriate action.
|
the |theme_edit| Theme Edit Button or by right-clicking your theme and selecting
|
||||||
|
the appropriate action.
|
||||||
|
|
||||||
Deleting Themes
|
Deleting Themes
|
||||||
===============
|
===============
|
||||||
|
|
||||||
The Delete Button:
|
|theme_delete| Delete a selected theme or you can right-click your theme and
|
||||||
|
select :guilabel:`Delete`.
|
||||||
|
|
||||||
|theme_delete|
|
**Note:** Deleting the currently selected global theme or the
|
||||||
|
|
||||||
will delete a selected theme or by right-clicking your theme and selecting
|
|
||||||
the appropriate action.
|
|
||||||
|
|
||||||
**Note:** deleting the currently selected global theme or the
|
|
||||||
default theme is not possible.
|
default theme is not possible.
|
||||||
|
|
||||||
Exporting Themes
|
Exporting Themes
|
||||||
================
|
================
|
||||||
|
|
||||||
If you would like to transfer a theme from one computer to another, click on
|
If you would like to transfer a theme from one computer to another, click on
|
||||||
the theme you want to Export, click the last button in the Theme Manager:
|
the theme you want to Export, click the last button in the Theme Manager
|
||||||
|
|theme_export| and choose the folder you want to save your theme and click
|
||||||
|theme_export|
|
:guilabel:`OK`.
|
||||||
|
|
||||||
choose the folder you want to save your theme and click the OK button.
|
|
||||||
|
|
||||||
Importing Themes
|
Importing Themes
|
||||||
================
|
================
|
||||||
|
|
||||||
The fourth button in the Theme Manager:
|
To Import an Exported theme, click the Import button, |theme_import| and select
|
||||||
|
the folder and the theme file, and click :guilabel:`OK`. Your imported theme
|
||||||
|theme_import|
|
will be in the Theme Manager. *Import Theme* will also handle version 1 Exports.
|
||||||
|
You will need to check your imported theme since many of the values will have
|
||||||
will allow you to Import an Exported theme. Click the Import button, select the
|
been defaulted.
|
||||||
folder and the theme file, and click OK. Your imported theme will be in the
|
|
||||||
Theme Manager. Import Theme will also handle version 1 Exports. You will need to
|
|
||||||
check your imported theme since many of the values will have been defaulted.
|
|
||||||
|
|
||||||
Rename Theme
|
Rename Theme
|
||||||
============
|
============
|
||||||
@ -193,7 +191,7 @@ Set as Global default
|
|||||||
=====================
|
=====================
|
||||||
|
|
||||||
If you right-click your theme, you have the option to set the theme as Global
|
If you right-click your theme, you have the option to set the theme as Global
|
||||||
default. This option is covered in greater detail under “Configure OpenLP".
|
default. This option is covered in greater detail under :ref:`configure`.
|
||||||
|
|
||||||
|
|
||||||
.. These are all the image templates that are used in this page.
|
.. These are all the image templates that are used in this page.
|
||||||
@ -207,3 +205,5 @@ default. This option is covered in greater detail under “Configure OpenLP".
|
|||||||
.. |THEME_IMPORT| image:: pics/theme_import.png
|
.. |THEME_IMPORT| image:: pics/theme_import.png
|
||||||
|
|
||||||
.. |THEME_NEW| image:: pics/theme_new.png
|
.. |THEME_NEW| image:: pics/theme_new.png
|
||||||
|
|
||||||
|
.. |BUTTONS_OPEN| image:: pics/buttons_open.png
|
Loading…
Reference in New Issue
Block a user