1  2  3  4  5  6  7  8  9  10  11  Download Zipped Tutorial 



Right on the Button - A Vista-inspired Button Bar

Microsoft Vista - It's a real love - hate kind of thing. There's a lot to like, and, well...

One of the things I love a lot is the new translucent look. Menu title bars look as if they are made of clear translucent plastic. Whatever is below the title bar is blurred and out of focus. It's a most cool effect.

This month's tutorial revisits the Button and Navbar Tool which never gets enough attention. It's a very powerful tool that many of us are not even aware is there. In this month's tutorial, we'll create a Vista-inspired button bar with four, 4-rollover-state buttons. This tutorial is for users of all levels but with the usual caveat that some knowledge of Xara or vector drawing programs is always helpful.

The animation above simulates the results of this month's tutorial and was created in a matter of minutes with Xara OnLine's Cross-Fade Effect. Xara OnLine has dozens of cool effects which can add a bit of flair to your website. Xtreme Pro and Xara OnLine are an unbeatable combination.

A Word from Our Sponsor:

Xara makes several graphics products and all of them are fun and easy to use. And Xara makes this site possible so it would be nice if you just went to these pages and had a look see. Thanks.

You are probably aware of Xara Xtreme but have you downloaded Xara Xtreme Pro? All the tutorials in this Workbook are done in Xtreme Pro, so if you don't have it, get it now.

Click here to download your FREE trial version
or to upgrade to Xara Xtreme Pro today!

Here are some other products made by Xara and links to the Xara.com Website.

  • Xara Graphics Studio Xara's three most popular products in one irresistible bundle. Xara Graphic Studio contains Xara Xtreme, Xara-3D 6 and Webstyle 4. This bundle will save you a bundle!
  • Xara Menu Maker Create professional graphical NavBars and DHTML menus in an instant with Xara Menu Maker - no technical or design skills required. (And Xara does all of the heavy lifting!)
  • Xara Webstyle 4 Everyone can make quality web graphics with Xara Webstyle, whatever your skill level. From banner ads to complete web pages, simply customize the templates.
  • Xara Screenmaker 3D A 3D screensaver maker that's fast, fun and easy to use. Create animated 3D text or tumbling picture cube screensavers. (This application will make you a hero in your office or home. And it is embarrassingly inexpensive!)
  • Xara 3D-6 Xara 3D is the Number 1 tool for creating stunning, professional-quality 3D web graphics. See why for yourself. You can use a 3D program and drive yourself nuts trying to figure out all that X Y and Z axis nonsense, or you can make your life easy (and fun) with Xara 3D. It's up to you.
  • Xara 3D Heading Maker Add this great interactive tool to your web site and let your visitors make 3D graphics online.
  • Xara Online Web pages stand out with Xara Online's state-of-the-art web page add -ons. Choose graphics, text and photo effects, or advanced applications, all fully-customizable and on your site in minutes.
  • BuyFonts.Com All designers need fonts - get yours for as little as $2 US. Question: Is life a contest to see how few fonts you can use? With low prices and high quality fonts that you get at BuyFonts.com, do you need to ask?

to download a Zipped HTML version of this tutorial

©2007 Gary W. Priester
Tutorials are for private use only. No text or images may be used or reproduced in any form without the express written permission of the author.


 1  2  3  4  5  6  7  8  9  10  11  12