Issue #13 Added additional Formating Tags

This commit is contained in:
John Morris 2019-05-29 19:49:03 -04:00
parent 80c92e8d5b
commit 18bac42cfc
1 changed files with 90 additions and 0 deletions

View File

@ -109,3 +109,93 @@ To delete :ref:`g-formatting-tags` that you have entered click on the
**Note:** if a tag is deleted that is in use in a song or custom slide the slide
will display the tags {} without any formatting. The deleted tags will need to
be manually deleted from the songs or custom slides.
Additional useful tags to add
=============================
The :ref:`g-formatting-tags` included when you installed OpenLP provide many of the commonly used
formating Tags. The following are :ref:`g-formatting-tags` that are used by some of the
user community and may be of use to you.
The alignment Tags can be used to override the Theme formating. A common use
is to Center the Title of a song when the Theme is left justified.
The Font size up and down Tags can be used to make the Theme Font size larger
or smaller for the text between the tags. Both Tags can be combined to provide
multiple size changes.
The Font size 20pt Tag sets the font size to a specific size. The size
'20pt' is not an exact copy of what you would get in a word processor, but will
be comperable in size.
The Font name Tags, Arial and Times New Roman, will change the font used for the
text enclosed by the Tags. The Font name Tags can be combined with Color or
Formating Tags to create easily destiguishable differences on the screen. One use
could be for responsive readings.
The Paragraph with hanging text is used to indent the lines of Text after the
first line of text in a paragraph.
The Column Left and Column Right Tags can be used to create two columns of text,
each left justified.
The Image Left Tag can be used to place an image on the left side of a custom
slide. The text of the slide would be just to the right of the image. To use
this Tag, put the full path and filename between the Tags.
In Windows the path and filename would look like this:
'C:\\user\\me\\pictures\\face.jpg'.
In Linux the path and filename would look like this:
'/home/users/USERNAME/images/face.jpg'.
In OS X the path and filename would look like this:
'/System/users/USERNAME/images/face.jpg'.
.. table:: Additional Formating Tags
:widths: grid
+----------------+-----+-------------------------------------+----------------+
| Description | Tag | Start HTML | End HTML |
+================+=====+=====================================+================+
| Align Left | al + <div align="left"> | </div> |
+----------------+-----+-------------------------------------+----------------+
| Align Center | ac + <div align="center"> | </div> |
+----------------+-----+-------------------------------------+----------------+
| Align Right | ar + <div align="right"> | </div> |
+----------------+-----+-------------------------------------+----------------+
| Font size ˄ | fu | <big> | </big> |
+----------------+-----+-------------------------------------+----------------+
| Font size ˅ | fd | <small> | </small> |
+----------------+-----+-------------------------------------+----------------+
| Font size 20pt | f20 | <span style="font-size: 20pt"> | </span> +
+----------------+-----+-------------------------------------+----------------+
| Arial |arial|<span style="font-family:arial;"> | </span> |
+----------------+-----+-------------------------------------+----------------+
| Times New |times| <span style="font-family: | </span> |
| Roman | | times new roman;"> | |
+----------------+-----+-------------------------------------+----------------+
| Paragraph with | phg | <div style=" padding-left: 2em; | </div> |
| hanging test | | text-indent: -0.5em; | |
| | | adding-left: 2em; | |
| | | padding-bottom:0.1em; margin:4em; | |
| | | float: left; "> | |
+----------------+-----+-------------------------------------+----------------+
| Column left | cl | <div style="position:absolute; | </div> |
| | | margin-left:0%> | |
+----------------+-----+-------------------------------------+----------------+
| Column right | cr | <div style="position:absolute; | </div> |
| | | margin-left:50%> | |
+----------------+-----+-------------------------------------+----------------+
| Image Left | il | <div> <img src="file:/// | "style="float: |
| | | | left;margin:0; |
| | | | padding:0; |
| | | | height:240px; |
| | | | width:320px; |
| | | | border:5px |
| | | | solidwhite;"/> |
+----------------+-----+-------------------------------------+----------------+