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.

"Make quick work of CSS prototyping"
"Automatically support smartphones, tablets, and other mobile devices"
"Leverage the power of CSS level 3 for curved corners and box shadows without images or scripts"
"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
- P7Mobile means you create one Web site that works on desktop, laptop, and mobile devices
- 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 the following Dreamweaver versions:
- Dreamweaver MX
- Dreamweaver MX 2004
- Dreamweaver 8/CS2
- Dreamweaver CS3
- Dreamweaver CS4
- Dreamweaver CS5
- Dreamweaver CS5.5
- It will also support CS6 and higher
P7 Mobile
P7Mobile allows you to use special CSS rules that target the mobile devices of your choice. The user guide will show you how to target all mobile devices or to exclude some. For instance, our example pages are configured to optimize smartphones for optimum readability by converting multi-column layouts to a single column, while iPad and XOOM tablets display the pages as desktop and laptop browsers do. With P7Mobile, you are in control.
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.
