This Scrippy shows how you can use a transparent gif to force text to wrap around a corner graphic that is outside a message area, which in this case is the bear graphic.

 

First, I inserted a background,  using this orange textured graphic.  Then I inserted a top border scroll and a left border scroll.  The reason I use these, rather than  positioned scrolls, is because when I enter my message area, it will be placed inside the scrolls, rather than over them as it would be if I used positioned scrolls.  Using the top and left border scrolls sets the top and left margins for you.  When you open up this SSC file, you can click on the buttons to see what the graphics look like that I used for the scrolls.

 

Next, I wanted to add a corner graphic that will cover up the seams where the top and left border scrolls meet.  I inserted a positioned image and set the horizontal position 0 pixels from the left and the vertical position 0 pixels from the top.  Again, you can click on the button to see the graphic I used.  

 

Next, I insert a message area .. with the top and left margins set at zero.   When you type in some text, you'll notice that the message area is inside the top and left border scroll.  The only thing I need to set is the right and bottom margin as needed.   Up to this point, this Scrippy is now a seamless corner stationery that will automatically expand with the amount of text entered in the message area.

 

 

 

 

Now I want to add the bear graphic in the top, left corner, so I insert a positioned image.  The horizontal position is 0 pixels from the left and the vertical position is 0 pixels from the top.

 

The easiest way I've found to determine the size of the transparent gif I need in the message area, so the text will wrap around the graphic, is to take a PSP screen shot of the top corner of my Scrippy,  which is the graphic below.  To make it easier for you to see what I've done, I entered some text in the message area before taking the screen shot.   In PSP, I selected the area of the graphic that I want the text to wrap around, indicated by the marching ants in the graphic below.  Once selected, I just copied it and then pasted it back into PSP.  I flood filled it with a solid color and made a transparent gif out of it.

 

 

 

Now I go back to the message area in Scrippy.  I put my cursor at the top, left hand corner of my message area and then insert the transparent gif by clicking on Insert > Picture.   Before exiting the select picture window, I tell Scrippy to flow the text past the right side of the graphic so that you end up with your text wrapping around the corner graphic as it does on this one.  If you need to fine tune your spacing around the graphic, you can adjust the message area margins.

 

The last thing I did was add a positioned image for the "Good Morning" text.  The horizontal position was set at 400 pixels from the left and the vertical position at 0 pixels from the top.

 

 

CLICK HERE TO DOWNLOAD THE SSC FILE

 

Return to Advanced Examples