English Deutsch Español Italiano Русский Svenska 日本語

How to create a simple menu with CSS3Menu

How to create a pure css menu for your website

How to get CSS3Menu HTML code

How to add CSS3Menu into an existing page

1) You should create your menu and publish it on a local drive in any test folder.
2) Open index.html file from the saved folder in any text editor or you can:

- open index.html page in any browser
- right click on the page
- select 'view source' of the page.

You'll find folder with images and style.css file in this saved folder also.

3) Copy code for the HEAD section and paste it inside the HEAD/BODY section of you own webpage, for example:
<head>
...
<!-- Start css3menu.com HEAD section -->
<link rel="stylesheet" href=index_files/style.css" type="text/css" />
<!-- End css3menu.com HEAD section -->

</head>
4) Copy code for the BODY section and paste it inside the BODY section of you own web page in the place where you want to have a menu, for example:
<body>
...
<!-- Start css3menu.com BODY section -->
<ul id="css3menu" class="topmenu">
...
</ul>
<-- End css3menu.com BODY section -->
...
</body>
5) Now you have your page and folder with all images and style.css file.
6) You should upload them on your server.

That's all.





Contact US

CSS3 Menu
For troubleshooting, feature requests, and general help, contact Customer Support at Mail. Make sure to include details on your browser, operating system, CSS3 Menu version, link to your page.
In most cases you'll get a reply within 1 business day. Please read the FAQs first to see if your question has already been answered.
E-mail: Mail

Recent Templates



FAQ