AT Time Out

Time Out features colorable blocks per-region, background overlays and a wood background (optional theme setting). There are 27 regions for ultra flexible layout control and of course Adaptivethemes powerful layout settings. Time Out comes with four pre-configured color schemes and you can create your own easily with Drupal 7's Color Module (part of Drupal core).

HTML5 Placeholder text for your Drupal 7 Search Field

HTML5 has a bunch of new form attributes and one of these can neatly add placeholder text to text inputs, such as your search input field. This text will be removed when the search field is focused, so in effect acts like ye ole JS solutions we've all been using for eons.

Browser support for placeholder looks pretty good, I have it working in Opera 11 and FF4. It should be widely supported in all the next generation browsers.

AT Mono

Mono is a boldly styled theme with many gradients, solid block title backgrounds, dozens of regions and background overlays for the feature and tertiary content regions. AT Mono is easily customized either via the many theme settings or custom CSS. Mono is a colorable theme and supports the color module with preset color schemes and options to design your own.

AT Magazine

Magazine is designed for online news and content publishing sites. There are tonnes of regions and five color schemes to choose from - and of course being colorable you can customize the colors to suit your taste.

There are thirty two regions including a five column footer and a four column Gpanel just above the footer.

This theme lends itself well to end user customization.

AT Vibrant

Vibrant features configurable header and footer gradients (color theme settings), twenty seven regions including a multi-column footer. There are four block styles depending on the region. Superfish menus are supported (download the Superfish module for Drupal 7) as are Views Slideshow, Calendar and Quicktabs modules. This theme will suit a wide range of site types. The font settings dramatically change the tone of the theme - use serif fonts for a simple elegant feel, go for sans-serif fonts for clean modern look.

Are blocks section or div, an HTML5 conumdrum

This debate is going to rear its head in the Drupal community sooner rather than later because right now we're seriously thinking about HTML5 for Drupal 8, and because many new HTML5 themes are springing up.

The issue is that <section> elements must have a heading, that is an <h*> element. If they don't have a heading then technically they're not a section. This is problematic for Drupal blocks because headings are optional, even end users can toggle the display of the block heading.

Using HTML5 figure & figcaption elements to markup Image fields in Drupal 7

I've been reading up about the figure and figcaption elements for HTML5 over at the HTML5 Doctor and other places and thought I'd use these new elements to create captioned images in Drupal 7.

This is actually so easy its not funny, in fact you only need to make one configuration change to your image field and add one template override and you're done.

First - edit your image field settings and check the option to Enable Title field. We're going to re-use the title field to add our captions.

Typography Rough Guildelines

  1. Either serif or sans-serif fonts are fine for body copy and headings, but sans-serif fonts are still more popular for both.
  2. Common choices for headlines are Georgia, Arial and Helvetica.
  3. Common choices for body copy are Georgia, Arial, Verdana and Lucida Grande.
  4. The most popular font size for headings is a range between 18 and 29 pixels.
  5. The most popular font size for body copy is a range between 12 and 14 pixels.
  6. Header font size ÷ Body copy font size = 1.96.


Subscribe to Adaptivethemes RSS