Styling Google Calendar

A recent project used the Google Calendar widget - this is embedded in a iframe (in a standard Drupal block) and thus can't be styled with CSS as per normal - but we wanted to style it to match the overall design.

After a bit of hunting around for a solution I found this: MyGoogleCal. The download link is a bit hidden - grab it directly here...

Add first and last classes to secondary local tasks

We had a project recently where we needed to add first and last classes to Drupals secondary local tasks. I was in a bit of a hurry so instead of trying to figure this out myself I Googled it and pretty quickly found this post on Drupal.org which seemed to fit the bill. Problem is the post doesn't actually tell you how or where to use the snippet, which isn't much good for those of you struggling with Drupal in the first place.

Page template suggestions for taxonomy vocabs

Drupal's template suggestions are plentiful and pretty powerful stuff, however, given all the options there are some noteable oversights. In particular the ability to use page-taxonomy suggestions per vocabulary, something like page-vocab-1.tpl.php to theme all taxonomy term pages in vocabulary 1 (where 1 is the VID or vocabulary id).

To achieve this we turn to our trusty preprocess_page function which by now every Drupal themer worth his or her salt knows all about.

Add Superfish Drop Menus to Any Theme, Easily

How to add a Superfish drop menu to Genesis or Adaptivetheme is one of the most common questions I get. Believe when I say I get emails from well intentioned Drupal users on a weekly basis asking me this. So now, please stop emailing me, I relent, heres how its done.

1. Get the Files

First, download the archive attached to this page. Unzip it and place in your theme.

Note that these files may now be out of day and there could be newer versions.

Why I killed Node, may it RIP

Myself, like many others, have always had an acrimonious relationship with the word "node". It didn't exactly get off to a good start when node presented me with a rude "wtf" moment when we first met. Things only went down hill after that, node remaining aloof and abstract, without ever just coming out and telling me what it actually was.

Font Family Groups

Quick list of some handy font family groups (often called "font stacks") for web design and Drupal theme development. Includes the three groups that come with Adaptivetheme starter theme and an example of how to set the font-family in your CSS.

Basic Groups

Sans serif - smaller

"Helvetica Neue", Arial, Helvetica, sans-serif

Sans serif - larger

Verdana, Geneva, Arial, Helvetica, sans-serif

Serif - smaller

Garamond, Perpetua, "Nimbus Roman No9 L", "Times New Roman", serif

Gpanels: Create a two column section for blocks with Gpanels and Adaptivetheme

Gpanels are easy to use PHP and HTML snippets for creating multi column layouts. The idea is you copy/paste them into page.tpl.php (where ever you want) and place blocks into the regions to create columns of blocks.

Gpanels come with both Adaptivetheme and the Genesis starter theme.

This video walks you through the process of adding a Gpanel, enabling the regions and CSS, and then placing the blocks in the newly available regions.

You can learn more about the themes that use Gpanels for Drupal.org or our website:

http://drupal.org/project/adaptivetheme

Last updated 7th October, 2009 - 9:15pm

Inline and Multicol Menus with Skinr and Adaptivetheme

Adaptivetheme includes two Skinr classes that allow us to style menus in different ways - one is to transform a normal menu into an "inline" menu, the other creates a groovy multi-column menu. This video shows you how to apply the classes to the menu block, and how you can change the CSS for each menu.

Note that you must download and install the Skinr module first and Adaptivetheme will automatically start using the module.

You can learn more about the Skinr module and the Adatptivetheme starter theme for Drupal from the project pages or our website:

http://drupal.org/project/skinr

Last updated 24th September, 2009 - 3:51pm

Block Layouts with the Skinr Module and Adaptivetheme

This video tutorial shows you how to use the Skinr module with Adaptivetheme, an advanced starter theme for Drupal.

First you need to download and install the Skinr module (use the -dev version). Adaptivetheme will automatically start using the Skinr module.

Last updated 23rd September, 2009 - 5:01pm

Pages

Subscribe to Adaptivethemes RSS