Formatting code for InsertImageAboutBox


show source only

=====How to insert more images in the About box (or any other system HTML pages) of my ebook?=====

By default, the About box displays the logo of your company (you can change this logo in the //Basic Settings// tab) but if you want to **add more images** to your about box (or even any system HTML page used by your ebook like search and favorites panels), follow these steps:
First you need to figure out how to [[AboutBox modify the About box of your ebook]].

1) Ensure the image file(s) you want to add are listed in the **File Manager** (so HTML Executable will compile them into your ebook). {{image class="center" alt="screen" title="screen" url="images/abox/pic7.png"}} For example we will insert the "pengbrew.jpg" image file; note that the file is in the **root directory** of the publication (see below why).
1) Edit the HTML code of your about box (go to [[Behavior and Scripting -> System HTML pages -> About Dialog Box]]).
1) Find the place in the code where you want to insert the image and add the HTML tags: %%(HTML)<p>
What about having a custom image?
<br>
<img src="ghe://heserver/pengbrew.jpg">
</p>%%
1) Click OK to save the HTML code and compile your ebook.
1) See your new About box:{{image class="center" alt="screen" title="screen" url="images/abox/pic8.png"}}

**About the HTML code**

Actually you just need the <img src="ghe://heserver/pengbrew.jpg"> tag to display your image.
**Any file in a compiled publication can be accessed using the url scheme: ghe://heserver/ ** followed by the virtual path to the file.
Since the "pengbrew.jpg" image file was in the publication root directory, //ghe://heserver/pengbrew.jpg // is the URL to the compiled file.
If the file was in a subfolder (for example "myfolder1"), you would have used //ghe://heserver/myfolder1/pengbrew.jpg //

**Other System HTML pages**

This trick also works with other System HTML pages:
{{image class="center" alt="screen" title="screen" url="images/abox/pic3.png"}}

For example, a custom image in the search panel of a compiled ebook:
{{image class="center" alt="screen" title="screen" url="images/abox/pic9.png"}}
Valid XHTML 1.0 Transitional :: Valid CSS :: Powered by WikkaWiki