Newer posts are loading.
You are at the newest post.
Click here to check if anything new just came in.

April 05 2012

08:01

A Showcase of Amazing Drupal Themes


  

Since its inception, Drupal has had the (rather infamous) reputation of being the developer’s CMS. Designing a website using Drupal meant hard-coding every aspect of the appearance of your website. However, over time, and with the advent of Drupal 7, the picture has changed. Drupal too, like WordPress, now boasts of several new and beautiful themes (also called templates), and the number is increasing everyday (including ports of themes from WP).

In this article, we take a look at some of the best Drupal themes that are available from the web design and development community. We hope that you will find some new and useful templates in the showcase we’ve collected.

Free Themes

BlueMasters

BlueMasters comes with a large home page slider, a custom frontpage comprised of 4 block regions along with a footer containing 4 regions. It offers support for both 2- and 3-column layouts for pages, as well as multilevel drop down menus. This is a port of a WordPress theme.

Bluemasters

Demo | More Info

Corporate Clean

Corporate Clean offers a simple and clean design in the form of 1- or 2-column layouts. The theme also comes with native support for jQuery slideshows and Breadcrumb display.

Corporate Clean

Demo | More Info

Journal Crunch

Journal Crunch for Drupal is a port of the popular Journal Crunch WordPress theme released by Smashing Magazine. The theme is ideal for magazine websites or blogs with lots of Featured images. The footer has 4 block regions.

Journal Crunch

Demo | More Info

Sky

Sky is a minimal theme that comes loaded with the added goodness of HTML5. It comes with 4 preset color schemes, as well as custom color layout options. Apart from 17 customizable regions (along with a 4-column footer), Sky also offers excellent support for mobile devices and integration with Google Fonts API.

Sky

Demo | More Info

Selecta

Just like Journal Crunch and Bluemasters, Selecta is a port of a WordPress theme. It is meant especially for video websites and blogs. Selecta has a 2-column layout, a total of 11 regions, and detailed CSS rules for features such as sidebar ads, comment forms, contact forms, etc. Plus, Selecta has a Javascript powered implementation for ‘Featured Videos’.

Selecta

Demo | More Info

ImpreZZ

ImpreZZ is a port of the original theme released by Smashing Magazine. It is a 3-column theme meant for personal blogs. Though the theme has become bit dated by now, its unique layout with middle column navigation makes it quite popular even to this day.

ImpreZZ

Demo | More Info

Blacksea

Blacksea is a light-weight and flexible theme with a 100% tableless CSS layout. The theme features 8 custom user regions, 2 resizable sidebars, plus support for both fixed and fluid width and jQuery animations.

Blacksea

Demo | More Info

Magazeen Lite

Yet another theme ported from WordPress, Magazeen Lite is meant for magazine websites. It comes with JS Slideshow and a 2-column layout.

Magazeen Lite

Demo | More Info

Premium Themes

Community (Regular License: $40)

As the name suggests, Community is a theme built for community websites. It offers 12 different color schemes and backgrounds, both fixed and fluid layouts, 2 jQuery sliders, as well as support for banner advertisements.

Community

Demo | More Info

Wellfolio (Regular License: $35)

Wellfolio is a minimalist portfolio theme for Drupal 7. It comes loaded with 3 pre-defined skins, jQuery animations, built-in contact form and Google Maps support, etc. All in all, Wellfolio seems to be the ideal theme for showcasing your portfolio or projects.

Wellfolio

Demo | More Info

Creative (Regular License: $50)

Creative is a theme that comes with unlimited color options and 16 flexible regions, along with both fixed and fluid layout options. The theme is cross-browser compatible and features jQuery powered animations.

Creative

Demo | More Info

Smooth (Regular License: $40)

Smooth comes with 8 different color schemes, flexible sidebars and 15 regions that can support any number of blocks. The theme supports Google Fonts API and over 6 different menu styles.

Smooth

Demo | More Info

Simple (Regular License: $45)

Simple offers 16 flexible regions, 1- 2- or 3-column layouts, split sidebars and a jQuery powered home page slider. Just in case that doesn’t impress you, the theme also comes with 12 different color schemes and 23 background options (including 12 block theme colors).

Simple

Demo | More Info

Clean Design (Regular License: $45)

Clean Design is a minimal theme that offers a great deal of customization – you can pick from 17 accent colors, 11 link colors, 11 block title colors and 6 different backgrounds. Plus, you also have a jQuery-powered Featured slider on the home page.

Clean Design

Demo | More Info

City Magazine (Regular License: $40)

City Magazine is a theme meant for magazine websites and blogs. The theme offers a home page slider, animated menus, separate block themes (including a ‘typewriter style’ quick news block), and the ability to create sub-themes.

City Magazine

Demo | More Info

Corporate X (Regular License: $35)

Corporate X is a multi-purpose theme for Drupal 7. It offers over 27 jQuery effects, auto-resizing of images, 6 base color themes and enhanced SEO settings. The theme also offers two separate page layouts for creating a portfolio and automatic thumbnail generation for images.

Corporate X

Demo | More Info

AT Headliner (Club Membership: $65/year)

AT Headliner is a child theme of the free Adaptive Theme for Drupal 7. It is meant for magazine and news websites, and offers features such as custom front pages, Google Fonts API, color module support, home page slideshow, multi-column footer, etc.

AT Headliner

Demo | More Info

Ukulele (Standard License: $60)

Interesting name, isn’t it? Ukulele is a theme with a unique color scheme, targeting sports blogs and websites. It has in-built e-commerce features (just in case you decide to sell souvenirs and T-shirts on your sports blog). It comes with 3 color schemes and 8 block regions.

