10 Jun 2011

Day 10 – Finding our way around an iWeb site

No Comments 21 Days

Using the default navigation bar in iWeb has long been one of the biggest bugbears for iWeb users. Yes, it makes the job incredibly simple and adds the pages to your nav-bar as you create them and they are always in the same place on every page so they ‘continuity’ box is ticked but a user is unable to customize it to meet their needs.

You can’t do anything to the font or the colors so even if you did want to make even the tiniest of tweaks to your site you can’t. That is because the font and its colors are hard-coded within the theme code itself. I have a chapter explaining how you can edit the default navigation bar in my eBook, How to Design and build iWeb Themes. Read more

31 Aug 2010

How to add a drop-down navigation bar to iWeb

42 Comments Tutorials

If I had a pound for every time I had been asked this question I would, without doubt, be a rich man by now. The one thing that all iWeb users seem to want to know is how to add a drop-down navigation bar to the top of their iWeb sites.

We all know that the standard nav-bar that is built into iWeb does a job. It’s functional and easy to create, but only sticks to one level; that’s it. In addition, as it is built from javascript it isn’t the most search engine friendly navigation bar in the world.

The reason this tutorial has been so long coming is simple. I wanted to wait until I could work out an ‘easy’ way to do it. Read more

28 Jan 2010

Bring subtlety to your iWeb design

11 Comments Tips and Tricks, Web Design

As I have said many times before I look at loads of iWeb sites everyday. I also look at a lot of non-iWeb sites too and, in particular I like to read the blogs of graphic and web designers. As you can imagine there is a huge difference in the standard of sites being produced between the two different user groups, but there are things you can do to your iWeb site to give it a more modern and crisp feel. Subtle changes and little tweaks here and there are all that is required, so here are a few ideas. Read more

22 Sep 2009

How to make a vertical nav-bar in iWeb

11 Comments Tips and Tricks, Tutorials, Web Design

Despite there being many reasons for not using the default nav-bar in iWeb, it is still the easiest way to get navigation onto your iWeb site. I have been asked several times recently how to get a vertical nav-bar appearing on the side of your iWeb site rather than the basic horizontal one.

If you follow this simple tutorial you can get a vertical nav-bar in no time at all. Read more

30 Apr 2009

Add a drop-down menu to your iWeb pages

18 Comments Tutorials, Web Design, Widgets

It’s been a while since we had an iWeb tutorial post on All About iWeb so here is a nice simple javascript drop-down menu that you can add to your iWeb pages as and where you need. This menu should in no way replace your iWeb site’s main navigation but is ideal for a blog’s side-bar or a page which leads to sub-pages further within your iWeb site. Read more