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.

Project Seven dot com

Buy Now ($80) | View Example Pages | View PDF User Guide| Tutorials

CSS Page Builder Magic Create Awesome CSS Pages Instantly

Choose from 16 unique CSS layouts and create a page based on that layout instantly—optimized for desktop and mobile browsers.

Enjoy equal height columns, round corners, shadows, the ability to customize the color of any element—without editing a single image!

The Page Builder interface

Select a page design, click Create, and your page is automatically created.

CSS Page Builder Magic Interface

"Make quick work of CSS prototyping"

"Pages look the same in smartphones, tablets, and desktop computers"

"Leverage the power of CSS 3 for curved corners and box shadows without images"

"CSS Equal Height Columns—with no background images to edit"

"Whether you are a CSS novice or a seasoned pro, CSS Page Builder Magic is a valuable addition to your developer toolkit — instantly providing you with a rock-solid and standards-based foundation for your CSS-based projects"

CSS Page Builder Magic works on Windows and Mac systems running Dreamweaver MX, MX2004, 8, CS3, CS4, CS5, CS5.5, or higher.

Key Features

  • Automatic Page-Creation interface
  • 16 layouts (choose from an assortment of fixed and flexible-width pages)
  • Equal height columns without background images
  • Pages look the same in smartphones, tablets, and desktop computers
  • Search-engine friendly
  • Standards-based and accessible
  • Stable cross-browser compatibility
  • Compatible with PVII widgets and menu systems
  • PDF user guide
  • Free technical support

CSS Page Builder Magic works on both Windows and Mac systems and supports Dreamweaver MX through Dreamweaver CS6 (and up).

Progressive enhancement

PVII CSS Page Builder 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 and shadows. 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. Older browsers display your page beautifully—except for the shadows and round corners.