Ukulele

Demo | More Info

AT Magazine (Club Membership: $65/year)

AT Magazine is another Premium Drupal 7 theme meant for news and content publishing websites. The theme comes with 5 color schemes, 32 regions, selectable textures, multi-column footer, and homepage slideshow. Just like most other themes by this provider, AT Magazine also is a child theme of Adaptive Theme for Drupal 7.

AT Magazine

Demo | More Info

Shemisen (Standard License: $60)

Shemisen is a theme primarily meant for photographers. It comes with support for separate blog and gallery sections, advertisement blocks, social networking icons, etc. It offers 6 color schemes, enhanced SEO settings, and newsletter options.

Shemisen

Demo | More Info

Techtonic (Standard License: $70)

Techtonic is an HTML5 theme with a responsive and mobile-ready design. It has 12 grid based layouts, 8 resizable regions as well as 2 re-positionable sidebars. The theme also comes with menus enhanced by jQuery animations.

Techtonic

a href=”http://www.themeshark.com/demo/techtonic/”>Demo | More Info

Amoeba (Standard License: $70)

Amoeba comes with 8 custom regions, fixed and fluid width as well as a home page featured posts’ slideshow. The theme is light-weight and is ideal for news and content-centric websites.

Amoeba

Demo | More Info

Neptune (Standard License: $70)

Neptune offers almost the same set of features as Amoeba, but it is organized in the form of a grid. It is best suited for content publishing blogs or websites with a rather informal touch.

Neptune

Demo | More Info

Barracuda (Standard License: $70)

Barracuda is a rather loud theme with 8 custom regions, jQuery animations, support for slideshow, CCK and Views Modules as well as a 100% tableless CSS layout. Furthermore, Barracuda is compatible with both Drupal 7.x and 6.x .

Barracuda

Demo | More Info

Starboard Magazine (Standard License: $70)

Starboard Magazine is meant for news and magazine websites. It has resizable sidebars (both left and right), fixed and fluid width options, 8 custom user regions as well as support for various custom modules.

Starboard Magazine

Demo | More Info

That does it for this end. Now we turn things over to you. Do you run a Drupal-powered website? If so, which themes do you use? Feel free to share your thoughts with us in the comments!

(rb)

June 27 2011

15:09

Create a Facebook Recent Activity Drupal Module

Advertise here

Enhancing Drupal’s built-in functionality with new modules is one of the features that attracted a lot of developers to the platform and made it extremely popular. This tutorial will demonstrate how to create a Drupal module, using techniques recommended by Drupal gurus.

Before getting our hands dirty, let’s take a look at what are we going to learn.

Prerequisites

In order to fully understand the information presented in this tutorial, you need to have the following knowledge:

  • basic Drupal administration including installing Drupal, enabling a module, adding some content
  • basic PHP knowledge

Drupal Hooks

The Drupal codebase is modular and consists of two parts:

  • the core modules (the core)
  • the contributed modules (the modules)

The core provides all the basic Drupal functionalities, and the modules add more features to the base installation. Interaction between modules and the core is done via “hooks”.

According to Drupal’s documentation:

“A hook is a PHP function that is named foo_bar(), where foo is the name of the module (whose filename is thus foo.module) and bar is the name of the hook.”

So, the hook is a function with a special name that is called by the Drupal system in order to allow modules to include their functionality to the core. The file containing these functions also has a special name which allows the core to find all the installed modules.

The Drupal API provides the developer with a large number of hooks with which to alter almost the whole functionality of the core. For a Drupal developer, the sky is the limit for creating a site based on this powerful CMS.

Separating the basic functionality from the auxiliary features enables an increased flexibility on performing administrative tasks such as upgrading Drupal to a newer version. Since the core is somehow independent on modules, this operation can be done just by overriding the core.


What We’re Building Today

We need a realistic goal for implementing our module, and I think Facebook integration is the perfect idea. We will allow the user to “like” our articles by adding a Facebook ‘Like’ button to each of them. The second task of our module will be to show, in the sidebar, which articles were liked by the users.

Obtaining the Data

Since the main focus of this article is on how to implement a Drupal module, we will use the simplest method to retrieve the data from Facebook: Social Plugins. Social Plugins allow users to add Facebook elements to your site with only a single line of code, which can be taken out with copy/paste from the Facebook site.

Our final product will have an output which should look like so:

Final Product

Step 1: Setup

Drupal searches for contributed modules in the sites/all/modules folder of your Drupal installation. In case an administrator decides to have multiple sites driven by one Drupal installation, the path to the contributed module will look like sites/subdomain/modules.

First, let’s choose a name for our module. Since its task will be to add Facebook functionality to our site, I assume “facebook” will be a proper name for it. We can start preparing the required directory structure for developing our module.

Inside sites/all create a subfolder, named modules. We will store our contributed modules in a subfolder named custom. The Facebook module will reside in the facebook subdirectory of the custom directory. The final structure will look like so:


Final Product

Step 2: Inform Drupal about our Module

Drupal presents the user with a list of core and contributed modules based on the content of sites/all/modules. For each module present, Drupal searches for a file named module_name.info. This file should contain information about the specific module and Drupal displays this information to the user.

Let’s create the info file for our module. Create a file, named facebook.info in the sites/all/modules/custom/facebook folder, and add the following code to it:

  ; the module's user friendly name, will be displayed in the modules list
  name = Facebook Recent Activity
  ; the module's description, will be displayed in the second column in the modules list
  description = Retrieves and displays in a block the recent activity data from Facebook.
  ; the module's package, will be the name of the module's group on the modules list page
  package = Nettuts+ Drupal Module Tutorial
  ; the Drupal core package
  core = 7.x
  ; the files array indicating which files are part of the module
  files[] = facebook.module

