User login
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.
Drupal Core:
5.xLayout:
1,2 or 3 columns. fixed or fluid.License:
GPL- more information
- live demo
Releasing "Web Application", a Proper Web2.0 Theme
Submitted by peach on Thu, 01/24/2008 - 11:02.
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
Submitted by peach on Tue, 01/22/2008 - 20:35.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.
Drupal Core:
5.xLayout:
2 or columns. fixed-width.License:
n/a- more information
- live demo
6 steps to a fancy custom taxonomy menu with term images
Submitted by peach on Mon, 01/14/2008 - 18:27.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
Submitted by peach on Tue, 01/08/2008 - 14:12.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
Submitted by peach on Fri, 01/04/2008 - 13:10.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.
Drupal Core:
5.xLayout:
2column fixed height/widthLicense:
public domain- more information
- live demo
Theming Drupal Comments, Exemplifying with Garland
Submitted by peach on Tue, 12/04/2007 - 16:39.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.
Drupal Core:
5.xLayout:
2 columnLicense:
Creative Commons 2.5- more information
- live demo
