Expanding & Scrolling IM Letters - Tutorial 3

Adjust Code for Expanding Letters


By LismibaebisCreations
27 June 2011

Skill Level: Intermediate/Advanced

IMSOM has kindly given me permission to use their code for the lessons in this group.
I have made some adjustments to that code.


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


There are some changes you can make to the code, which will make it easier to use in the future.
I suggest that you save the file for all future expanding letters after making these changes.

You will have to adapt the footer code with every letter you create according to the instructions in this lesson.
All other changes (excluding footer area) to every letter you create are explained in Lesson 6.



Needed

Code
ExpandingLBAug2014.txt, available here



Let's start

1) Download, unzip and save ExpandingLBAug2014.txt to your Lesson Folder

2) Open ExpandingLBAug2014.txt

3) Replace
YOUREMAILADDRESSat.COM
with your email address
and
YOURNAME
with the name you want to use

Screenshot

4) File > Save As
Give it a name you can easily identify later
You will use this adjusted code for all future Expanding Letters



divider

Changes you have to make with every new letter:

5) If you want another font for your footer, replace Trebuchet MS with font of your choice
(You find it towards the bottom of the code)

Screenshot

6) Replace
ARTIST'S_WEBLINK
with link to the artist's website.
Replace
ARTIST'S_NAME
with name of artist used

Screenshot

7) Replace
ARTIST'S_TERMS
with link to the TOU of the artist used

Screenshot

If there is no link to insert, just use the text:
Used according to Terms Screenshot
Of course only, if you are indeed using the TOU (Terms of Use) of the original artist (not the tuber unless original artist and tuber are the same person!)

If you use an image with a personal permission:
Used with written Permission Screenshot

If you used an image with Group permission:
Used with Group Permission Screenshot
and link the word Group to the group

8) If you used your own image,
replace artist info and TOU with:
Image: ©NAME_AND_YEAR Screenshot
Replace
NAME_AND_YEAR
with your name and the current year

Example of my footer, making letter with my own photograph, available here
Example of my footer, making letter with an image used with "General Permission", available here
Example of my footer, making letter with an image used with "Personal Permission", available here
Example of my footer, making letter with an image used with "Group Permission", available here
If you can't see the codes, download the zipped file.

9) Replace
FONTNAME
with
name of font you used for your letter

Screenshot

10) Replace
DATE
with
the current date, it might be month and year, or day, month and year

Screenshot

11) You might wish to add more text to the footer. Just remember to add Screenshot at the end of every line
(or it will later be visible as one long string of words only)

12) If you want to add an image to your footer, insert this code:

Screenshot

Replace 2011.jpg with name of your image.
Replace 220 and 56 with width and height of your image.

13) In the code a box for the footer text is included

Screenshot

Your background may be very busy and your footer text hard to read.
The box for the footer offers an easy solution.

If you do not want a background for your footer text, make the following changes:
- Change the border width to: border="0"
- Change bordercolor to: borderColor=""
- Change background to: background=""
- Change cellSpacing to: cellSpacing="0"
- Change cellPadding to: cellPadding="0"

14) How to make the background:
In PSP open a new file 10x10px and flood fill with your textbox color,
lower opacity as desired
and export as a .png file
(I named my file bgfooter.png).

15) The changes you need to make:
- Change borderColor="#675736" to a border color of your liking
- Change background="bgfooter.png" to your file name

16) You are allowed to make changes to:
- width: 50%
- border="3"
- cellSpacing="1"
- cellPadding="7"


While it might sound complicated to begin with to make the changes to the footer in the code only, it is much easier once you get the hang of it than doing it in Letter Creator.
I have a .txt file with the artist names and TOU lines of the artists I use, so I can copy and paste when I need them, which makes it so much easier.



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



Link to previous Lesson Lesson Plan Link to next Lesson