This commit is contained in:
Wesley Stout 2011-08-29 14:11:10 -05:00
commit 2194fda6eb
29 changed files with 79 additions and 69 deletions

Binary file not shown.

Before

Width:  |  Height:  |  Size: 892 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 666 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 822 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 638 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 628 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 22 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 20 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 31 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 23 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 63 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 32 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 32 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 33 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 32 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 23 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 150 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 985 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 15 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 25 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 28 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 27 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 22 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 35 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 20 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 24 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 32 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 36 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 157 KiB

View File

@ -5,53 +5,57 @@ 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.
.. image:: /pics/thememanager1.png .. image:: /pics/theme_manager_main.png
Creating New Themes Creating New Themes
=================== ===================
Click the :guilabel:`Create Theme Icon` to Create a new theme |theme_new| **Create a new theme:** This will bring up the *Theme Wizard*
.. image:: /pics/createthemeicon.png .. image:: /pics/theme_manager_wizard.png
This will bring up the `Theme Wizard`
.. image:: /pics/themewizardwelcome.png
Click :guilabel:`Next`. You have 3 choices in the drop down menu for Background Click :guilabel:`Next`. You have 3 choices in the drop down menu for Background
type: Solid Color, Gradient, or Image. type: Solid Color, Gradient, or Image.
.. image:: /pics/themewizard1.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/themewizard2.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/themewizard3.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/themewizard4.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.
.. image:: /pics/themewizard5.png .. image:: /pics/theme_manager_mainfont.png
**Font:** Choose the font you would like to use from the drop down. **Font:** Choose the font you would like to use from the drop down.
@ -69,114 +73,105 @@ 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
CCLI License are displayed. CCLI License are displayed.
.. image:: /pics/themewizard6.png .. image:: /pics/theme_manager_footerfont.png
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.
.. image:: /pics/themewizard7.png .. image:: /pics/theme_manager_textalign.png
**Horizontal Align** the text to the Left, Right or Center of the screen. **Horizontal Align:** the text to the Left, Right or Center of the screen.
**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/themewizard8.png .. image:: /pics/theme_manager_outputlocation.png
You can also change the Width and the Height of the Main Area of the Footer Area. 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/themewizard9.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:
.. image:: /pics/themeeditbutton.png 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`.
.. image:: /pics/songs17.png **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 |theme_export| and choose the folder you
want to save your theme in and click :guilabel:`OK`.
.. image:: /pics/themeimportexport.png
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 a theme that has been previously exported, click the import button
|theme_import| and select the folder and the theme file, and click :guilabel:`OK`.
.. image:: /pics/themeimportexport.png Your imported theme will be entered in the Theme Manager. *Import Theme* will
also handle version 1 Exports. You will need to check your imported theme since
will allow you to Import an Exported theme. Click the Import button, select the many of the values will have 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
============ ============
@ -195,4 +190,19 @@ 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.
.. |THEME_DELETE| image:: pics/theme_delete.png
.. |THEME_EDIT| image:: pics/theme_edit.png
.. |THEME_EXPORT| image:: pics/theme_export.png
.. |THEME_IMPORT| image:: pics/theme_import.png
.. |THEME_NEW| image:: pics/theme_new.png
.. |BUTTONS_OPEN| image:: pics/buttons_open.png