| 1 |
|
| 2 |
OVERVIEW
|
| 3 |
|
| 4 |
Deco is a Drupal 6 core theme developed for the Google Summer of Code 2007. The
|
| 5 |
original project proposal is available on the Google Code website:
|
| 6 |
http://code.google.com/soc/drupal/appinfo.html?csaid=AA41B8D436D691BB
|
| 7 |
|
| 8 |
Deco offers the following features:
|
| 9 |
- Full theming for Drupal and its core modules
|
| 10 |
- Additional regions
|
| 11 |
- Multiple layouts
|
| 12 |
- Logo customisation (see included logo.psd file)
|
| 13 |
|
| 14 |
|
| 15 |
INSTALLATION
|
| 16 |
|
| 17 |
Copy the whole deco directory to your Drupal themes directory. To enable and use
|
| 18 |
the theme go to the theme administration page of your Drupal installation and
|
| 19 |
enable and set deco as the default theme.
|
| 20 |
|
| 21 |
Please note that Drupal 5 is not yet supported.
|
| 22 |
|
| 23 |
|
| 24 |
REGIONS AND BLOCKS
|
| 25 |
|
| 26 |
Deco offers the following regions:
|
| 27 |
|
| 28 |
- Right sidebar:
|
| 29 |
Default region, a large sidebar on the right side.
|
| 30 |
- Left sidebar:
|
| 31 |
Left sidebar with blocks rendered as separate boxes.
|
| 32 |
- Secondary right sidebar:
|
| 33 |
Small sidebar on the right side. Please note that when used without the right
|
| 34 |
sidebar it will be rendered as a large right sidebar.
|
| 35 |
- Featured:
|
| 36 |
Region between the header and the content. Blocks in this region take up 75% of
|
| 37 |
the site's width and have large white type.
|
| 38 |
- Before content:
|
| 39 |
Just above the regular content.
|
| 40 |
- Content:
|
| 41 |
Under the regular content.
|
| 42 |
- Bottom content:
|
| 43 |
Region between the content and the footer. Blocks here will be shown in two
|
| 44 |
columns.
|
| 45 |
- Header:
|
| 46 |
Preceeds the actual site, before the header.
|
| 47 |
- Footer:
|
| 48 |
Region inside the footer, before the primary footer navigation and footer
|
| 49 |
message.
|
| 50 |
|
| 51 |
WARNING:
|
| 52 |
Using the three sidebars together is not possible. In stead they will be rendered
|
| 53 |
as three equal columns with the page content beneath it.
|
| 54 |
|
| 55 |
|
| 56 |
MULTIPLE LAYOUTS
|
| 57 |
|
| 58 |
By using the various regions Deco offers you can create different layouts:
|
| 59 |
|
| 60 |
- Single sidebar:
|
| 61 |
Use either the left or right sidebar.
|
| 62 |
- Double sidebar:
|
| 63 |
Use both the left and right sidebar regions.
|
| 64 |
- Double right sidebar:
|
| 65 |
Use both the right and secondary right sidebar regions.
|
| 66 |
- Triple equal column:
|
| 67 |
Use the left, right and secondary right sidebars.
|
| 68 |
|
| 69 |
|
| 70 |
CUSTOMIZING
|
| 71 |
|
| 72 |
Own logo:
|
| 73 |
If you want your own logo or slogan in stead of the default one you can change
|
| 74 |
this in the theme's configuration page. Please see the theme admin page for
|
| 75 |
this.
|
| 76 |
|
| 77 |
Logo based on default logo:
|
| 78 |
If you want to use the brown background of the default logo you can use the PSD
|
| 79 |
file in designs/logo.psd. Open this file in photoshop, remove/add/edit the
|
| 80 |
necessary layers and use the "save for web" feature to save the logo.png slice
|
| 81 |
as an 8-bit transparent PNG with #1D1D1D as matte color.
|
| 82 |
|
| 83 |
Editing images:
|
| 84 |
In the designs directory you will find a slices.psd file and a psd direcory. The
|
| 85 |
slices.psd file is used to generate all the deco images from. Each image slice
|
| 86 |
is an actual image used in the theme.
|
| 87 |
The psd directory contains the actual designs from which the slices.psd file is
|
| 88 |
made. Please note that not all designs were included because of size
|
| 89 |
constraints.
|
| 90 |
|
| 91 |
Recoloring:
|
| 92 |
Right now Deco has no recoloring support. This will be supported in the near
|
| 93 |
future.
|