Expanding & Scrolling IM Letters - Tutorial 14

Scrolling Background (Vertical)


Screenshot

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



Needed

Programs
Paint Shop Pro - I used X2
Letter Creator
PeaZip
HTML-Kit
Power Archiver


Image
Image of choice


Sideborder
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


Script
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.


Preparation

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
BUT
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)

Screenshot

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
OR
the downwards scrolling version and highlight from
Screenshot

16) Edit > Copy

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

Screenshot

Edit > Paste
(before Screenshot)

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

setInterval"jetscroll",32

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