How to create grooved style divider between menu buttons

**mjb** · 20 July 2014, 06:08 PM

Hi. I found a way to make these in Xara. Attached is a sample

Thanks for all your input Gary, Acorn and others.

**gwpriester** · 20 July 2014, 10:27 PM

Thanks mjb

Can you give us an example of how we can use this?

**Big Frank** · 20 July 2014, 10:35 PM

Click image for larger version.

Name: how_interesting.jpg
Views: 181
Size: 75.7 KB
ID: 102916

very groovy

**gwpriester** · 21 July 2014, 12:54 AM

That's not exactly an example, BF.

**Big Frank** · 21 July 2014, 01:05 AM

@gp i'm sorry, here is an example, without the bad manners...

@mjb you could do that easier with named colours tbh

**mjb** · 21 July 2014, 03:28 AM

Sorry Frank, I'm very new to Xara Web Designer. I'm not familiar with named colors. I'm sure there are better ways to do achieve this. I just did what seemed to be the quickest way still keeping the menu background and divider fully editable.

**mjb** · 21 July 2014, 03:18 AM

No, your right Gary. It's just a grooved divider and background to create a menu. But it's all done in vector so it can be easily edited. colors, gradients, etc.
I've never come across a fully vector replica of a pure css looking menu but with this attachment and some creativity this look can be closely duplicated.