The code above reveals the required information to be placed in an info file. Notice that we’ve referenced the facebook.module in the files array. This file will contain our module’s code. For the moment, go ahead and create an empty file in our folder.

The .info file is a standard .ini file; therefore, the lines starting with “;” are comments.

Checkpoint

Now, let’s check what we’ve done so far. Visit your website and select Modules from the upper main menu. The modules list should be displayed, and at the bottom of it, you will find a new module group, named Nettuts+ Tutorial Module containing our module. Check out how the information you’ve placed in the info file is displayed here.

Final Product

Step 3: Add the Like Button

We need to add the code provided by Facebook to the Drupal code that processes the node. This can be done by implementing hook_node_view.

As we will find in a moment, implementing hook_node_view requires using the theme function.

A theme function is a Drupal API function that is used to allow desginers to theme the modules as desired. The fact that we will use the function also means that we will have to implement hook_theme too.

Retrieving the Code from Facebook

The Facebook code that displays the ‘Like’ button on the pages can be obtained here. You can customize the look of the button using the controls on the page. Pressing the Get Code button displays the required XFBML code.

Final Product

Implement hook_node_view

The hook_node_view returns the renderable view of the nodes (articles or pages for instance). Using this hook, we can add custom code to the one generated by Drupal by default. The implementation of this hook looks like so:

  /**
   * Implements hook_node_view().
   *
   * Returns the renderable view of our nodes (pages or articles).
   * We want to moddify the code so that we add the like button
   * to our pages.
   */
  function facebook_node_view($node, $view_mode, $langcode)
  {
    $node->content['facebook'] = array(
      '#markup' => theme('facebook_add_like_button'),
    );
  }

The name of the function is facebook_node_view, so you can deduce that it is composed from the name of our module and the name of the hook.

The parameters are:

  • $node — contains the node data that will be rendered lately
  • $view_mode — specifies how the node is displayed (can be full mode, teaser etc.)
  • $langcode — to control the language code for rendering

We modify only the $node parameter and the result will be that our ‘Like’ button will appear also when a node teaser is displayed. I leave it as an exercise for you to modify the code to display the Like button only on full pages.

The code adds a new key to the $node->content array, which says that the markup for the facebook module will be rendered by the facebook_add_like_button function.

Implement hook_theme

This hook should be implemented to register the implementation of the theme function.

  /**
   * Implements hook_theme().
   *
   * Just to let Drupal know about our theme function.
   */
  function facebook_theme()
  {
    return array(
      'facebook_add_like_button' => array('variables' => NULL),
    );
  }

The code returns an array containing the name and parameteres of the function. In our case, we don’t require any parameters, so the array of variables is set to NULL.

Implement our theme Function

Finally, we’ve reached the moment when we can add the code taken from Facebook to our module. This can be done like so:

  /**
   * Function to add the desired code to our page.
   */
  function theme_facebook_add_like_button()
  {
    $output = '<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#appId=221371084558907&xfbml=1"></script><fb:like href="http://www.facebook.com/profile.php?id=100000782572887" send="true" width="450" show_faces="true" font=""></fb:like>';

    return $output;
  }

Note that the function’s name is composed from the name registered by theme hook prefixed with theme_. The function returns a string containing the code taken from Facebook.

Checkpoint

We can now check to see if everything is okay up to this point. You can activate the module by clicking on Modules from the upper menu, scrolling down to the Facebook module and activating the enable check box in front of our module.

Click on Save configuration button to enable the module. If you do not have any articles added to your site, add some now and check out the spiffy buttons that have been added.

Your posts should look like below:

Final Product

Step 4: Create the Sidebar Block

Creating the sidebar block consists of two actions:

First, we have to let Drupal know about the existence of a new block and make it appear in the list of available blocks. Second, we have to write the code that displays information in the block.

This assumes implementation of the hooks: the hook_block_info, which will list our block in the block list, and hook_block_view, which contains the necessary code to display the Facebook recent activity inside the block.

Implementing hook_block_info

  /**
   * Implements hook_block_info().
   *
   * Using this hook we declare to Drupal that our module
   * provides one block identified as facebook
   */
  function facebook_block_info()
  {
    $blocks['facebook'] = array(
      'info' => t('Facebook Recent Activity'),
    // leave the other properties of the block default
    );

    return $blocks;
  }

The block_info hook tweaks the $blocks array by adding a new key, named info to it, which contains the text that will be available on the blocks page near our Facebook module.

Implementing hook_block_view

The first thing to do is take the Facebook code, available here. We need to configure the default options: set the width to 170 and the header to false (uncheck the Show header checkbox).

We need a 170px wide block, since this is the standard Drupal block width and we will set up our own text for the header — therefore, we don’t need Facebook’s title.

Let’s check the code for hook_block_view:

  /**
   * Implements hook_block_view().
   *
   * Returns the renderable view of our block. It takes
   * the configured values of facebook recent activity
   * social plugin
   */
  function facebook_block_view($delta = '')
  {
    switch($delta) {
    case 'facebook' :
      $block['subject'] = t('Facebook recent activity');
      $block['content'] = '<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:activity site="" width="170" height="500" header="false" font="" border_color="#fff" recommendations="false"></fb:activity>';
    }

    return $block;
  }

The block view hook receives a single parameter, which is an indication of which block is rendered. We check to see if the block belongs to our module and, if yes, we add two new items to the $block array:

  • a subject string, which will be the title of the block
  • a content string, which, in our case, is taken from Facebook.

