When I see a site that I like, I find that I almost always see one thing, one or two elements of the page that stretched all the way across the screen.. Usually this was the header, and often it contained the site navigation. It's not that EVERY site that I found pleasing incorporated this element, but a lot of them did, and since I was an iweb user, this bothered me, because iweb lacked this capability.. IWeb provides you with long lanes across the right and left of the screen going up and down, like on a bowling lane. You're pretty much stuck with them.
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 screen, with an element stretching all the way across?
Well, I did it, and it worked. (After I messed around with the size of the bar and the photo for about an hour!) Here's how I accomplished it:
First of all, so you can see what I'm talking about, the site I used it on is here: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 it's done. Before I start, I should tell you that I don't use iweb's navigation bar. 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 info on the background image.
1. I created an image, using photoshop. You don't have to use photoshop, as you can probably create this same image in any graphics program. Or, you can just steal mine. 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.
Anyway, there you have it. Enjoy your wonderful looking thingamabob that stretches all the way across your computer monitor.
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! Things will cover are: Great, flash slideshows for iweb, how to add meta-tags (like title, dscriptions, and keywords,) 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.
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 screen, with an element stretching all the way across?
Well, I did it, and it worked. (After I messed around with the size of the bar and the photo for about an hour!) Here's how I accomplished it:
First of all, so you can see what I'm talking about, the site I used it on is here: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 it's done. Before I start, I should tell you that I don't use iweb's navigation bar. 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 info on the background image.
1. I created an image, using photoshop. You don't have to use photoshop, as you can probably create this same image in any graphics program. Or, you can just steal mine. 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.
Anyway, there you have it. Enjoy your wonderful looking thingamabob that stretches all the way across your computer monitor.
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! Things will cover are: Great, flash slideshows for iweb, how to add meta-tags (like title, dscriptions, and keywords,) 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.
Source...