Skip to content

Drupal Blog

Releasing a new basetheme!



Alldrupalthemes.com Basetheme v2 Display

Thanks:

  • Paul O’B from Sitepoint Forums for helping with researching for my holy grail of flexible Drupal CSS layouts.
  • John Albin from the Zen theme, for being a leader in Drupal theming innovation, and particularly for the awesome body/node/block/node classes code and the block edit/configure links.
  • Stephanie and Chris from TopNotchThemes for thinking up some awesome theme settings
  • Al Steffen from Studio theme, for pushing the limits at turning a Drupal theme into a nice organized collection of files.
  • Jacine Rodriguez from Sky theme, for laying the groundwork for Typographical theme settings, and more cool code.
  • All the rest of the Drupal community for working together on a free software project!

Features:

  • Color module integration (CSS only)
  • Live-preview mode for tuning colors. Any action by the color picker is immediately visible on the layout
  • Complete layout control! Supports flexible width, fixed width, percentage based columns and blocks, and it all works in internet explorer too!
  • Layout automatically adapts to no-sidebar one sidebar or 2 sidebar pages (retaining the set sidebar width and resizing the content column)
  • CSS file caching for enforcement of the theme settings.
  • Dynamic regions (horizontally) scale any number of blocks to fit next to each other
  • Full typography control with Cufon engine for selecting/adding custom fonts
  • Comes with 18 free fonts!
  • Animated dropdown menus with jQuery Superfish integration
  • Dropdown menu is configurable through the theme settings form
  • Various jQuery scripts to help make your website look sharp
  • Nodetype specific theme settings for node links and taxonomy links (adapted from acquia_marina)
  • Well organized and valid CSS 2 stylesheet, just approx. 1.000 lines.
  • Accessible and semantic HTML code. (and Search Engine friendly, of course)

Download it on the Drupal.org project page: http://drupal.org/project/adt_basetheme

Rationale:

This theme is the result of the work I've been doing, developing my drupal themes product line for alldrupalthemes.com, and it also includes many functions and classes that I have needed in the past 3 years, working as a freelance Drupal themer. I think the coolest part of the theme is the advancements I've made in recoloring themes, though this theme only uses the most basic parts of the color module, I've included some functions in the color/color-utility-functions.inc file that I currently use for my premium themes. It would be really cool if we could get a Color API in Drupal 7 to replace the color module, so that all the Color enthusiasts can collaborate to replace the old color.module.

The Cufon engine is also really cool, it's my first attempt to integrate Cufon with a Drupal theme. It was actually really easy, because you can just call upon Cufon with jQuery selectors. Cufon is a new competitor for sIFR, that uses VML and Canvas to replace browser text with embedded-font text.

The dynamic regions part is a simple solution to a complex problem, having a region that needs to have different CSS for every page that has a different number of blocks in this region. Basically it's just this:

// Widths of blocks in Dynamic regions
$precount = substr_count($vars['preblocks'], 'class="block ');
$postcount = substr_count($vars['postblocks'], 'class="block ');
$vars['postcount'] = $postcount;
$vars['precount'] = $precount;
if ($precount > 0) {
$prewidth = round(100/$precount,3);
}
if ($postcount > 0) {
$postwidth = round(100/$postcount,3);
}
$vars['blockwidths'] = <<

But then when you check it out in Internet Explorer you will find your blocks collapsing and stacking on top of eachother, but there is a very cool fix for this, a virtual buffer:

div.adtblocks {
margin-right:-100px!important; /* Create an invisible space (buffer) to allow overflow without collapsing */
padding-right:100px!important;
}

I will explain further in another blog post!

OMG WE'RE LIVE!!

Alldrupalthemes.com redesign teaser

Click the heading to see the rest of the Alldrupalthemes.com redesign, or go browse our new Drupal themes

Who now?

Today the new alldrupalthemes.com is officially going live. I have been talking about my awesome new themes for more than a year now but it's finally time to share. I hope that the direction I've taken with my themes will change the perspective people have of Drupal, as being the ugly ducking, and turn it into a awesomely extendable, flexible, configurable and re-colorable beautiful Swan!.

There is also a Design to Drupal service which is a service for superquick drupal theming gigs. This something I've been doing for years and I'm making this service faster and cheaper using the alldrupalthemes.com basetheme and Drupal/Storm based project management.

p.s. due the theming on alldrupalthemes.com is not 100% done, which is why the blog looks a little boring