We’re almost ready. Enable the module, then navigate to Structure in the main menu, then choose Blocks and scroll down to the disabled list of blocks, and set our Facebook recent activity block to be displayed in the second sidebar (which will appear on right on the default theme).

Next, press the like button for some of the articles previously created. These will appear listed in the sidebar in our freshly created block.

That’s it! We’re done. The result should look like so:

Final Product

Wrapping Up

I hope this tutorial convinced you that creating a Drupal module isn’t really as hard as you might think. Of course, this tutorial only scratches the surface of what Drupal modules can accomplish. Nonetheless, this should be an excellent starting point!

Thank you so much for reading and let me know if you have any questions!

Sponsored post
soup-sponsored
05:36
Reposted bySchrammelhammelMrCoffeinmybetterworldkonikonikonikonikoniambassadorofdumbgroeschtlNaitliszpikkumyygittimmoe

January 10 2011

19:24

What’s New in Drupal 7


Drupal is one of the most popular content management systems (CMS) out there. To mark the new year, Drupal 7, the next major version of Drupal, is being released! In this article, I’ll walk you through some of the most exciting new features.


New Themes

The old themes have been replaced with powerful, new ones.

If you’ve worked with Drupal 6, you may have noticed the default “Garland” theme looks a bit outdated by now. Furthermore, using Garland for site administration and content editing is, frankly, not very intuitive.

Drupal 7 changes all that! The old themes have been discarded and replaced with a powerful theme trio:

  • Bartik - The attractive new default theme your users will see
  • Seven – The new administrative theme. If you’ve worked with Drupal 6, you will love this new administrative theme (more about that in a following section).
  • Stark - A blank theme that helps theme developers (aka the themers) understand Drupal’s default HTML and CSS

As always, these themes can be replaced by a theme you download and install from Drupal.org or by a custom theme of your own making!


Revamped Admin Interface

One of the most intrinsic functions of any CMS, be it WordPress, Joomla, or Drupal, is to provide an easy way for end-users to update content. Drupal 6 has some very good administrative themes, such as Rubik, but Drupal 7 makes creating, updating, and editing content far simpler. Take a look at the following short video to get a feel for the new administrative interface:



A video demonstration of the Drupal 7 Administrative Interface

Improved Theming Layer

Meaningful HTML is not a strong suit of Drupal 6, but Drupal 7 delivers big-time.

Another important features of any CMS is the ability to take full control over the look and feel of the site you’re building. Drupal 6 has a fantastic theming layer, but it does have a few quirks that are ironed out in Drupal 7. As a note, template files in Drupal end with the .tpl.php extension, which is often pronounced “tipple-fip” for brevity.

If you’ve worked with Drupal 6 themes, perhaps the biggest change you’ll notice is the introduction of html.tpl.php, which is used to display the basic html structure of a single Drupal page, including DOCTYPE, head, html, and body. In Drupal 6, page.tpl.php used to include these elements, but is now used specifically to display the content of a single page. This change should free themers from declaring DOCTYPES, head, etc. in multiple files, thus making maintenance and changes simpler.

Unsemantic class names have been renamed. For example, the class block-blog-0 has been renamed block-blog-recent, and block-profile-0 has become block-profile-author-information. While this may seem minor, meaningful and semantic classnames can greatly speed up theme development and make debugging CSS issues clearer.

There’s far too much to cover in one small section, from hidden regions to new PHP functions. If you’re interested in learning more about changes to the theme layer, check out the following links:


jQuery Updates

For the front-end developers out there, this is a big one. Unfortunately, Drupal 6 still ships with jQuery 1.2.6, and upgrading isn’t simple. Luckily, Drupal 7 ships with jQuery 1.4.4, which is significantly faster than jQuery 1.2.6, and provides developers with access to fantastic features such as .delegate() and $.proxy().

Drupal 7 ships with jQuery 1.4.4

In addition to updating jQuery, Drupal 7 will also ship with jQueryUI 1.8. jQueryUI is a smart addition which should help standardize many UI components, such as tabs, drag & drop events, or accordions. There are loads of Drupal modules which try to fulfill these tasks in Drupal 6. Therefore, standardizing around one UI library in Drupal 7 should make front-end development and maintenance easier.


Drupal 7 Ships with CCK

CCK is the Drupal equivalent of WordPress’ custom post types

For those unfamiliar with Drupal, CCK stands for Content Construction Kit, and it is one of the coolest features of Drupal. While CCK used to be an add-on module, it is now included with Drupal 7 by default.

Essentially, CCK allows you to quickly create new content types, such as an article, blog post, or even music album. You can easily add fields to your content type using the administrative interface. For example, you could add Album Name, Tracks, Producer and release year to a music album content type. Once the content type is created with the appropriate fields, content contributors can start entering in content while you work on the technical parts of the site! If that explanation didn’t get you excited about content types, check out this quick video:



A video demonstrating the Content Construction Kit:

RDF Support

Drupal 7 is the first major CMS to implement RDF.

Have you heard of the Semantic Web, otherwise known as the Giant Global Graph? According to Wikipedia, the semantic web is a group of methods and technologies to allow machines to understand the meaning – or ‘semantics’ – of information on the World Wide Web. In practice, the semantic web should vastly improve search engines, mashups, and data mining.

But what technology is used to implement the semantic web on our sites? That technology is called RDF. Drupal 7 is the first major CMS to implement RDF.

If you haven’t heard of RDF yet, and remain unconvinced of its usefulness, I would highly recommend you watch the following video from DrupalCon to get an idea for what RDF can do for your site: The story of RDF in Drupal 7 and what it means for the Web at large.


Conclusion

