Handwritten menu border

Support
#1

Hello, X-Masters.

Could you help me, please?

I use a “handwritten” style for the design of my website and would like to create a “handwritten” border of the menu.
How I can do it via CSS?

Thank you.

#2

Hello Dmitry,

Thanks for writing in!

Can you please elaborate above line? I am bit confused with handwritten border. If possible can you please share some mockups for sample site that we can take a look so we have better understanding of the requirement?

Thanks.

#3

Hi,

I mean the border that made by hand.
Please look at my screenshot. It is a button with a handwritten borders.

#4

Hi Dmitry,

Thank you for the clarification, I believe you’re trying to do a custom border, please see the CSS border-image Property.

Use the Chrome browser Developer Toolbar to find the proper CSS code selector to target your menus.

Another approach to that is to make you border a frame image, with a transparent area in the middle.

And then made that image as the background-image of your menu items. You also need to use the Chrome browser Developer Toolbar to find the proper selector.

Hope it helps,
Cheers!

#5

Thank you for your tips.

#6

You’re most welcome, Dmitry.

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.