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
|