User login

Enter your All Drupal Themes username, or your Drupal.org login. more information.

5.x

Web Application

This very clean web2.0 theme is a generic theme that can be used for many different websites. The theme is predominantly white with red accents and a green subheader, though using theme options you can easily loose the subheader. Conform the GPL license terms you may use this theme for commercial and non-commercial sites without any limitations.

Web Application

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.

Step 0, before we get to the phptemplate part of this tutorial, you have to think to yourself if you really need to theme a specific node programmatically. In many cases, you can style a node just fine with CSS only, so first imagine how you want to theme your node and determine if you really need to get into the templating engine.

Subsequently, we need to create a template file for our node type, make a copy of your themes node.tpl.php and rename it node-typename.tpl.php. In the case of my wallpaper node on this site that will be node-dwall.tpl.php.

WoW - World of Warcraft Theme

This dark template is especially crafted for the online game World of Warcraft. The backend has been restyled to adapt to the dark surroundings. This highly flexible layout will adapt automatically when you put content in the right or left sidebar, and for the first time on alldrupalthemes.com it's also supported to put content in both the left and right sidebar, thus creating a 3-column layout.

WoW - World of Warcraft Theme

6 steps to a fancy custom taxonomy menu with term images

This tutorial will outline the steps to create and awesome looking taxonomy menu, using Imagecache, Taxonomy Image, Views, and some SQL. I will make this blog post the first one to be labeled ‘expert' in my skill level taxonomy, but that's really just there to look cool ;). I will explain the code step by step, and if afterwards, all 11 (!) lines of code make no sense at all, you can copy and paste the code.

Prerequisites:

Drupal Howto: Adding a nifty metadata box to your nodes

In this tutorial, we will be adding a container with metadata about your node to our node template. To see what I mean, look at the bottom of this node page. Code snippet is plug-and-play, so you can plug it right into your custom theme, or one of my own Drupal themes.

The box in question can contain any node information we want, such as link information, to ensure the blogosphere can link to us effortlessly, or statistical data about our node (hits etc.).

For starters, we're going to add a simple container to our node that contains a html link, a BBcode link, and the trackback url of our node. Open up your node.tpl.php file, and add a new div element at the end:

Drupal Adsense Trick #2: adblocks between teasers

This article is the sequel to my first drupal adsense article. This time we're going to put adsense blocks in between teasers, on for example our frontpage. Same as last time, this does not require any modules, nor does it depend on adsense, it works with any phptemplate-based theme and with all sorts of ad code.

For starters, we're going to create a new block region. If there is not a template.php file in your theme folder, create one and open it up. See if there is a block regions function, if there is, add a new block to it: 'betwteasers' => t('between teasers')

If you didn't find a block region function copy this code into your template.php file (this code should be in between <?php and ?> tags):

function yourtheme_regions() {
return array(
'right' => t('right sidebar'),
'left' => t('left sidebar'),
'content' => t('content'),
'header' => t('header'),
'footer' => t('footer'),
'subnav' => t('subnav'),
'betwteasers' => t('between teasers'),
);
}

Judgement

Judgement is a brochure site theme, it's fixed width and fixed height, and it's centered both vertically and horizontally. The theme looks very professional, it's predominantly dark and is colored with green shades. This popular brochure site format works particularly well for sites with little content. This theme is based on the identically named free template from tristar web design.

Judgement

Theming Drupal Comments, Exemplifying with Garland

Part 1 - enhancing the comment layout

When browsing the drupal showcase forum I notice that few people take the effort the theme the comments, which is strange because comments are not only a very popular feature, but also exceedingly easy to theme!. For this comment theming tutorial we're going to spice up the comment template of the default Garland theme with some additional styling and a date widget just like the one in my latest free drupal theme Delicious Fruit.

Delicious Fruit

This beautiful theme is evidence that Drupal need not look like a a typical ugly CMS site. Except for maybe the text strings, there is no hint whatsoever to which CMS this theme running on. Delicious Fruit is a refined design, with soft pastel colors. The site features a login form that is visually identical to the original template, and it works too! The theme also uses the template's nice date notation layout. This theme is based on Delicious Fruit template by Dieter Schneider.

Delicious Fruit
Syndicate content

Primary links

sfy39587f09