CSS Codes Created by Eric Meyer's CSS Sculptor for Dreamweaver

Let Eric Meyer, renowned CSS master, help you create the custom Web standards compliant, CSS-based layout you want and flatten the CSS learning curve. Start by choosing from any of the 41 included layouts—and then modify the design to the max: change the page width and position or number of columns. Specify margins and padding for any page element along with type properties for paragraphs, headings and link states. Bring in background colors, background images (repeating or not) or any style of border. Eric Meyer’s CSS Sculptor generates styles sheets for both screen and print in one operation. You can even save your modified layouts as new presets to be easily re-created or modified further. Bring the master’s touch to your designs with Eric Meyer's CSS Sculptor.

Totally simplifies CSS-based layouts

Modern Web design requires Web standards compliant CSS-based layouts. CSS Sculptor meets that requirement with flexibility, expertise and ease-of-use. Select a core layout, personalize it however you'd like and then output it, ready for your content and cross-browser compatible.

Puts CSS expert Eric Meyer to work for you

Eric Meyer is recognized world-wide as a leading authority on Cascading Style Sheets (CSS). Eric is the author of numerous definitive books, articles and posts on CSS. Eric worked side-by-side with WebAssist to ensure that CSS Sculptor met the demanding needs of today’s Web professional.

Integrates background images into your layouts

Background images are one of the true artist tools available to the CSS designer. With CSS Sculptor, you can easily incorporate background images into any part of your page, including the body tag or any individual layout div. Add faux columns, watermarks or repeating gradients with no hassle.

Combines screen and print style sheet design

Make your Web pages hard copy compatible with CSS Sculptor’s easy to use Print features. CSS Sculptor converts your screen layout to a format more compatible with the printed page with just a few mouse clicks. Easily convert your page to black and white and hide any selected layout element.

Saves and restores layout designs

Build your own collection of preset layouts with CSS Sculptor. Save any modified layout as a new design, which you can easily re-use or further modify. Export your presets to use in another system or share with others—and just as easily import preset designs.

Controls your CSS output from top to bottom

Store your CSS Sculptor-generated styles wherever you’d like—embedded in the of your Web page or in a new or existing style sheet. Specify the amount of placeholder content: full, minimal or none. Turn CSS comments on or off. Create your page your way with Eric Meyer’s CSS Sculptor.

World class CSS output

Preset layout designs and control

Style with backgrounds and borders

Integrate text and link stylings

Core layout flexibility

Refine your page structure

Complete feature list

Certified by Eric Meyer, CSS master

