The Ultimate Xara Menu Maker...

... 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. :-O [Provided you are not using later version features]

:pointAttachment 127470

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

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

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:

Code:

---

<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

Quote:

---

Originally Posted by 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:

Code:

---

<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!

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

Acorn

---

Code:

---

<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>

---