Convert Garland to 4.7

By kje on 1 Nov 2006 at 02:03 UTC

For all of us who want the great new theme on a production system, here is a quick how-to:

Download the 5.0 beta 1
Copy the folder "garland" from themes to your themes directory of your current drupal 4.7 installation
Disable color module (see snippet 1)
Adapt primary-menu handling (see snippet 2)
Copy block clearing to style.css (see snippet 3)

Snippet 1
Open template.php and comment out line 66 to 68:

65    // Hook into color.module
66/*    if (module_exists('color')) {
67      return _color_page_alter($vars);
68    } */
69  }

Snippet 2
Open page.tpl.php and alter line 46 to 48:

    <?php if (is_array($primary_links)) : ?>
    <ul class="links primary-links">                                 
      <?php foreach ($primary_links as $link): ?>
      <li><?php print t($link)?></li>
      <?php endforeach; //print_r($primary_links)?>
    </ul>
    <?php endif; ?>

Snippet 3
Open style.css and add after line 9:

/*
** Markup free clearing
** Details: http://www.positioniseverything.net/easyclearing.html 
*/
.clear-block:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clear-block {
  display: inline-block;
}

/* Hides from IE-mac \*/
* html .clear-block {
  height: 1%;
}
.clear-block {
  display: block;
}
/* End hide from IE-mac */

Please note: This quick fix disables the color selection module - it should be reserved for 5.0.x

Have fun ;-)

Comments

Thank you :-)

MacRonin commented 1 November 2006 at 02:12

Thank you for doing this.

It is going to be a while before I use 5 on a production site and I like the new theme.
Now I can give it a run on a 47 site. :-)

thanks alot,

ifly3years commented 1 November 2006 at 14:18

i have tested it , it was a good job .
my drupal 4.7 is goodlooking.

and i found there is a "/* links primary-links alter */" up my logo. that is not a link ,just a line text .

i want to get it off,
how?

sorry ,

ifly3years commented 1 November 2006 at 15:34

it was my mistake......
i added a "/*。。。。。*/" for alter it, so drupal print the text.

Thanks a lot for

toemaz commented 3 November 2006 at 14:02

Thanks a lot for sharing this.

I just checked it out and I have some issues with this theme in FF (1.5.0.7). In IE 6.0 its all fine.
Anyone able to reproduce this?

I uploaded a screenshot with

toemaz commented 3 November 2006 at 19:04

I uploaded a screenshot with the 2 problems I encounter with the ported Garland theme:

The sidebar left and right is missing the right background
The first content container under the tabs is not aligned as it should be

Is anyone able to reproduce this?

I do have this problem for drupal 4.7.3 and 4.7.4., not for beta 5.0.

This is probably the most

toemaz commented 3 November 2006 at 19:55

This is probably the most stupid problem I ever encountered.

I simply copy paste the snippet #3, without looking at it. But the url filter destroys the first line of the snippet.
.clear-block:af... should be .clear-block:after

secondary links fix

toemaz commented 10 November 2006 at 11:22

Addon on snippet one: change return array() into return $vars;

65 // Hook into color.module
66/* if (module_exists('color')) {
67 return _color_page_alter($vars);
68 } */
69 }
70 return $vars;

THANK YOU!!!

Chill35 commented 13 November 2006 at 22:43

You deserve a path on the back!

I really liked the garland theme and I am not very good with CSS and wanted to use 4.7.

I have installed 5.x (piece of cake) but many modules I need are not supported YET, and although it seems to work fine, ya never know, it's not a RC, and I want to use it for a business, so.

I will do as you suggest and will come back here with a hug when I am done!

CUSTOM COLORS

Chill35 commented 14 November 2006 at 22:52

By the way, this seems to work just fine.

HUG TO kje.

Although the color picker will not work, there's a way to use a non-default color theme...

I tried it, and it works.

Here is what I did.

STEP 1 : I installed 5.0 beta 1.

STEP 2 : I played with its color picker until I got a go-for-it result. I saved that new color theme.

STEP 3 : From the 5.0 folder, I copied the "garland" theme to the 4.7 theme directory, same as kje's step 2.

STEP 4 : From the 5.0 folder, I copied all images from the /files/color folder..... to the 4.7 garland theme images folder, replacing all the blue images with the new color theme images.

STEP 5 : From the 5.0 folder, I copied the style.css file inside the /files/color folder... to the 4.7 garland theme folder, hence replacing the old style.css file with the new one.

STEP 6 : I added snippets of code 1, 2 and 3. That is, I did kje's steps 3, 4 and 5.

STEP 7 : Now all the images relative links in style.css are broken. I added the images/ relative path to ALL of the url for images in the stylesheet. Alternatively, you can just copy all images to the parent folder, that is on the same level (same folder) as style.css.

I am happy to report that it works very well.

Subscribing.

Caleb G2 commented 16 November 2006 at 22:55

I want the color picker for 4.7. :)

We've got jquery for it now. All that remains is the color.module itself right. (not a small detail, I realize)

=====

Drupal hosting

IE 6 and width

Xeption commented 17 November 2006 at 20:56

That's what i see in IE6 with, say, ~900px width: http://img83.imageshack.us/img83/3371/garland474lo7.png
Any way to fix it? =\

Question

Chill35 commented 18 November 2006 at 06:51

When I click on one of my primary links, this text appears (in both Internet Explorer and firefox) on the upper left corner of the header : links secondary-links. After porting the Garland theme in 4.7.4. Any idea what would cause this ?

I fixed the problem

Chill35 commented 18 November 2006 at 07:22

Open this file : /themes/garland/page.tpl.php :

Change this :

<?php if (isset($secondary_links)) : ?>
<?php print theme('links', $secondary_links, array('class' => 'links secondary-links')) ?>
<?php endif; ?>

To this :

<?php if (is_array($secondary_links)) : ?>
<ul class="links secondary-links">
<?php foreach ($secondary_links as $link): ?>
<li><?php print t($link)?></li>
<?php endforeach; //print_r($secondary_links)?>
</ul>
<?php endif; ?>

Right panel over main content

Xeption commented 18 November 2006 at 19:03

So, nobody can help? =(
As you can see on the screenshot, the right panel gets over main content when window size is less then 900px (i believe it starts from 960px, but it is not so noticeable)

Someone...

Caleb G2 commented 18 November 2006 at 23:46

has posted a blog article on this subject.

=====

Drupal configuration, hosting, and support

i really love the new theme

l8a commented 27 November 2006 at 22:53

i really love the new theme 'garland'. thanks for sharing your solution to use it with the actual stable version of drupal. but there is one problem left (at least), try to go to 'admin/contact' - the '2nd level menu' from 'categories' ('list' and 'add category') is completly not shown anymore (using garland / 4.7.4).

Could you provide some quick fix for that? I`m not that common with drupal yet.

Sincerally l8a

warning

globalplayer commented 15 December 2006 at 17:21

I got this warning in drupal4.7.4

warning: Cannot modify header information - headers already sent by (output started at /themes/garland/template.php:1) in /includes/common.inc on line 142.

any idea how to fix it?

---------------
www.eLinker.pl