HOW TO INCLUDE -
A background image in your templatename - inside the $title table:

1-  Open you default.html file ( this file is located in your themes/YOURTHEMENAME/blocks+ folder )
     and make the necessary adjustments in the overall table width
     (at present is set at 160 pixels )
     Save this file as mastertemplate.html
  

2-  Save and close the default.html file.
    Open the mastertemplate.html
    Look the width and the height of the $title table:
    if for i.e. the measurements are  160x30 pixels

3- then via your imaging editor create an image 160x30 pixels
    once the image is formed ( for reference we name it  login.gif )

4- Save and upload the login.gif  into the themes/YOURTHEMENAME/images/ folder

5- Go back your  mastertemplate.html and include in the $title table
    the login.gif  AS BACKGROUND IMAGE.
  
 If you don't use the login.gif  as background the block's title WILL NOT BE DISPLAYED.

    When testing the block If the image is not displaying,  maybe because you included the incorrect url for image:
    normally the url should be for i.e.
   
    themes/YOURTHEMENAME/images/login.gif
  
6- Once included the image save the file as for example  login.html (more reference below)
    then upload in your themes/YOURTHEMENAME/blocks+ folder the login.html file.

7- Repeat sequence from note 2 to 6 for each template you create and to be allocated for a particular block.
   I would recommend to name each image and html file with the same name as the block denomination:

      EXAMPLES:
      BLOCK NAME= LOGIN        IMAGE=login.gif       TEMPLATENAME=login.html
      BLOCK NAME= SEARCH    IMAGE=search.gif    TEMPLATENAME=search.html
      etc.

HOW TO ALLOCATE - A templatename (html file) to a block.

8-  Follow  the installation as per instructions.txt,  then go in your  portal administration menu :

9-  Click on the blocks link, once entered in that administrative section select a NON ACTIVE  block
    or select a block visible for the ADMIN ONLY ( this for testing purposes )

10-  If for i.e. you selected the login block  allocate for this block the templatename login.html
      Therefore select the template name name via the scrolling form next the
CURRENT TEMPLATE
      Save the settings and verify

11- Go back in your portal front page and see if that block as changed interface.

11- If all ok now you can allocate the remaining blocks by repeating the sequence from 9 to 11.
     

HOW TO INCLUDE - A background image in your templatename  - inside the $contents table:

12- You need an image capture program like for i.e. Snagit ,
     (or any other similar program) to be able on capturing screen section.

13- With Snagit (running on minimized mode) go in your portal admin page
     activate for the ADMIN ONLY the block that you want include the background image
     in the $content section. Once activated  highlight the entire block in question and save the captured image.
     The captured image file should be similar to this : (obviously with different title name)


              Ref.1

 

14-  With your image editor open the captured image and crop the entire title section ( in this instance the entire TOPICS
      blue background area ) and wipe out the content in the +Your content area ( please see Ref.2 below )


                                                            Ref.2


 

15 - You final section should be similar to this :

 



        Ref. 3


16- Still within your image editor program (and referring to your image now similar as per above Ref.3 picture ) paste in that section,
     the image that you intend to use; save and upload the file in your themes/YOURTHEMENAME/images folder.

17- Now with your html editor open the templatename html file that you assigned for that block
     and in the $content table proprieties include your image AS A BACKGROUND,
    
( if you don't include the image as background you are unable to see the content of that block,
     +  don't forget to give the correct url location of that image file )

18- Repeat sequences from 12 to 17 for each block that you may want include the background image in the $content section.

LASTLY the default.html and template1.html,( both files included in the block+ folder ) are very simple html files without any inclusion
of background images or scripts.


With compliments

From Antonio
from htttp://www.albini.net