Rapid Ideas

Swiss Quality RapidWeaver Design

Camilo Theme

camilo 1 view

A beautiful and extreme fluid design

Now with custom background image feature!

This theme really goes to the edge of RapidWeaver Theme Design. It is so special that many people simply can't believe sites with this theme are builded with RapidWeaver. It has four columns (!), is simple and clean, and shows what really can be done only with deep knowledge of CSS.


Big Camilo Update

I worked a lot on the camilo theme because I realized the strength and possibilities that lay in this theme. Now Camilo is out in a brand new Version with many features added:

  • NEW: Add your own custom background images (up to 5)
  • NEW: Custom Colors available for many parts of the layout (body, footer, border, navbar, content, ...)
  • NEW: 9 background image positions (top, center, bottom / left, center, right)
  • NEW: Decide how to repeat your background images (norepeat, repeat, repeat-x, repeat-y)
  • Choose between 7 widths and 8 heights for the layout. Some of them are fluid (scaled by percentage) others have a fixed size. But the content is always centered horizontally and vertically.
  • Upgraded to fully support the new cool custom color feature of RapidWeaver 3.6, so you can adjust each part of the layout with your own colors (body, header, sidebar, sidebar 2, content)
  • Choose where to place the sidebar content (below or at the right of the navbar)
  • Greybox included
  • 5 different font families to choose from
  • Enable/disable the content border
  • 3 splash screen layouts
  • Add the header on top or to the left side
  • And much more...

The features in detail

Layout

layout 1 layout 2

There are 9 different layout modes in camilo: Want the content be bigger and the header smaller? Or what about more space for the navigation bar? With these layout modes you are only 1 click away from it. Maybe you like to have a splash screen as an opener or if your content demands it. Just disable the header or the side-/navigation bar.

Colors

New in RapidWeaver 3.6

Since RapidWeaver 3.6 you can use custom colors by choosing them with the standard OSX color picker and adjust almost any part of the layout (navbar, body, footer, sidebar, ...). Sure that I have reworked the theme from ground up to support this new really cool feature

Greybox included

greybox logo

Ever wanted to have a cool AJAX effect on your site but it was too difficult to make it work? With the OHM theme it is really easy as the greybox project is preinstalled! You probably already have seen the greybox in action. It is used widely on this site to show you the images in full screen mode. The greybox system is similar to the lightbox one, except you not only are able to open images in a translucent layer but whole websites. So you can show additional information to the user without opening a new window or redirecting him to another site - and this means: he will stay longer on your site!

Another example? Just click here to open google search in a greybox layer

If you want to find more information about greybox or like to see more examples, you can visit the project's homepage at http://www.orangoo.com/labs/GreyBox/

splash 1 splash 2

Custom Background Images

You can choose up to 5 different background images in JPG Format. You will also receive five images to start with.

Open the images Open the images Open the images
Open the images Open the images

Automatic Image Resizing

This really cool feature is implemented in most modern browsers: When the browser window is resized the image in your content is also resized. So your visitors will not get too small or big images on their screen. They will fit perfectly no matter which screen size they have.

Logo Resizing

Not only you can have your images automatically resized, also your site logo can be resized automatically, so it fits perfectly in the header part.

Width and Height

camilo screen 1 view

Some people like fluid designs where the content will be rescaled automatically others don't. There are pros and cons for both. So I will let you decide, what you want! There are 7 heights and 8 widths to choose from. Some of them will scale the content by percentage for fluid designs, others will give your content a fixed size. And sure, you can combine them all: What about a fluid width of 80% and a fixed height of 640px? Everything is possible.

Font Families

In the camilo theme you can choose between 5 different font families. 3 of them are sans-serif, 1 is a serif font and 1 a monotype.

century gothic verdana century gothic century gothic century gothic

Photoshop logo template included

photoshop template

As the camilo theme works with a vertical header your logo should also be oriented vertical. I have included a photoshop template to start designing your own header image. Just replace the logo, type in your title and slogan and you are ready.

Content Border

Choose what fits your layout: maybe it is good to separate your content with a border, maybe not. You can enable or disable it also with 1 click.

Free Online Support and Updates

If something should not work well, you can get free online support from me. You can contact me and I will give you help making the best out of this template. I will probably also make some changes to the design itself, all for free.