Scroll To Top

Enter a query to search our site. Note that you can use "*" and "?" as wildcards. Enclosing more than one word in double quotes ("CSS Layout") will search for the exact phrase.

CSS Affinity Garnet Theme PackExtend your Affinity options with more Style Choices

Affinity Theme Packs require version 1.1.7 (or higher) of the core Affinity system. Please visit the Affinity updates page if you are unsure which version you currently have installed.

A new Drop Menu Magic Theme, too!

Garnet also includes a new style theme for Drop Menu Magic!

The Garnet Theme and its Special Menu System

The Garnet theme transforms each of the 5 core Affinity layouts into a new look. The content area is visually tied to the masthead and navigation bars, and the included Drop Menu Magic theme is set to Vertical Drop-Down Mode. The sub-menus are slightly transparent and keyed to the design aesthetic. Of course, the menu is still amazingly responsive and will automatically convert to smartphone mode when viewed on mobile phones. If a horizontal menu bar is not enough, you can add additional DMM menus to your page in various visual modes and configurations: Default, Vertical Drop-Down, or Vertical Accordion.

See the new DMM menu styles...

The Affinity interface with Themes Installed

When You install an Affinity Theme Pack it shows up in a drop-down list of Style Themes.

Choose from 5 responsive Page Designs, choose a Style Theme, click Create, and your page is automatically created.

CSS Affinity  Interface

Some Key Features in all Affinity pages

CSS Affinity works on Windows and Mac systems running Dreamweaver MX, MX2004, 8, CS3, CS4, CS5, CS5.5, CS6, CC, CC 2014, CC 2015, CC 2016, CC 2017, CC 18 (and higher). For installation tips, please see Using PVII Extensions in Dreamweaver CC...

Progressive enhancement

PVII CSS Affinity employs the concept of progressive enhancement. We start with well-formed code that displays all content in all devices. Then we use CSS for effects such as rounded corners, shadows, and animations. The effects are deployed in ways that enhance modern browsers while assuring an attractive and accessible presentation in older ones. IE9, Firefox, Opera, Safari, Chrome, and even your iPhone display rounded corners and drop shadows. IE10, and modern versions of Firefox, Chrome, and Safari display animations.