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... Including the first fully-automated responsive menu tool for Dreamweaver

Affinity comes with Drop Menu Magic: the first automatically responsive menu system for Dreamweaver

The Affinity interface

Choose from 5 responsive Page Designs, select an optional Style Theme, click Create, and your page is automatically created.

CSS Affinity  Interface

Add More Design Themes

You can purchase additional Theme Packs for Affinity. Expand your design options...

See Additional Affinity Themes

Special Features in Affinity

Responsive and Mobile Ready

When your client calls at 4:00pm and says "Hey Joe, I really like that last design proposal, but my marketing guys say it has to look perfect on the boss's iPhone and his son's Kindle, and they need it ready for the staff meeting tomorrow." Instead of a panic attack followed by hours of coding, you can use PVII Affinity to create that perfect layout in no time. Just add your content and spend a quiet evening with the family with complete peace of mind.

Additional Features

Comes with Drop Menu Magic!

Topping each Affinity page you create is a ground-breaking automatically responsive menu that we call Drop Menu Magic. We like it so much we use it on the PVII site. In a normal browser window, the menu items are horizontally arranged and each can include a horizontal or vertical sub-menu that drops down—with or without one of several very cool animations. When you make your window skinny, or when you view your page in a smartphone, the menu magically transforms into a perfectly configured accordion. The Drop Menu Magic system allows you to manage your menu items and options through a dedicated and automated interface. It also allows you to add additional menus to your page. The menus you add can be horizontal drop-downs (like the default menu atop each Affinity page) or vertical accordions—perfect for a sidebar. Both types of menus are fully responsive and mobile-ready. You get a responsive page-building tool, from the leader in Dreamweaver responsive tools, and a complete, fully functional menu system. What's not to love?

Drop Menu Magic Interface

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 2018, CC 2019, CC 2020, CC 2021 (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.