Grafite
Greatly appreciated by photographers, artists and performers, Grafite sports an overall dark-gray look; galleries are designed to let your visitor focus on images or movies with no distraction, offering at the same time a sophisticated look.
Features
| Variations included: | 2 (Grafite and Grafite Mini) |
| Banners included: | 7 |
| Ideal banner width: | 900×150px |
| Support for: | Hierarchical menus, bordered pagelets, custom banner(*) and logo |
| Other features: | CSS3 effects, shadows, transitions Sandvox-1 version included Improved typography for printers |
(*) Grafite Mini doesn’t support custom banners
Readability is improved by large white text on the dark background; Grafite’s bordered pagelet are light gray, with a delicate 3D “tech” effect.
If you need just a simple and neat portfolio of your images (or movies), try “Grafite Mini” (see a demo here), a design that does its best without the sidebar and completely focuses on page content, giving your pictures and movies the center of the scene.
Inside the package you will find seven textures for your header. If you want something different, you can create your own header (let it be a 900×150 pixels image).
Grafite 2.0, originally designed for Sandvox 1.6, is a complete redesign that takes full advantage of the new features Sandvox 2 comes with. Moreover, it adds a full set of new CSS3 gradients and transitions that will give your visitor a very pleasant experience.
If you’re still using Sandvox 1.6, the old, compatible version is still included.
What’s in the box
- One Sandvox 2-only design, that includes both variations
- Two legacy Grafite 1.0 designs, included for compatibility with Sandvox 1.6
- Seven textures
Price and requirements
Price: $9.90.
Requirements:
- Grafite 2: Sandvox 2.0
- Grafite 1 (included): Sandvox 1.6
Please, read our policy before you buy.
Customization
Here are some examples. If you don’t know how to use this code, you can read this tutorial.
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).
background-color:#700 !important;
background-image:none !important;
}
To align the sitemenu on the left side:
To align the header on the right side:
To change the default font
Lucida Grande, the default font for Grafite, has no italic style. If you use italic a lot, you’d maybe like a different font family (Trebuchet in this example) for the main body of your website.
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif !important;
font-size:120% !important;
}
For previous users: single photo pages
Sandvox 2 doesn’t discriminate anymore between text, movie or photo pages, they are now just pages with an undetermined content, depending on user’s choice.
This allows for more flexibility, but breaks the specific single photo page layout of Grafite 1.x (previously, photo and movie pages shared their design with Grafite Mini: no header, no tagline, small sitemenu).
With Grafite 2.0, the default photo layout is the same as for any other page, but you can choose back the minimalistic, Grafite-Mini-like look with this code:
if(jQuery) {
jQuery(document).ready(
function() {
$(body).addClass(gallery-page);
}
);
}
</script>
You have to put the code inside the second field of the Head Area. You will not see any change inside Sandvox, but it will applied to the page once it is exported and browsed from the Internet.
If you’re upgrading from Grafite 1.x and you want to stick to the old presentation for your pictures, this code will do the job.