Carbone
Carbone is a dark background theme, suitable for many different websites, from business to personal blogs. The white page on a gray background, a balanced use of color and whitespace, unobtrusive shadows and glows make this design elegant and well readable.
You can choose between five color sets: Orange, Dark Blue, Light Blue, Green and Red. A sixth design sports a right-positioned sidebar (with the Orange color set).
18 different gradients are provided to let you match link colors and header the way you like. And if you are a Sandvox Pro user you can easily customize even more (for example the sitemenu and/or header alignments).
To apply a gradient, just select it as a banner for your website: it will be displayed tiled horizontally for the whole length of the header.
Of course you can create your own gradient (or texture, or solid color pattern) with your favorite graphic application (it has to be 150 pixel in height).
You can also use any image (it has to be 900x150 pixels to perfectly fit into the header) for your banner.
Sandvox Pro Customization
If you are a Sandvox Pro user, you can use few lines of code to cutomize a single page ("Site » Page Code Injection...") or the entire website ("Site » Site Code Injection..."). Insert your code into the upper field of the "Head Area". Of course you can put multiple statements between <style> and </style>.
Here are some examples (check the blog for other tips and tricks):
To change the header background to a solid color:
With different injections in different pages you can differentiate single pages of your website using a solid background color for your header (a dark red color in this example).
#title {background-color:#700;}
</style>
To align the sitemenu on the right side:
#sitemenu-content ul {text-align:right;}
</style>
To align the header on the right side:
#title {text-align:right;}
</style>
To change the default font
Lucida Grande, the default font for Carbone, has no italic style. If you use italic a lot, you'd maybe like a different font family (Trebuchet in this example).
body {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif !important;}
</style>
Other features
Support for your custom logo.
CSS 2 & 3-compliant browsers will display text glows, text shadows and box shadows.
As usual, Carbone offers a full IE6 compatibility.
What's new in version 2.0
- Added: gradients available are now 18
- Added: Lucida Sans and Lucida Unicode as alternate fonts
- Changed: six different designs, each with its own header and links color match (one of them has a right sidebar).
- Changed: link color in the footer is now light grey
- Changed: new arrows for photo navigation
- Changed: left and right padding for header, sitemenu, bordered pagelets (few pixels more)
- Fixed: box shadows now are displayed on Firefox 3.5 too
Price and requirements
Price: $ 9.00
Requirements: Sandvox 1.6.