Posted by oeaton on November 6, 2009 at 6:42pm
| Project: | Colourise |
| Version: | 6.x-2.x-dev |
| Component: | User interface |
| Category: | feature request |
| Priority: | minor |
| Assigned: | Unassigned |
| Status: | active |
Issue Summary
I would love to see a header block for this template, rather than the header image inserted into the background of the page as it is now. This would make controlling where the header appears and what's in it very easy.
Comments
#1
Oops! I'm really really sorry for leaving the project(s) for a long long time. Hope I have a time to improve the theme for many feature requests soon.
Thank you,
Gibbozer
#2
I have been doing this while customizing the Colourise theme on my site. I attached a screenshot to this post so you can see how it looks like.
Instead of creating a subtheme, I decided to hack the Colourise theme as follows:
<?php if ($header_banner): ?><div id="header_banner" style="width: 100%; height: 200px; position: absolute; top: 0px; left: 0px">
<?php print $header_banner ?>
</div>
<?php endif; ?>
If you don't add this "
if ($header_banner)" check, then you won't be able to display whichever content you assign to this region, as Drupal will have no clue where content for this new region should be pasted in the page!regions[header_banner] = Header bannerThat's it :)
A more clean approach is to define a new sub-theme of the Colourise theme, and keep your changes in that new sub-theme. This is how I will refactor my customizations now.
Hope this helps!
#3
Here's the promised snapshot.
#4
I am about to try to overlay the header with 2-3 regions. I need them to "float" above the image. I like the idea of having a region or two for blocks to the right of the site name/tagline!
#5
The simplest solution that could possibly work is using transparent regions that float above the header. Defining the height in pixels and the width in terms of the screen dimensions offered by Colourise should be straightforward.
#6
You my friend are TOTALLY AWESOME! Thanks for the simple and easy tut.
#7
You're welcome :)