Welcome to my Portfolio at Red Rose Web Design
Lesson 5 Side Borders without the "blank.gif"
I know it's close to Christmas but I felt like making something cute and having a sister and a sister-in-law that are both having girls in February all I can think about is baby things and looking at all the baby toys, commercials, clothes, etc...
I have two boys 18 and 13 that drive me crazy and when I get days like these when I want to hold a baby again I just hang around my boys and say to myself I am nuts to even think of having another child lol!
This Webset Consists of:
•Design a Webpage using a Side Border
•Duplicate this page without using the Blank.gif
To create my side border the first step was to make
my Side Border Strip:
I went into my graphics program and opened up a New Image the size of 1600x432 pixels and flood filled a color that is my background color to match my header image. Then to make the graphic on the side I added a decorative tube lace and 2 tube baby booties that I put onto the left side of the Border Strip... (making sure the booties were spaced out even) from there I hid my background color - layers- merge visible the lace and 2 booties and copied and pasted as a new image put that aside go back and unhide the background color - Merge all layers and Save.
Now going back to the copied pasted image we are now able to get the *width size (see screenshot). The reason that we need the width size is so that the words don't wrap onto the side border image. My width size is 184, but now to make sure that my sentences or anything I add within my page is centered and not overlapping the side image border making it difficult for you to read.
So how do we do this? Well we have to make a "blank.gif" by taking the width size x 3 pixels and creating a new image with this size and save as a GIF but even though we have the correct size of the border image width we still need to add a few more pixels to the width so that it is correctly centered. If you look at both ends you will see that I have space on my left that is not overlapping the border image and you will also see that the words are not dead end to the scrollbar...so the blank gif that I had to make after playing with various sizes the end results for my blank.gif is 210x3 pixels.
I hope that you enjoyed Lesson 5
Please feel free to "Contact Me"
Designed by AngelAD taught by "Red Rose Web Design 2007"