This article has covered many of the most exciting features of Drupal 7, but there’s even more! For those interested in Drupal module development, Fields are being overhauled and should make the creation of modules even simpler. Installation profiles have become easier to create and maintain. What are you favorite features of Drupal 7? Tell us in the comments!

Download Drupal 7.

July 08 2010

10:00

7 Awesome Alternatives to WordPress as a Blogging Platform

WordPress is a very popular blogging platform that runs millions of blogs. But, what if it doesn’t meet your needs? Just because tons of people use it doesn’t mean it will be right for you. Here are 7 solutions to help you find your own advanced blogging solution. These CMS’s (Content Management Systems) will offer you a lot of options and features – but it’s important to weigh pro’s and con’s when choosing the right system. Most of these work in the same manner; you’ll have to download and upload the files to your server (some need a database to work), and then go through an install and configure the system. Later, there should be some kind of extensions you’ll be able to add – such as themes, plugins, modules, sections – and a lot more.

1.TextPattern

Textpattern is a robust CMS. It’s most useful for blogs, although full sites can and have been created with Textpattern as well. It happens to be quite flexible – you can create almost anything with plugins and a custom sections and styling. Personally, I would only recommend this to people who have dealt with PHP and other CMS’s before; although using Textpattern is fairly easy to learn.

Cool Features:

  • Easy to focus on content
  • Browser-Based Media Control
  • Freedom to control all elements
  • Browser-based template and CSS editing
  • Light Weight and Secure
  • The many available plugins give you extra functions and capabilities

2. Habari

Habari is a free blogging system that, although is still new – proves to be a safe, firm, and well-rounded solution for many. Called the ‘future of blogging’, this flexible system is well on its way to being a huge force in the CMS market.

Cool Features:

  • Multiple Users and Sites with one install
  • Plugins, Tagging and a WordPress Importer
  • Static Pages
  • Supports multiple types of databases (MySQL, SQLite, PostgreSQL)
  • Supporting Developer Community
  • Fast and Simple Installation
  • Full featured dashboard

3. Movable Type

Movable Type is a powerful all-in-one tool that lets you create blogs and entire websites with one platform. Being flexible with themes and plugins, you can really do anything with Movable Type! Movable Type is free, but for those who need a larger amount of support (like a business), Movable Type Pro comes with more features – and is not free.

Cool Features:

  • Open Source for Developers
  • Simple to create all kinds of websites
  • Revision history – you’ll never loose anything!
  • Dashboard and Custom Fields
  • All-in-one solution that cam power anybody

4. Tumblr

Tumblr is a micro-blogging platform. Although you can’t host it on your own server, you can customize your Tumblr blog as much as you would like with super cool themes! With an awesome community, Tumblr is the easiest solution for micro-blogging. You’ll also have the ability to use custom domains!

Cool Features:

  • Don’t have to host on your own server
  • Free and Easy to Use
  • Community Interaction
  • Easy to post with mobile devices (call, text, mobile web, apps)
  • Powerful Well Designed Themes by Professional Designers
  • Completely Free!

5. Drupal

Drupal is an open source Content Management System that can create anything to a small blog to a large community website. You can even create discussion websites, corporate pages, personal blogs, directories and even social networking sites – all in a breeze.

Cool Features:

  • You can contribute to it’s development
  • Admin side tracking and statistics
  • Easy Forum and Polls
  • Built in news aggregator
  • Easy to personalize and community gives online help

6. ExpressionEngine

ExpressionEngine is a flexible CMS that helps you fulfill your site’s full purpose. There are modules, plugins and extension hooks to help you customize your website to the upmost extent.

Cool Features:

  • Flexible – can power organizations and companies
  • Will adapt to your needs
  • Easy to add more features
  • Analytical tracking
  • Built in spam prevention
  • Totally secure and manageable

7. FlatPress

Last, but not least – FlatPress is an open source blogging system that does not need a database to work. This means that those without access to MySQL databases finally have a blogging system to fit their needs!With FlatPress, there are widgets and plugins to make your site as unique as you want it to be.

Cool Features:

  • Open Source
  • Does not require a database to function
  • Looks like WP
  • Plugins and widgets
  • Theme Support
  • Static Page support

Now that you have seen some of the great options available, what will be your pick? Are you going to stick with WordPress? Are you going to try any of the solutions here? Let us know below!

June 14 2010

18:24

Drupal Cheat Sheet Desktop Wallpaper

Smashing-magazine-advertisement in Drupal Cheat Sheet Desktop Wallpaper
 in Drupal Cheat Sheet Desktop Wallpaper  in Drupal Cheat Sheet Desktop Wallpaper  in Drupal Cheat Sheet Desktop Wallpaper

In this post we release a yet another freebie: a Drupal Cheat Sheet Desktop Wallpaper, a desktop wallpaper that features most popular variables of the open source content management system Drupal. The wallpaper was created by Giovanni Scala for Smashing Magazine and its readers.

Release in Drupal Cheat Sheet Desktop Wallpaper

Download the wallpapers for free!

Preview in Drupal Cheat Sheet Desktop Wallpaper

Features

This pack is a set of wallpapers for Drupal developers showcasing available Drupal variables and their descriptions in a compact overview.

  • Page.tpl.php defines the main skeleton for the page,
  • Node.tpl.php controls the display of a node, and a node summary,
  • Comment.tpl.php defines the HTML for the comments block,
  • Block.tpl.php contains theme implementation to display a block (left and/or right side of page),
  • Box.tpl.php prints a simple HTML box around a page element.

Blockbox in Drupal Cheat Sheet Desktop Wallpaper
Blockbox

Comment in Drupal Cheat Sheet Desktop Wallpaper
Comment

Node in Drupal Cheat Sheet Desktop Wallpaper
Node

