O'Reilly logo

Inkscape 0.48 Illustrator's Cookbook by Mihaela Jurković, Rigel Di Scala

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Creating a navigation menu

In this recipe, we will recycle some of the examples from this chapter to build a page with navigation and content made up of SVG files. We will create the navigation elements in one SVG file, and use the other examples from this chapter to serve as page content. We will also see how the rectangle element box limitation we are used to in HTML doesn't exist in SVG, and we can happily have irregularly shaped clicking areas corresponding exactly to our SVG objects.

How to do it...

The following steps will demonstrate the creation of a navigation menu:

  1. Open the Document Properties (Shift + Ctrl + D) dialog and change the Background: to opaque black by moving the L slider to the left and A to the right. The document background ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required