Theme is, so to say, a group of styles such as fonts applied to the content prepared in editor, and the method for alignment and the before and after margin of an element. Just like you edit each element in editor, you can use the theme to decorate the styles on the basis of elements and character types.
3Rabbitz Book can completely separate the content prepared in editor from the styles set by the theme. As a result, the following results can be obtained.
Without changing the content, you can simply change the theme to give an effect of changes to the looks.
Once you created a theme, you can reuse it many times for other books.
You can easily maintain the consistency in the styles of one or multiple books.
And, 3Rabbitz Book can classify themes into two types.
- Web
Theme used for creating Web Viewer and EPUB1.
Theme used for building a PDF.
In the <Style | Theme> menu, you can perform the tasks related to themes.
The <Theme> menu is only visible to a user with the “Create Style” role.
Creating a Theme
You can create a theme in the following order.
When you install the 3Rabbitz Book, the “Basic Web Theme” and the “Basic PDF Theme” will be automatically created.
In the upper area of the theme list, click on the <Create Theme> link.
After entering the basics, click on the <Save> button in the lower left corner.
As the font and the numbering format are different, you need to create a theme for each language.
Once you have created a theme, you can’t change the type.
Editing a Theme
You can edit a theme in the following order.
In the theme list, click on the theme name you want to change the style for.
In the left menu, select an element type or character type that you want to set the style for.
After changing the style, use the “Preview” function to see the results ahead of time.
Click on the <Save Now> button to save the changes.
If you change the style, the preview will appear in the bottom as follows.
Depending on the language selected when creating a theme, the content of preview will appear differently.
English, Korean and Japanese are supported.
Table of Contents and Index are displayed in English regardless of your language selection.
The preview may show differently with the outcome of export.
In case of PDF Theme, the preview is provided by a image file so that the fonts not supported by the web browsers can be processed. So, it may take a long time for the preview to change.
Click on the <Save Now> button to save the changes. Even if you use the Preview, when you select another item or move to another screen without saving, the changes you made will not be reflected.
Tips for Style Setting
Fonts
Setting a font in Web Theme is different with setting a font in PDF Theme.
Selecting a Font in Web Theme
Setting a font in Web Theme means that you are declaring which font on your computer will be used for your Web Viewer.
If the font declared in your Web Theme does not exist on the computer, then the basic fonts for your web browsers will be used. So, it is desirable to set your font by considering many OS as follows.
Arial, Helvetica, LiberationSans, sans-serif
The above is a list of English fonts with similar shapes existing on Windows, Mac OC and Linux.
3Rabbitz Book provides a list of fonts most frequently used.
Arial, sans-serif
Arial, Helvetica, sans-serif
Verdana, Arial, Helvetica, sans-serif
'Lucida Grande', Arial, Verdana, sans-serif
'Lucida Grande', Tahoma, Verdana, Arial, sans-serif
Georgia, 'Times New Roman', Times, serif
Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace(코드용 글꼴)
굴림, Gulim, sans-serif
돋움, Dotum, sans-serif
궁서, Gungsuh, serif
바탕, Batang, serif
'맑은 고딕', 'Malgun Gothic', 굴림, Gulim, sans-serif
'맑은 고딕', 'Malgun Gothic', 돋움, Dotum, sans-serif
Beside what is provided by 3Rabbitz Book, you can enter your own font.
Selecting a Font in PDF Theme
Selecting a font in PDF Theme is an activity to select a font that will be embedded in a PDF file itself. So, you must always pay attention to the license pertaining to the font.
PDF file embeds the font itself, so regardless of the OS, you can see the desirable shapes no matter where you are.
So, only the fonts registered in PDF Font can be used for setting in PDF Theme.
Element
Alignment and Hyphenation
In PDF Theme, if you select “Alignment to Both Sides(Justify)” then you will have set Hyphenation option. For more details, please refer to PDF Hyphenation.
Separating Each Element
The most frequently used way to separate elements is shown as follows.
- Indenting the first line of an element
By indenting the first line, you can separate an element. You can reduce the number of pages and the costs for paper while printing a document.
- Adding margins before and after an element
You can give margins before and after an element to distinguish elements.
In most cases, a PDF version of novel or essay uses the first method mentioned above. In case of technical books, both methods can be used.
To the contrary, as the second method provides improved readability on the web, you are recommended to use the second method on the web.
Margins Before and After an Element
The space between elements is not the sum of margins before and after each element, but it is the greater of two. For instance, assuming you have the following element configurations,
Heading 1 (Margin before an element: 0, Margin after an element: 3) Heading 2 (Margin before an element: 1, Margin after an element: 2) Normal (Margin before an element: 0.5, Margin after an element: 0.5)
The space between Heading 1 and 2 is 3, while the space between Heading 2 and Normal is 2.
Indentation
You need to refer to the following when you set indentation.
If you enter a value less than zero for indentation, then outdentation will be used, instead.
If you enter a value less than zero for the right and left sides, then the element width will be widened.
Border and Background Setting
You can set borders and backgrounds for your heading, code, command, preformatted, blockquote, epigraph, note, tip and caution.
Border
You can set the border in the following order.
Select an element type that you want to set the border for and click on the <Border> menu.
Select your Line Style, Color and Thickness.
Click on the top(), bottom(), left(), and right() buttons to set the line.
Click it once more, the line will be deleted.
After checking the Preview, click on the <Save Now> button.
Give it a sufficient padding so that the border maintains a sufficient distance from the content on the page.
Background
You can set the background color and image.
Transparent PNG images are supported.
Refer to the following steps when you set the background image.
Using “Position X” and “Position Y”, set the position of your background image.
Position X: The left most side is set to 0.
Position Y: The upper most side is set to 0.
Select the “Repeat Type”.
No repeat
Repeat Vertically
Repeat Horizontally
Repeat
Numbering
You can assign numbers to your heading, ordered list, unordered list, figures and tables. For more details, please refer to Numbering.
Regarding the em, px, pt Units
Selection of units can greatly affect your value setting. Please refer to the following issues when selecting a unit.
Web Theme uses px and em units while PDF Theme uses pt and em units.
em
A value is determined depending on the font size set in the General. For instance, if we assume that the value in the General is 10px, then 1em will have 10px and 1.1em will have 11px and 0.9em will have 9px.
This unit can be used for both Web Theme and PDF Theme. A value can be set in the following ways.
Compared to the normal element’s font size, heading 1 is twice bigger, heading 2 is 1.7 times bigger, heading 3 is 1.5 times bigger, heading 4 is 1.2 times bigger and finally heading 5 is same as the normal element’s font size.
The font size for a code element type is 0.9 times smaller than the font size of a normal element.
Margins before and after an element, line spaces, first line indentation can be set in proportion to the font size.
px(pixel)
It has a relative size depending on the display device such as your monitor. It can be used for Web Theme only.
pt(point)
It has a fixed size as it is related to actual printing. It can be used for PDF Theme only.
Main Guide for Each Item
The main items used to set the styles for elements and character types are shown as follows.
Item | Description |
---|---|
General | Set the base style that can affect the entire theme. |
Text | Set the style for text element types. There is no need to set the style for a proofreading element displayed only in editor, so it does not appear in the list. |
Figure | Set the styles for figure elements. |
Table | Set the styles for table elements. |
Object | Set the styles for object element. You can set Table of Contents, Index and Blank Page in PDF Theme only. |
Character type | Set the styles of character types and links. There is no need to set the style for a proofreading character type displayed only in Editor, so it does not appear in the list. |
Depending on each item, different styles can be set. Your Heading, Ordered List, Unordered List, Definition List, Figure, Table, Table of Contents, Index and Footnote are composed of many lower ranked items.
General
You can set the base style that can affect the entire theme.
Font, Heading Font, Code Font
If you use too many fonts or just one font in one document, the overall readability is degraded. The most adequate number of font types used in one document is two or three although it can be affected by a document type or the characteristics of readers.
With a small number of fonts, you can vary the font size, color or style to overcome the boredom of simplicity.
So, to achieve the most adequate combinations of fonts, you need to use different fonts for the titles and the main text. Additionally, you can set the code fonts for code elements and character types that must use a fixed width.
Font Type | Scope of Application |
---|---|
Heading Font | It is used for Heading 1~5, Headlines, Figure captions, and Table captions elements. If it is not set, then font set in “Font” will be used. |
Code font2 | It is used for code, command elements and code character types. If it is not set, then font set in “Font” will be used. |
Font | It is used for other types of elements and characters. |
If necessary, you can set different fonts for each item.
Font Size
The font size set in the General becomes the basis for values using ‘em’ units in individual items.
Text Element
You can assign numbers to your Heading, Ordered List and Unordered List.
You can set the border and background for your Headings, Codes, Commands, Preformatted, Blockquotes, Epigraphs, Notes, Tips and Cautions.
Figure Element
You can set the figure caption side to “Top” or “Bottom”.
If you change the figure caption side, you will have to set the top and bottom margins again.
If you want the width of your figure to be greater than the text element, then you will have to set the “left” and “right” margins to a value smaller than zero.
Once you have set it like this, you are recommended to set “Justify(Alignment to Both Sides)”.
Table Element
You can set the table caption side to “Top” or “Bottom”.
If you change the table caption side, you will have to set the top and bottom margins again.
The value set to your table header, table header rows and table header cells will also be applied to the table footer row.
Object Element
Table of Contents
You can set this only in PDF Theme.
Although the preview does not show it, there will be dotted lines seen between the title and the page number in your PDF file.
Index
You can set it only in PDF Theme.
Column Count: Enter a column count to be used in Index list.
Name/Page Separator: Enter a separator between Index names and page numbers. The default is set to a comma and one empty space(", ").
Footnote
In a PDF file, it is used as a footnote while in Web Viewer and EPUB file, it is used as an endnote below a chapter.
You can draw a line between the main text and the content.
Only solid lines are supported.
Space
Height: If you have not set the height when you add an object in editor, the margin with the value set here will be added.
Blank Page
You can only set it in PDF Theme.
Label: It is used to add the message, “This Page Intentionally Left Blank”.
Horizontal Line
Only solid lines are supported.
Character Types
Refer to the following when you set character types.
You are recommended to select “Inherit” as your font. If you do so, then the font set for the element type will be used when a character type exists in both the Heading 1 and Normal elements.
You are recommended not to set the font size or set as 1em. If you set an arbitrary value with px or pt, then the size may not be in harmony with the element type.
- Technically speaking, EPUB is a group of HTML files. So, you do not create an additional EPUB Theme but use Web Theme instead.
- A fixed width font should be used.