The Ultimate Xara Menu Maker...

[Acorn]

... is YOU.

This presentation is a small starter pack for you to better exploit the Xara Desktop applications that will handle the NavBar design without any backward compatibility issues. [Provided you are not using later version features]

The Ultimate Xara Menu Maker is YOU.xar

Preview the presentation here - http://acorn.xara.hosting/NavBars/.

I have designed this as the Xara NavBars fail to provide any real flexibility over Fonts and Sub-Menu settings.

There is no limit. You could use images entirely as your menu; you can arrange it anyhow you like.
Everything can be done in just the MouseOff/Over layers to provide simple rollover animations.

Over to YOU.

Acorn

[letsgofishing]

Thanks Acorn will try this - never worked with any code before....

[Acorn]

For those who are interested the following Website Body (code) update, stops the inner sub-menu items from flickering as they are now not being closed and opened:

<script>
var collectionClassName = '.Menu';


function open(chain) {
  chain = chain.replace(/\s/g,'');
  var links = chain.split(',');
  var linkage = links.length - 1;


  $(collectionClassName).not(chain).hide('fast');
  
  $(links[linkage]).slideDown("slow");
  return;
}


$(collectionClassName).hide();
</script>

Acorn

[letsgofishing]

For those who are interested the following Website Body (code) update, stops the inner sub-menu items from flickering as they are now not being closed and opened:

<script>
var collectionClassName = '.Menu';


function open(chain) {
  chain = chain.replace(/\s/g,'');
  var links = chain.split(',');
  var linkage = links.length - 1;


  $(collectionClassName).not(chain).hide('fast');
  
  $(links[linkage]).slideDown("slow");
  return;
}


$(collectionClassName).hide();
</script>

Acorn

Many thanks Acorn!

[Acorn]

Small change (see .
Change open() anywhere to openSesame() or something other thn open().

Acorn

---

<script>
var collectionClassName = '.Menu';


function openSesame(chain) {
  chain = chain.replace(/\s/g,'');
  var links = chain.split(',');
  var linkage = links.length - 1;


  $(collectionClassName).not(chain).hide('fast');
  
  $(links[linkage]).slideDown("slow");
  return;
}


$(collectionClassName).hide();
</script>