Page in Drupal Cheat Sheet Desktop Wallpaper
Page

Behind the design

As always, here are some insights from the designer:

Web developers typically work with many windows and applications opened at the same time, so why don’t use a wallpaper background to help remembering most used variables without opening a yet another window? Many users have alrealdy appreciated the Wordpress Help Sheet Wallpaper, so we hope that the Drupal theme developers will enjoy this one, too.

Thank you, Giovanni. We appreciate your work and your good intentions.


© Smashing Editorial for Smashing Magazine, 2010. | Permalink | Post a comment | Add to del.icio.us | Digg this | Stumble on StumbleUpon! | Tweet it! | Submit to Reddit | Forum Smashing Magazine
Post tags: cheatsheet, drupal, Freebies, Wallpapers

May 12 2010

13:03

50 High Quality Themes for Drupal Developers

Advertisement in 50 High Quality Themes for Drupal Developers
 in 50 High Quality Themes for Drupal Developers  in 50 High Quality Themes for Drupal Developers  in 50 High Quality Themes for Drupal Developers

For a fair few numbers of years Drupal has had the reputation of being a difficult CMS to learn. Any web developer will tell you that. It is a fair reputation, but this does take a lot of the gloss and prestige away from what it deserves.

Whereas once you manage to get beyond the initial tricky learning curve, everything falls into place and is relatively straight forward, and what you are left with is one powerful beast of an engine that can handle anything you throw at it. You either really love Drupal or you should learn to love Drupal. Yes, I am a Drupal fan.

Premiumdrupaltheme Header in 50 High Quality Themes for Drupal Developers

Drupal does hold its place well amongst the top three CMSes (Wordpress, Joomla and Drupal), and does have its own specialized section within web development. And contrary to belief, it is a highly versatile CMS that can be used for almost any type of website whatever the size, just as you can with almost all other CMSes.
Of course, it is all down to the personal preferences and choices of the developer, and Drupal should be considered for all projects.

In this collection, we have not only collected the best free and premium Drupal themes, we also offer a useful selection of blank or starter themes, perfect for your first steps into Drupal development.

An Introduction to Drupal

If this is your first step into Drupal, perhaps you should take a look at the basics first. In this 9 part tutorial video series they offer a concise introduction into Drupal and all of its subsequent tutorials cover all aspects of its theme development, from first installation to controlling the visual design of an operating site.

9 Part Drupal Development Video Series:

  1. Drupal 6 Introduction
  2. Downloading and Installing
  3. Initial Setup
  4. Home Page Setup
  5. Creating a Poll
  6. Drupal 6 Blocks
  7. User Setup and Profiles
  8. Drupal 6 Themes
  9. Relaunching Bitnami

Free Magazine and Newspaper Style Themes

Alphorn (Demo)

Drupaltheme1 in 50 High Quality Themes for Drupal Developers

Blog Grail (Demo)

Drupaltheme2 in 50 High Quality Themes for Drupal Developers

Analytic (Demo)

Drupaltheme3 in 50 High Quality Themes for Drupal Developers

Conch (Demo)

Drupaltheme4 in 50 High Quality Themes for Drupal Developers

960 Robots (Demo)

Drupaltheme5 in 50 High Quality Themes for Drupal Developers

Free Corporate and Business Themes

Orange (Demo)

Drupaltheme6 in 50 High Quality Themes for Drupal Developers

Summertime (Demo)

Drupaltheme7 in 50 High Quality Themes for Drupal Developers

Acquia Prosper (Acquia Prosper Demo)

Drupaltheme8 in 50 High Quality Themes for Drupal Developers

Chrono (Demo)

Drupaltheme9 in 50 High Quality Themes for Drupal Developers

Corporate Website (Demo)

Drupaltheme10 in 50 High Quality Themes for Drupal Developers

Acquia Slate

Drupaltheme11 in 50 High Quality Themes for Drupal Developers

Zero Point (Demo)

Drupaltheme12 in 50 High Quality Themes for Drupal Developers

D4rk (Demo)

Drupaltheme13 in 50 High Quality Themes for Drupal Developers

Free Blog Themes for Drupal

Dessert (Demo)

Drupaltheme14 in 50 High Quality Themes for Drupal Developers

BlogBuzz (Demo)

Drupaltheme15 in 50 High Quality Themes for Drupal Developers

Browny (Demo)

Drupaltheme16 in 50 High Quality Themes for Drupal Developers

Gateway (Demo)

Drupaltheme17 in 50 High Quality Themes for Drupal Developers

Elements Theme (Demo)

Drupaltheme18 in 50 High Quality Themes for Drupal Developers

Mulpo Theme (Demo)

Drupaltheme19 in 50 High Quality Themes for Drupal Developers

id-Facta (Demo)

Drupaltheme20 in 50 High Quality Themes for Drupal Developers

Alpha

Drupaltheme21 in 50 High Quality Themes for Drupal Developers

Dingus

Drupaltheme22 in 50 High Quality Themes for Drupal Developers

Fusion Theme (Demo)

Drupaltheme23 in 50 High Quality Themes for Drupal Developers

Beach (Demo)

Drupaltheme24 in 50 High Quality Themes for Drupal Developers

Arclite (Demo)

Drupaltheme25 in 50 High Quality Themes for Drupal Developers

Mystique (Demo)

Drupaltheme26 in 50 High Quality Themes for Drupal Developers

Pixel (Demo)

Drupaltheme27 in 50 High Quality Themes for Drupal Developers

Internet Encyclopedia

Drupaltheme28 in 50 High Quality Themes for Drupal Developers

Nitobe

