Expanding & Scrolling IM Letters - Tutorial 14

Scrolling Background (Vertical)


By LismibaebisCreations
3 February 2011 - revised October 2014

Art by ©Nadezhda Strelkina
License ID#B_3216
Used according to license terms at the time of purchase

The Scrolling Background Script is by Jo Jetler and was available at www.jetler.com.
The website was closed a few years ago and the script can be downloaded here.

Skill Level: Intermediate/Advanced


Paint Shop Pro - I used X2
Letter Creator
Power Archiver

Image of choice

Choose a Sideborder Tutorial
(I think my Stairway to Heaven SB Tutorial is particularly nice for this scrolling script)

Letter Code
SB_Code_LB_Oct14.txt, available here

BG_scroll_vertical.txt, available here

Performance Notes
This tutorial is in 4 parts:
- Preparation
- Sideborder Letter
- Change Coding
- Make new .imf letter

The settings for different Tools and Effects will stay the same throughout the tutorial, unless new setting instructions are given

Don't forget to save your work often

arrow Click on the arrow and drag it to mark the progress on this page.


1) Start > Documents

2) Open your Scrolling Letters Folder

3) Make a folder for your new letter
Save all the images and files you will create to this folder

4) Download the Letter Code and Script, unzip and save to your Lesson Folder

Sideborder Letter

5) Paint Shop Pro:
Make a "normal" Sideborder image

6) Letter Creator:
Make your LC file according to instructions in Lesson 5
set your Margins as follows:
Top = 10
Left = adjust to your Sideborder image, about 10 - 20px to the right of your tube or mist
Right = 10 - 30

7) Extract the files according to instructions in Lesson 5

Change Coding

8) In HTML-Kit:
File > Open File
Look for the Flavor.htm file

9) Delete all code starting with the first Screenshot
(The text below the pink arrow)


10) SB_Code_LB_Oct14.txt

11) Edit > Select All
Edit > Copy

12) HTML-Kit:
Edit > Paste into the empty space

13) Make changes to the Flavor.htm code according to instructions in Lesson 3 in the Footer area, don't forget to add the link to the PSP Tutorial you may have used for the Sideborder image

14) Open BG_scroll_vertical.txt

15) Choose either the upwards
the downwards scrolling version and highlight from

16) Edit > Copy

17) HTML-Kit:
Look for this area in the code


Edit > Paste
(before Screenshot)

18) If you want to change the scrolling speed look for this in the code:


A number higher than 32 will make it slower, a number lower than 32 speed it up.
Do not change anything else in the code!

Make new .imf Letter

19) Make new .imf file according to instructions in Lesson 9

If you have any questions, please email Lismibaebi at gmail.com.

Link to previous Lesson Lesson Plan Link to next Lesson