• Photo & Multimedia
  • Showcase & Versatiles
  • Menu & User Interface


Breadcrumb is a simple styled navigation menu which you can see on apple.com. People can easily be aware of which section the current page is. Decide what menus can be listed according to hierarchy of your site, and what menus should be always displayed on the right part.

* This widget is also included in Pro Pack. Pro versions enable users to save and load their code with additional customizable options.


Build your own

  • Input data in the fields below.
  • Click "Apply these settings", select the entire codes. Then, press Command + C (Mac) or Control + C (Windows) to copy.
  • Paste the source code into HTML snippet in iWeb. (Non-iWeb users can also copy & paste each code in the <head> and <body> to each tag.)

* Customize styles

* Insert contents (the first menu should be for "home" button.)

* Copy and paste this code above into HTML snippet (iWeb) or snippet (for other tools, follow "Installation Guide"), and see if it works on your web browser.

I am Preview

This live demo is dynamically loaded when you push "Apply these settings" button. This preview may not be same to the actual view in your website.
* Important! Don't click a link from this preview. It will make you leave this page out so that you may lose your own code.