Welcome to the Diamond Theme for Concrete5
This is the Preview Page for the Diamond Theme for concrete 5. Have a look at all the features described below. And of course: I only describe the most important things here.
Page Layouts
The Diamond Theme for Concrete5 comes with three different Page Layouts. You can choose where to place the sidebar: to the left, to the right or no sidebar at all.
Many Style Variations
One of the best thing of the Diamond Theme is that you can adjust and fine tune the look and feel of your site with tons of style variations. You can define your very own color to almost every part of the layout. There actually are 17 parts you can define the colors, background colors and/or font! So adjusting the theme for your needs or Corporate Design is very easy.
Navbar Animation
There are two different voices on the web: one that hates and one that loves animations. In my opinion, animations can help the usability of a site. Especially if it is used on very few elements only and to give the user a visual feedback. Animations and effects can also give your site the final touch. In the Diamond Theme I implemented a subtile menu animation.
Fluid or Fixed Width? Choose what you want.
Many themes in concrete5 are limited to one specific content width, may it be fluid or fixed. With the "Add your CSS" button in the "Customize Theme" page in the Dashboard, you only have to add a single line of code to define the width of the Diamond Theme. Here is an example:
#container { width: 80%;}
This will define a fluid width of 80% for the page.
If you think a fixed width is a better choice, here we go:
#container { width: 840px;}
Now, with the rule above, the page width will be set to 840px.
Auto Header Image Dimensions
It is always a pain to correctly choose the right dimensions for your header images. Not so in the Diamond Theme, as the image dimensions are calculated automatically. Just add your header image to the header container and you are set. Even when you have chosen a fluid width for the page the image is resized automatically whenever the browser window is resized.
Shadowbox Included
Ever wanted to have a cool AJAX effect on your site but it was too difficult to make it work? With the Diamond Theme it is really easy as the Shadowbox Library is preinstalled! You probably already have seen shadowbox in action. The shadowbox system is similar to the lightbox ones, except you not only are able to open images in a translucent layer but whole websites and even other media like movies. 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!
If you want to find more information about shadowbox or like to see more examples, you can visit the project's homepage at http://www.shadowbox-js.com
You can see shadowbox in action on my Shadowbox Page