FlexiPanels CSS for Dreamweaver

FlexiPanels CSS for Dreamweaver is a CSS builder that helps you can create table-less HTML code for side panels, menu containers or any content zones with a gradient background and rounded corners. Start from a layout picture from your designer or implement any of the 30 ready-made panels and the extension will create the standard compliant DIVs and CSS ready to be implemented in your site, without writing manual code!

FlexiPanels CSS main features

• Generates Css layouts with Table-less code
• 30 built in panels, 5 schema colors each
• Adobe Air based FlexiSlicer to create your own panels
• Store preset layouts and make individual settings for each site page
• Preview panels without updating the files
• Repeat or stretch background
• Set fixed width and height or fit to content
• Set the content properties (font style, padding, height, color)
• Use the embedded classes or your own
• Dreamweaver inspector for on the fly changes
• Works with Dreamweaver CS3 and CS4

If you use the embedded readymade panels

• The extension comes with 30 Predefined panels (5 or more color themes each)
• It’s very fast: select the panel  from the gallery and insert it in the page
• Creates a flexible DIVs + CSS structure that allows you to insert content and the resize of the panel elements (header/body/footer) without breaking the design
• Include or exclude panel’s header, content or footer
• Adjust the panel width and height and the content properties (font style, padding, height) 

If you start from a layout picture

• Comes with FlexiSlicer  - an Adobe Air based tool that helps you get the panel design from a layout, slice and  export all the necessary images that will be used in the CSS
• With FlexiSlicer you can crop sections from your layout and change the color of the graphical elements on the fly
• Creates a flexible DIVs + CSS structure based on your cutting points
• The panel elements (header/body/footer) can be resized from the extension interface without the need to create a new graphical design
• You can save the result as a new panel and add it to the gallery for later use