Brilliant Invention – Flexi CSS Layouts

I am happy to get a chance to try out the Flexi CSS Layouts from ExtendStudio. In short, Flexi CSS Layouts is a Dreamweaver plugin that allows you to create CSS layouts without writing a single code from yourself. Sounds interesting? Let us move on!

Create Custom CSS Layouts in Dreamweaver with Ease

Some designers have difficulties in using CSS to form up their web pages so they prefer using tables, which is much easier to visualize the final output. Flexi CSS Layouts now allow you to create CSS codes using a method similar to inserting tables. Here are the basic steps in making your own custom page.

Step 1: Open up your Dreamweaver after enabling Flexi CSS Layouts plugin with Adobe Extension Manager. Select the "Flexi CSS Layouts" tab below the main menu and choose "Insert Full Page Layout".

Step 2: An editor will pop up and ask you to fill in general information (such as width, height, background and etc) for the page to create.

Step 3: Insert number of rows and columns exactly the same way as you will do for tables. You can even set the properties for each row and column individually with the right side panels.

Step 4: Click "OK" when you are done with the insertion. The editor will then close and this is what you will get in Dreamweaver. You can then build your web page further using the methods that you are familiar with. To learn more, check out the video tutorials over here.

55 Editable CSS Templates Included

If you still find it is troublesome to create your own CSS using the editor, there are 55 editable CSS templates included to help you too. You will get fixed, liquid or elastic CSS layouts with 1, 2 or 3 columns and also web2.0 layout templates that you never seen in Dreamweaver before. Below are some of the templates available.

Ready to start? Head over to ExtendStudio now!

Other Design Articles You May Find Interesting

7 Comments | Write a Comment

  1. sadhu says:

    this is useful…

  2. ostrov_sokr says:

    Flexi CSS Layouts is not working. Once in the main menu I choose “Insert Full Page Layout”, the message: “You need to define a site for the component to work!” What I did wrong?

  3. Childmonster says:

    I dont have difficulties in using CSS. But this post is really useful. Now i learn one more way to easily in using CSS for my site.

17-09-2014 | Comments Off on Top 50 sport wordPress themes
18-06-2013 | Comments Off on 20 sets of free grunge photoshop brushes
21-01-2013 | Comments Off on Free futuristic fonts from
06-01-2013 | (2) Comments
24-11-2012 | Comments Off on Make your own business card for free
08-02-2012 | (1) Comment
  • Free Brushes
  • FudgeGraphics
  • CrazyLeaf Design Blog
  • Fuel Your Creativity
  • Photoshop Tutorials and Design Resources
  • touch up photo retouching services
  • Small House Design
Follow My Twitter Subcribe Full RSS