Halloween Offers
 

FlexiPanels CSS for Dreamweaver

Download a free trial of   FlexiPanels CSS for Dreamweaver
Buy FlexiPanels CSS for Dreamweaver
FlexiPanels CSS
 

Table-less design

FlexiPanels CSS creates a flexible DIVs + CSS structure that allows you to insert side panels, menu containers or any content zones with a gradient background and rounded corners in your site.

Multitude of choices

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 for your site.

Create your own

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.

Rounded corner CSS boxes in Dreamweaver

box FlexiPanels CSS for Dreamweaver

FlexiPanels CSS for Dreamweaver is a CSS builder that helps you 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

  • It's a Dreamweaver extension that creates CSS boxes, containers and nuggets
  • Generates rounded corners 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 gradient CSS background
  • Set fixed width and height or fit to the content of the CSS table
  • 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, CS4 and CS5

 

Tutorials

 

Watch the demo videos

Get up to speed quickly with the video tutorials:

 

 See more video tutorials and use cases

Requirements

PC:  OS: Windows 2000 (and above), Adobe Dreamweaver CS3, Adobe Dreamweaver CS4 and CS5, JavaScript enabled browser.

MAC: Mac OS X 10 (and above), Adobe Dreamweaver CS3, Adobe Dreamweaver CS4 and CS5, JavaScript enabled browser.

Adobe Air: for FlexiSlicer (optional)

FlexiPanels has been tested on the following browsers:

  • Mozilla Firefox 3  -  3.5 
  • Opera 9 – 9.6 
  • IE 6, 7, 8 
  • Chrome 1,2
  • Safari 3,4

 

snapshot0
Bamboo FlexiPanels CSS sample
 
snapshot1
Basic FlexiPanels CSS sample
 
snapshot2
Candy FlexiPanels CSS sample
 
 
snapshot26
Stylish FlexiPanels CSS sample
 
snapshot27
Tapedpaper FlexiPanels CSS
 
snapshot28
Webcandy FlexiPanels CSS sample
 
 

 

If you use the 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
"I just want to say that this FlexiPanels is one of the most creative springboards for design I have ever seen in an extension. I just tried it out last night and bought it right away. Unlike other extensions that are helpful, this one is inspiring and helps me think outside the box, in everything from color schemes to layout designs. I haven't even started the tutorial on creating my own themes yet!
Thanks, Jeff"

Peterson Design Studio
www.PetersonSales.net