Adding A Top Border to iWeb

When I looked at websites that I liked, I almost always found one common characteristic, one or two elements of the page that reached all the way across the screen.. Very often this was the header, and sometimes it was the footer, and it often contained page navigation. It's not that EVERY site that I found attractive incorporated this element, but many good ones did, and since I was an iweb user, this bothered me, because iweb lacked this capability.. Iweb gives you blank space down the right and left of your screen, and you're pretty much stuck with it.

This was a problem I had pretty much given up on until I had an idea. I thought, what if I put in a background image that was wider than the monitor, with an element stretching all the way across?

Success! (After I messed around with the size of the bar and the photo for about an hour!) So, I'm going to tell you how I did it.

Firstly, if you want to see what I'm talking about, go to the site I did it on: slstransportation.com

See the black bar at the top of the screen, where the navigation is? That's the top part of .jgp that you see. You actually see the whole .jpg on the rest of the screen. It's white, so it looks like nothing.

Here's how you do it. I should tell you that I don't use iweb's navigation bar. I set each page to not show in the navagation bar, and I make my own navigation menu. I'll talk about that in another post. I make my own, and I'll tell you how to do that in another post, if you don't know how. First, here's the skinny on the background image.

First, create an image using photoshop or some other graphics program. If you want, you can just HAVE the image that I used on this site. It's here: http://www.slstransportation.com/Home_files/Image%20Background%20for%20SLS%20line%20copy2.jpg

2. This image is 1600 x 3000. You can make the bar (or whatever you want to add) to your taste.

3. Next, go to iweb, and at the bottom, click on the inspector icon.

Go to the page tab and go to "layout."

5. At the bottom, where it says "Browser Background," use the drop down menu to select "image fill."

Make sure to "tile" the image.

I don't know why you have to tile it. I would think it would be "full size," but, go figure.

Voila! It should work. (Famous last words in the world of technology.) If it doesn't scream and curse and mess with it for three hours like you have nothing better to do. That always works for me.

Make sure to look out for more articles on how to do things in iweb that you want to accomplish, but couldn't figure out. All the stuff that took me days to work out can take you as long as it takes to read one of my articles! We'll cover adding flash-like slideshows to iweb, adding the title, description, and keywords tags how to add alt tags to your images, how to do off site for SEO for your iweb site, how to use "readable fonts" that search engines can understand (lots of the fonts in iweb turn into images that search engines can't read. And there's lots, lots more that I have to show you about iweb, so make sure to go to my site, All About iWeb below.

Iweb is a great, simple and easy tool, and with a little tweaking and some know how, you can make great, professional-looking websites that rank very high in search engines.

SLS Worldwide - Limousine service New York, Limousine Service Los Angeles, Limousine, town car, and airport shuttle nationwide

All About iWeb

Music Lessons Los Angeles