Some coolness in the themes that I would like to highlight:

  1. Full color module integration. Including jQuery scripts that re-color the whole layout while you are dragging the Farbtastic Color Picker marker. (video coming soon).
  2. Filebased theme-settings CSS caching. I'll write a blog post about this later.
  3. Regions that can squeeze an unlimited amount of blocks in a space and divide the space equally, it's really simple but effective: if ($precount > 1) { $prewidth = round(100/$precount,3)-1; } where precount is the number of blocks in the "pre-blocks" region.
  4. Fully standards compliant code with accessibility features (skip to content etc.)
  5. Animated Dropd-down mennus with HoverIntent
  6. Both commercial and free support

Some background info:

Wallpaper Repository working again

http://www.alldrupalthemes.com/wallpaper/druplicon-sunglasses :)

For a while the wallpapers had not been working due to imagecache issues. Now that I've relaunched the site, there are again new imagecache issues but the wallpapers are downloadable!

If your screen resolution is not listed let me know and I'll add it!

The imagecache issue is really not imagecache's fault but mine, I've been working with a bunch of windows AND linux symbolic links while my site was in the production environment and that seems to mess up the Drupal file system.

Reviewing: Drupal 6 Javascript and jQuery

The first review copy I received from Packt was Drupal 6 Themes. I was pretty unimpressed by that title and decided not to review it, since I didn't have much good to say about it. However, the Drupal 6 jQuery book by Matt Butcher is something else!

Magento looking to "team up" with Drupal

Magento, the awesome ecommerce software that recently released their 1.0 stable, is interested in integration with Drupal.

I think Magento is great and it should be possible to integrate with Drupal, but to make this work well would be a very complex project.

Joomla 1.5 & Drupal 6.1 Performance Comparison

Introduction

Disclaimer: The absolute numbers here are not representative for loadtimes of either application on your server.
The thing we're looking for here is how results compare to eachother.

Hardware:
-Acer Aspire 7720G l
-Intel Core 2 du0 T5250 with Santa Rosa chipset (1.5Ghz 667MHz FSB 2MB L2 cache)
-2GB DDR2

Software
-XAMPP package with Zend Optimzer disabled
-No opcode caching enabled
-MySQL query caching enabled with default settings

We're holding a $700,- design contest for a premium drupal theme!

The purpose of this contest is to get a really nice design, to be used as a premium drupal theme, and to scout for hot designer talent for future work.

Take a look over at 99designs (from Sitepoint) to read the details and following the contest:
http://99designs.com/contests/5944

Are people sleeping at ADT?

No! I haven't posted on the blog in a while, but fact is I'm busier than ever and the stuff I'm working on is something that is going to change the landscape of Drupal theming greatly.

Releasing "Web Application", a Proper Web2.0 Theme

I normally don't announce theme releases anywhere but this one is
special. I've worked hard to make this theme work well and the xhtml
template I was porting was well-coded as well.


This drupal theme
will be a nice addition to the drupal theme repository, it doesn't look too
flashy and it can easily be used as a theme for small business
websites. What makes this theme special is it's high flexibility and
configurability, this theme properly supports 1, 2 or 3 columns
layouts, and it gets even better... The themes layout width is
completely configurable, you can set it as a fixed width in pixels or
as a fluid width, that being a percentage of the browser window width.
You can also set the width of the main content area. The main content
area is set to be a percentage of the total layout width, and when you
change it the sidebar(s) will automatically assume the leftover width.

Enough talking, heres some stuff in list form:

Bullit proof

  • Doesn't break any drupal admin pages, or get broken by admin pages
  • small backend interface improvements
  • all structural and contextual layout blocks are flex-height (don't break when upscaling the font)

Fast

  • Theme Images weigh a combined 1,6kb
  • Style.css weighing in at 4.4kb
  • Output HTML is just as minimal (full html output size varies with content)

Custom Theme options:

  • set a fixed or fluid width layout
  • adjust the % of
    width the main content area will take up and the sidebar(s) will
    automagically resize to fill up the leftover space
  • subheader and navbar region are dispensable, to get an even cleaner layout!

Supported native drupal elements:

  • 1,2 or 3 columns!
  • main content / sidebar width configurable through theme options
  • blocks
  • primary menu
  • secondary menu
  • logo (including optional ie PNG fix for transparent backgrounds)
  • logotext
  • slogan
  • mission

Tested to work with:

  • Internet explorer 7
  • Internet explorer 6
  • Firefox
  • Opera 9
  • Safari (Safari for windows)
  • Netscape 9

I'll commit the theme to drupal cvs after I get some sleep but you can already download it at my drupal themes section.

Theming a CCK Node

It's easy to create a custom node with CCK, but what if we want to change how the node looks by default? It's a step up from theming your submitted and your terms code, but it's not really that hard. The main difference between theming the CCK node and the regular node is that in node.tpl.php, we have several content sections within a node, so rather than just printing $content, we will print out parts of the content individually. I will use code from the wallpaper node type of this site for my examples.