Eric Meyer's CSS Sculptor - Create CSS Layouts Easily
Eric Meyer, renowned CSS master, will
guide you in creating the custom Web standards compliant, CSS-based
layout you want and create CSS based sites quickly and easily within
DreamWeaver. Choose from any of the 30 included layouts - and then
modify the design to the to suit your wishes: 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 creates
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 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.
Find out More
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 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.
30 basic layouts to start you off
CSS Sculptor comes ready-to-use with 30 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.
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.
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.
Eric Meyer's CSS Sculptor Complete Feature List
30 Web standards-compliant preset layouts
Output code certified by renowned CSS master, Eric Meyer
11 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 footers
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 pseud--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