Proiect cofinanțat din Fondul European de Dezvoltare Regională prin Programul Operațional Competitivitate 2014-2020

Pentru informații detaliate despre celelate programe cofinanțate de Uniunea Europeană, vă invităm să vizitați Conţinutul acestui material nu reprezintă în mod obligatoriu poziţia oficială a Uniunii Europene sau a Guvernului României


FlexiPanels CSS for Dreamweaver - rounded corners css extension

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

Using FlexiPanels CSS to create CSS content boxes

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!


A Panel is any type of CSS container (box) that you might need for your site:

  • menu containers;
  • content boxes; 
  • side Panels; 
  • nuggets.

See the Use Cases samples (click to open):


Get up to speed quickly with the video tutorials on how to create CSS boxes:


What is a Panel?
A Panel is a CSS container (box) with a specific design that can be resized to fit the content. The container can have rounded corners and gradient background and you can place text, menus, pictures or any other type of content inside.

Where can I use a Panel?
The Panels can be used for menu containers, nuggets or side panels, content zones and everything else that could fit a box in your site. See the use cases for some examples.

How do the panels work?
Starting from the built in Panels design gallery or even from your own picture, FlexiPanels CSS create a flexible DIV and CSS structure that can be added to any site.

Is FlexiPanels code browser compatible HTML/CSS standard compliant?
The DIV and CSS code generated by the FlexiPanel Dreamweaver extension is tested and verified on various browsers. It should look the same on IE, Firefox, Chrome or other browsers alike. The code is alwo W3C and CSS compliant.

Can I use FlexiPanels in table based layouts?
Yes, the HTML code generated by FlexiPanels can run independently of the way the site was build, including in table based layouts.

Can I edit the built-in designs?
The built in Skins are editable from the configuration interface or using FlexiSlicer

Can I use my own design with FlexiPanels?
FlexiPanels CSS comes with FlexiSlicer - an Adobe Air based application that helps you get the panel design from a layout, slice and  export all the necessary images that will be used in the CSS.