Section Navigation

Since its premiere at the Mariinsky Theatre on December 17, 1892, "The Nutcracker" has captured the hearts and minds of people all over the world and has been performed more than any other ballet.

Nutcracker image from Microsoft.

Nutcracker Template

Download Christmas Nutcracker Site Template Package.  Instructions for using Template Packages.

The Nutcracker template is based on one of the newest templates offered on our sister site - Expression Web Mobile Friendly Site Templates. This template uses some CSS3 for the rounded corners which will display as intended in newer modern browsers. They will degrade gracefully in older browsers and default to rectangular corners. This template uses a fluid width layout and is mobile friendly. It does have a maximum width set at 1200pixels.

This package also includes a blank template that can be used with any web editor.

Images

 Classes are included to float your images left or right or center them on the page. The nutcracker image used as the bullet on the side menu is from Smashing Magazine. It has been resized much smaller. The nutcracker images are from Microsoft.

Screenshot of Nutcracker template.

Package Includes

This template package includes:

  • A complete DWT Site Template package which requires FrontPage 2003, any versions of Expression Web or Sharepoint Designer.
  • A blank template that can be used with any web editor. This particular templates shows an example of using a graphic image as the site name.
  • A blank template which uses server side includes for the top menu, left menu and footer and can be used by any web editor.

Changing the Column Background Colors

A background image is used to create the equal height column look. If you wish to change the color of the columns, you will need to create a new image.

Fonts

This template makes use of one of the Google web fonts, Berkshire Swash. Read more about Google web fonts.

Menus

The main menu for this template is on the right sidebar. You can add more items or additional sections. A top menu has also been included. If you would prefer not to have a top menu, just remove or comment out that section of the code.

Additional Resources

You can find detailed instructions for working with the mobile friendly site templates as well as a pdf file you can download and print. Also resources on both drop shadows and rounded corners.

Validation

The XHTML code validates. Because the external style sheet uses some CSS3, it does not validate. However the CSS3 style rules used degrade gracefully in older browsers and you will see rectangular corners rather than the rounded corners the more modern browsers display. 

More information on the Christmas Nutcracker Template.