Drupaltheme29 in 50 High Quality Themes for Drupal Developers

Light (Demo)

Drupaltheme30 in 50 High Quality Themes for Drupal Developers

Twittish

Drupaltheme44 in 50 High Quality Themes for Drupal Developers

Free Wordpress Ported Themes for Drupal

Magazeen

Drupaltheme31 in 50 High Quality Themes for Drupal Developers

Arthemia

Drupaltheme32 in 50 High Quality Themes for Drupal Developers

Colourise (Demo)

Drupaltheme33 in 50 High Quality Themes for Drupal Developers

Color Paper (Demo)

Drupaltheme34 in 50 High Quality Themes for Drupal Developers

Agregado

Drupaltheme35 in 50 High Quality Themes for Drupal Developers

AD The Morning After (Demo)

Drupaltheme36 in 50 High Quality Themes for Drupal Developers

Blank and Starter Drupal Themes for Developers

Zen
If you are using Drupal for the first time to build your own standards-compliant theme, you will find it much easier starting with Zen.

Out of the box, Zen is clean and simple with either a one, two, or three column layout of fixed or liquid width. In addition, the HTML source order has content placed before sidebars or the navbar for increased accessibility and SEO.
This theme is backed up by fantastic online documentation and tons of code comments for both the PHP (template.php) and HTML (page.tpl.php, node.tpl.php).

Drupaltheme37 in 50 High Quality Themes for Drupal Developers

Beginning Blank Canvas
The Beginning theme is a W3C standards-compliant blank canvas theme for developers with support for one , two or even no sidebars and with up to ten editable regions.

Drupaltheme38 in 50 High Quality Themes for Drupal Developers

Framework Blank Canvas
Framework is another user friendly blank canvas theme that is set to a 24 column grid of 950px, with support for one, two or three-column layouts.

Drupaltheme39 in 50 High Quality Themes for Drupal Developers

Genesis Starter Theme
Genesis is first and foremost a base theme for building Drupal 6 sub-themes with very flexible layout options and very easy to install with its simple three step process.
This starter theme is very well documented and supported with a collection of video tutorials, which can be found here: Genesis Video Collection.

Drupaltheme40 in 50 High Quality Themes for Drupal Developers

Blueprint starter Theme
Blueprint is a starter Drupal theme built upon, as its name states, the Blueprint CSS framework. As with all starter themes it has a very flexible layout, from 1 to 3 columns, based on where you configure your blocks to show (left, center, right).

Drupaltheme41 in 50 High Quality Themes for Drupal Developers

Basic
Basic was originally a stripped down version of the ZEN theme (see above), it has now become its own concept of a theme starter and boasts a clean HTML structure with extensible CSS classes and ID's for unlimited theming possibilities as well as a top-down load order for improved SEO.
Basic's goal is to provide themers the building blocks needed to get their designs up and running quickly and simply.

Drupaltheme42 in 50 High Quality Themes for Drupal Developers

Fusion
Fusion is a powerful base theme, with layout and style configuration options built in that you can control through Drupal's UI. It's based on a simplified 960px or fluid 16-column grid.
It includes a commented "starter" subtheme for easy CSS theming and also has plenty of helper classes for even easier Drupal theming.

Drupaltheme43 in 50 High Quality Themes for Drupal Developers

Premium Drupal 6 Themes

Web Solutions
Web Solutions is a two or three column corporate site with numerous regions in the upper area of the page, so you can easily build custom landing pages with blocks to highlight certain projects, products, or features.

Premiumdrupaltheme 01 in 50 High Quality Themes for Drupal Developers

All Geared Up
All Geared Up is a very flexible theme, with a translucent drop down menu for your primary links and two different header styles that allow for a custom front page. The preface regions are collapsible, and the sidebar expands and alternates between two block styles. Postscript regions are designed to match the site and can be used in any combination.

Premiumdrupaltheme 02 in 50 High Quality Themes for Drupal Developers

Platino (Demo)
Its clean and bright style, accompanied by its flexible 25 editable regions, Platino is perfectly suited for any community themed site.

Premiumdrupaltheme 03 in 50 High Quality Themes for Drupal Developers

ZincOut (Demo )
The ZincOut theme has 28 regions, a built-in jQuery menu, built-in form tooltips and completely customizable via the themes settings.

Premiumdrupaltheme 04 in 50 High Quality Themes for Drupal Developers

Premium Business & Portfolio (Demo)
This professional business Drupal theme comes with a portfolio page, front page slider, and seamlessly features your content. This theme also features many Drupal customizations such as front page slider for portfolio/service items, user avatars in comments, featured front page footer blocks, and much more.

Premiumdrupaltheme 05 in 50 High Quality Themes for Drupal Developers

Kontroller Drupal Dark News (Demo)
Kontroller provides clean, usable styles and defaults, is easy to customize via the CSS file and provides easy administrative configuration of the front page.

Premiumdrupaltheme 06 in 50 High Quality Themes for Drupal Developers

ThemeNews Drupal News (Demo »)
The ThemeNews Drupal News Theme is a grid based news & magazine style theme that features a sidebar that is perfect for displaying 125×125 ads. The color scheme is completely customizable via the CSS file and the theme is easy to set up and comes with step by step instructions.

Premiumdrupaltheme 07 in 50 High Quality Themes for Drupal Developers

Magazine Plus (Demo)

The Magazine Plus premium theme for Drupal is a news and magazine theme with clean lines and precise image handling. This theme is a very flexible and unique magazine-style theme for blogs of any topic — celebrity, news, business, movies, music, travel, etc. It's great for colleges and universities and can be easily adapted to fit any online publication.

