Modifying the Grid Script

Several people have modified or have asked about modifying the Grid Letter & Photo script. Here are a couple of tips to follow when making changes to the color and width of the grid lines or when adding or removing backgrounds.

<DIV id=top1 style="visibility:hidden; width:0px; HEIGHT: 2px; LEFT: -1800px; POSITION: absolute; TOP: 0px; font-size:1px; line-height:1px; background-color:#000000" >&nbsp;</DIV>

<DIV id=bottom1 style="visibility:hidden; width:0px; HEIGHT: 2px; LEFT: -1800px; POSITION: absolute; TOP: 0px; font-size:1px; line-height:1px; background-color:#000000" >&nbsp;</DIV>

<DIV id=left1 style="visibility:hidden; width:2px ; HEIGHT: 0px; LEFT: -1800px; POSITION: absolute; TOP: 0px; font-size:1px; line-height:1px; background-color:#000000" >&nbsp;</DIV>

<DIV id=right1 style="visibility:hidden; width:2px ; HEIGHT: 0px; LEFT: -1800px; POSITION: absolute; TOP: 0px; font-size:1px; line-height:1px; background-color:#000000" >&nbsp;</DIV>

These four <DIV> elements above create the top, bottom, left, and right grid lines. Change their colors by specifying your own color value indicated in the blue text. Their width and height can be changed too.

Sometimes the letter text will not show so well over a busy screen backround. In this case, make the letter background itself a solid color. To do this, make the added change indicated below and select a background color of your choice. This will only effect the letter background and not the general screen background.

<DIV id=letter class=letterStyle style="filter:revealTrans; visibility:hidden; overflow:hidden; width:350px; HEIGHT: 2000px; LEFT:0px; POSITION: absolute; top:0px; background-color:#ffffff">

I Hope this helps those who wish to play a little with the script.