HTML Executable Wiki : InsertImageAboutBox

HomePage :: Site News :: HTML Executable Homepage :: Glossary :: RecentChanges :: Login/Register

Revision [81]

Most recent edit made on 2008-07-15 14:56:39 by GdgAdmin

Additions:

  1. Edit the HTML code of your about box (go to and Scripting -> System HTML pages -> About Dialog Box).


Deletions:

  1. Edit the HTML code of your about box (go to Localization -> System HTML pages -> About Dialog Box).




Revision [35]

The oldest known version of this page was edited on 2006-06-19 20:43:24 by GdgAdmin

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 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). screen 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).
  2. Edit the HTML code of your about box (go to Localization -> System HTML pages -> About Dialog Box).
  3. Find the place in the code where you want to insert the image and add the HTML tags:
    <p>
    What about having a custom image?
    <br>
    <img src="ghe://heserver/pengbrew.jpg">
    </p>
  4. Click OK to save the HTML code and compile your ebook.
  5. See your new About box:screen

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:
screen

For example, a custom image in the search panel of a compiled ebook:
screen
Valid XHTML 1.0 Transitional :: Valid CSS :: Powered by WikkaWiki
Page was generated in 0.2590 seconds