Premiumdrupaltheme 08 in 50 High Quality Themes for Drupal Developers

Black Portfolio (Demo)
Black Portfolio is a clean and simple folio template with jquery slider effects to show off works can be controlled by keyboard ( arrows, space bar enter ) too, this theme works for web designers, photographers etc…

Premiumdrupaltheme 09 in 50 High Quality Themes for Drupal Developers

Smart Interiors (Demo)
Smart Interiors is a simple and easy to use clean and simple elegant Drupal theme.

Premiumdrupaltheme 10 in 50 High Quality Themes for Drupal Developers

February 03 2010

14:45

27 Best Looking Free Drupal 6 Themes

Title-drupal-6-theme-web-designThere are hundreds of Drupal themes which you can find on the Internet but not all of them are good looking. So, this time I have collected the best looking free Drupal 6 themes I have found.

I have no idea how much of you guys use Drupal, but I’m a big fan of Drupal and this time I take a big risk and hope you’ll at least check out this selection and compare it with your CMS. Drupal is definitely worth trying out, it has a lot more customization options and chances to add different features, which even mighty Wordpress cannot handle.

1. BlogBuzz

Stunning Drupal theme! Everything is so clean, very well made. Could be a great theme for your portfolio web site or a blog.

antsin-blogbuzz-drupal-6-theme-web-design

2. Magazeen

Great looking theme! Just clean and shiny.

drupal-magazeen-drupal-6-theme-web-design

3. Gardening

Beautiful cartoon-style Drupal theme. Great piece of art!

drupal-gardening-drupal-6-theme-web-design.jpg

4. Acquia Prosper

Clean, good looking theme for an e-commerce website.

drupal-acquia-prosper-drupal-6-theme-web-design

5. ColorPaper

Great piece of work! The best implementation of this theme could be for a blog or just a personal website.

drupal-colorpaper-drupal-6-theme-web-design

6. Beach

Good looking Drupal theme. It has a nice underwater feeling.

drupal-beach-drupal-6-theme-web-design

7. Notechoas

Interesting piece of art. Background has a big role in this theme.

drupal-notechaos-drupal-6-theme-web-design

8. RootCandy

This is very cool and great looking theme for Drupal’s administration section. Everything looks clean and shiny and those icons look awesome.

drupal-rootcandy-drupal-6-theme-web-design

9. Scruffy

Great Drupal theme for a blog.

fresh01-scruffy-drupal-6-theme-web-design

10. Grassland

This theme looks nice. There’s a positive atmosphere inside this theme.

demo-spectacu-grassland-drupal-6-theme-web-design

11. Coolweb

Great theme for a corporate website!

dev-webserver9-coolweb-drupal-6-theme-web-design

12. Cleanfolio

Beautiful theme for a small and simple website.

webpp-office-on-the-cleanfolio-drupal-6-theme-web-design

13. Abstract

Beautiful theme for a blog or portfolio website!

drupal-abstract-drupal-6-theme-web-design

14. Fusion Theme

Clean and simple theme which looks great!

top-drupal-themes-fusiontheme-drupal-6-theme-web-design

15. A3 Atlantis

Very interesting theme. Could be good for a corporate website.

drupal-a3-atlantis-drupal-6-theme-web-design

16. Orange

Very well made and great looking theme for a social networking site!

drupal-amandarodriguez-orange-drupal-6-theme-web-design

17. Arclite Theme

Clean and simple theme which could be great for a blog.

topdrupalthemes-arclite-theme-drupal-6-theme-web-design

18. Fields 2009 template

Good looking theme for a corporate website.

themes-drupal-fields-2009-template-drupal-6-theme-web-design

19. NonZeroRed DTB

Just a simple and good looking theme. Could be implemented for many types of websites.

drupal6themes-drupalthemebank-nonzerored-dtb-drupal-6-theme-web-design

20. Elements Theme

Interesting Drupal theme. Could look good for a portfolio website.

70-32-72-241-elements-theme-drupal-6-theme-web-design

21. A Cold Day

Nice looking theme which has three color versions available.

drupal-a-cold-day-drupal-6-theme-web-design

22. Ebizon RedFire

If you want just a clean and simple website then this theme is a theme you are looking for.

themebot-ebizon-redfire-drupal-6-theme-web-design

23. Acquia Marina

Cool theme for many types of websites.

drupal-acquia-marina-drupal-6-theme-web-design

24. Alek 2.0

Simple Drupal theme for a simple website.

drupal-alek-2-0-drupal-6-theme-web-design

25. Twittish

If you would like that your website would look like Twitter then you have found the best solution for you!

webpp-office-on-the-twittish-drupal-6-theme-web-design

26. AD Redoable

Simple theme which would look great for a portfolio website.

duplika-ad-redoable-drupal-6-theme-web-design

27. Austin Zen Sub Theme

If you want just a simple website without any flashy, shiny elements then this simple theme is for you.

drupal-austin-zen-sub-theme-drupal-6-theme-web-design

Related posts:

  1. 24 Free Portfolio And Photo Gallery Wordpress Themes
  2. 21 Sites Where To Find Free Wordpress Themes Daily
  3. 43 Minimal And Really Clean Free Wordpress Themes
  4. 30 Quality Sites To Easily Preview And Download Free WordPress Themes
  5. 20 Professional Mozilla Firefox 3.5+ Ready Themes

Older posts are this way If this message doesn't go away, click anywhere on the page to continue loading posts.
Could not load more posts
Maybe Soup is currently being updated? I'll try again automatically in a few seconds...
Just a second, loading more posts...
You've reached the end.
(PRO)
No Soup for you

Don't be the product, buy the product!

close
YES, I want to SOUP ●UP for ...