Eric Meyer is an internationally recognized HTML, CSS, and Web standards expert. Eric is author of Eric Meyer on CSS and More Eric Meyer on CSS (New Riders), Cascading Style Sheets: The Definitive Guide (O'Reilly & Associates), and CSS2.0 Programmer’s Reference (Osborne/McGraw-Hill), Eric also created the CSS Browser Compatibility Charts and coordinated the authoring and creation of the W3C’s official CSS Test Suite.

Major cross-browser compatibility

CSS Sculptor supports the majority of modern browsers being used today. Browsers directly supported include Internet Explorer 5.5, 6.x and 7.x; Firefox and Mozilla 2.x; Safari 2.x and Opera 9. Layouts degrade gracefully in older browsers with all content available.

41 basic layouts to start you off

CSS Sculptor comes ready-to-use with 41 of the most common layouts. Choose from fixed width, liquid (resizes with browser window), elastic (scales with font sizes) or hybrid (combines liquid and elastic) layouts with 1, 2 or 3 columns and an optional full width header area.

Create and modify your own

All preset layouts included with CSS Sculptor can be quickly modified to suit your needs and then saved as a new preset or overwrite the old one. Duplicate, delete, import or export layout presets easily with the CSS Sculptor Layout Manager.

Total background capabilities

Bring your layouts to life through the Design tab. Set background colors or background images for the body or any other layout component with all properties available. Easily create faux columns or outer page edges with this powerful feature.

Full border control

Add any type of CSS border–-solid, dashed, dotted and so on--to any layout element. Specify color, width and placement (all or top, right, bottom, and left individually) for the outer containing element to give the page a full border or just add side borders to separate columns.

Style paragraphs and headings

Quickly set the basic font properties for the entire page—and then refine them for individual page areas. Choose from an enhanced list of font-families common to PCs and Macs, define font size, line height, weight and other CSS text properties.

Define all link states

Establish the look-and-feel for all your link states so that they work with the design of the page. CSS Sculptor gives you full design control over link, visited, hover, active and even focus pseudo-classes.

Set up your page, your way

Need a fixed width layout that’s 900 pixels wide with 2 right columns and one on the left? It’s just a couple of clicks away with CSS Sculptor. You’re free to change page position (left, right or center) or add minimum and/or maximum width values as well. Add a top nav, header or footer as you like.

Print style sheet included

CSS Sculptor makes quick work of converting your screen layout to one more suitable for print. Global settings allow you to convert all divs to the width of the page, change your color scheme to black and white and set the margins and paddings to zero. You can also individually control these settings and hide any layout components for print.

Follow the CSS markup tree

CSS Sculptor features a unique tree interface that displays each of the primary CSS layout elements in the proper markup structure: divs nested within divs are shown as such. On the Box tab, you can select any element in the layout tree to modify its ID, width and height.

Powerful margin and padding features

Margin and padding are two key CSS properties, capable of proper column placement as well as fine tuning of your design’s whitespace. Set all the margin and/or padding properties for any element at once—or define them separately: it’s all possible with CSS Sculptor.

41 Web standards-compliant preset layouts

Output code certified by renowned CSS master, Eric Meyer

12 color schemes, coordinated with other WebAssist extensions

Output pages support Internet Explorer 5.5 – 7.x, Firefox 2.x, Safari 2, Opera 9

Automatically includes necessary conditional comments

Easy width control in pixels, percentages or ems

Minimum and maximum width options

Page positioning control

Include or exclude headers

Include or exclude top nav

Include or exclude footers

Choose layouts with full-width headers

Add any number of columns left or right

Modify any layout element’s name

Change any layout element’s width

Change any layout element’s height

Set any layout element’s margin

Set any layout element’s padding

Set the paragraph properties (font, size, line height, weight, etc.) globally or for any layout element

Set the heading (h1-h6) properties (font, size, line height, weight, etc.) globally or for any layout element

Set properties for pseudo-classes (a:link, a:visited, a:hover, a:focus and a:active) globally or for any layout element

Determine background color for any layout element

Include background image, with all properties such as repeat and position, for any layout element

Choose border properties for any layout element

Define print style sheet with the following features:

Globally or individually set divs to auto for print

Globally or individually set divs to black and white

Globally or individually set margin and padding to zero

Hide any layout element

Embed or store screen styles in new or existing style sheet

Embed or store print styles in new or existing style sheet

Determine amount of placeholder content (full, minimal or none)

Enable/disable CSS comments

Set HTML doctype

Store or update preset layouts without generating pages

Save new preset layouts

Modify existing preset layouts

Import/export preset layouts

Full in-product context-sensitive documentation

27 page Getting Started Guide PDF

Windows

Windows Vista, Windows XP SP2, or Windows Server 2003

Dreamweaver CS3, Dreamweaver 8

Works with static, dynamic or template pages

Macintosh

Mac Power PC 10.4.x, 10.5.x

Mac Intel 10.4.x, 10.5.x

Dreamweaver CS3, Dreamweaver 8

Works with static, dynamic or template pages

Galleries

Layout Gallery

Browse through the many page variations possible with CSS Sculptor, choosing the layout design, and design scheme.

Sample HTML code

CSS Sculptor generates Web standards compliant code for your CSS-based layout in seconds. Take a look at the source code from an example CSS Sculptor page where the CSS for the screen style sheets is embedded in the document and the print style sheet is stored in an external style sheet.

All WebAssist products receive professional, top-of-the-line support from a number of resources. All products in Web Designer Suite include a full online help system, available directly from within Dreamweaver:

Online Documentation

CSS Sculptor

Technical Support

With your purchase of CSS Sculptor, you receive 2 Technical Support incidents, a value of $59.98. Technical Support Incidents are handled by senior support personnel quickly and efficiently. Initial responses to a submitted incident are returned within 2 to 4 business hours.

General Tech Notes

Understanding WebAssist Activation

WebAssist uses product activation to help eliminate piracy and keep software costs low. This TechNote discusses WebAssist product activation and what to do when you encounter an activation error.

Downloading extensions and files

WebAssist products are downloaded from the WebAssist.com site. This document will review the process of obtaining these products and their files by downloading them from your Software Archive.

Installing WebAssist extensions

This TechNote describes steps for installing WebAssist extensions in Adobe products and addresses common installation issues.

Solution Recipes

CSS Sculptor Solution Recipe

A series of interactive tutorials which describe how to get the most out of CSS Sculptor are available. Techniques include inserting a new tag; setting up faux columns for consistent column height; separating headers and footer from the content area; increasing text size and adding Spry layout components; adding full-width headers; converting a CSS Sculptor page to a template and creating a dynamic page. All CSS Sculptor Solution Recipes steps are available in PDF format.

The ultimate Web standards compliant CSS layout creator from Eric Meyer and WebAssist

buy now:

international pricing:

upgrade center:

for sales questions: