CSS3 Navigation Example

[manny2k]

HI

Was playing around with a simple CSS3 navigation today http://www.cpmwebdesign.co.uk/css3_n.../nav_home.html

might be useful to someone at some point maybe someone can take it a bit further

Here's the source css3_nav_example.zip

[Ilona Verhagen]

So cool!. Would love to have the finished one. Would perfectly suit my website. exquisites-europe.com.
Have tried it, but it doesn't work. Not enough knowledge where to put the codes. :-(
Do you mind asking you a stupid question?
Would you know the javascript code to include in my subfolders substituting the navbar. (working with lots of files and updating home and subfolders daily (changing layout as well). have to go back and forth changing it into the different navbars (home, hotels, specifici interests etc.).It's time consuming.
Would so appreciate a reply. Or should I post a new question?

Thanks so much.

regards
Ilona

[gwpriester]

You can do something very similar to this in Xara Web Designer or Xara Designer Pro (see attached .XAR file or open the zip file and open the index file in your browser).

[semaphore.v]

HI

Was playing around with a simple CSS3 navigation today http://www.cpmwebdesign.co.uk/css3_n.../nav_home.html

might be useful to someone at some point maybe someone can take it a bit further

Here's the source css3_nav_example.zip

A navigation bar needs standard HTML as a base.
<ul>
<li><a href="default.asp">Home</a></li>
<li><a href="news.asp">News</a></li>
<li><a href="contact.asp">Contact</a></li>
<li><a href="about.asp">About</a></li>
</ul>

[Acorn]

If you search for "css3 mega menu" you will get lots of powerful varieties.
I support them as they are lightweight and are CSS3 and very simple to include into Xara sites.

The downside is you need a CSS3 editor and some skill to maximise your coding investment; Xara does a lot of it in the background so for novice builders, you are learning one tool without having to know HTML5 & CSS3.

Acorn