Business Class Drupal theme- Help your business stand out with the power of Drupal

Business Class for Drupal 7

Help your business stand out

With multiple color schemes and typographic styles, unparalleled automations and unmatched ease of use. Read more

Business Class preview

See more Business Class photos

Highlights

Front Page Slideshow

Drive your Slideshow easily with the built-in intelligence. Create your “Slideshow entries” adding text, images or even full HTML. Or just set your content* to be promoted!
*Slideshow Entry, Product, Service & Blogpost.

Unparalleled Slideshow flexibility.

Leave it on the front page or set it to be displayed anywhere on your site. Dozens of transition effects available through theme settings.

Comes in your favourite color.

Four color schemes to choose from for all tastes and corporate identities; Blue, Gray, Green, Red. Just pick the one that fits you with a single click through the theme-settings.

Nice menus.

Business Class is integrated with the Nice Menu module supporting gorgeous multi-level drop-down menus with smooth motion.

Gorgeous testimonials.

Showcase words of love from your users and customers in the most amazing way, with the custom-made "Testimonial" content type and its unique design and automations.

Multiple font-schemes

Select among different font-schemes, with font-families for all tastes and corporate identities. Just pick the one that fits you with a couple of clicks.

Breadcrumb with a single click.

Breadcrumb is good to your users, especially if your website turns big. So, just switch it on via the theme settings.

Scroll-to-top

Enjoy attention to detail, provide your visitors those little goodies that make a difference such as a jQuery based “Scroll to Top”.

Views at your disposal.

Enjoy Views blocks ready-made for your ease: Latest blogposts, latest products, latest testimonials, archives and more.

Region-rich, yet without risk

Comes with a wealth of custom regions: Navigation, Banner, Promoted Area, Footer First, Footer Second, Footer Third, Footer Right. Yet it’s end-to-end compliant to the default Drupal regions.

Blogging goodies

Who doesn't blog nowadays? Who shouldn't? Business Class comes with support for the Blog module and a pre-activated blog*.
*Installation profile

Tweet, Tweet, Tweet

Comes with built-in twitter integration, looking cute, working great and allowing for the configuration of Twitter title, Twitter account and Twitter time.

Beautiful and sophisticated yet lightweight.

Gorgeous design built to the last detail using HTML and CSS3 rather than images, speeding up your website's load times.

Reorder everything, no limits.

Use Drupal 7’s built-in manage display to re-arrange all the content type fields* on a page according to your needs or liking.
*Business Class content type fields

One or two column support.

Leave the Sidebar First region without any blocks and the Content region will occupy all the available width. And it will be still looking good.

Show your visitors you love’em. Especially returning ones.

Business Class lets your users create their own signatures, making comments personalized.

Boost conversation even more.

Comments in Business Class are more than mere comments. They’re beautifully designed parts of an ongoing dialog and interaction. And it shows.

Showing the first image in the teaser for a Drupal 7 Image Field with multiple values

A Drupal 7 image field that is set to contain multiple values (multiple images), will display all of the images in both the teaser and full node view. There is no option when creating a node which contains this image field to only show the first image in the teaser. However, you can adjust the teaser to only display the first image with Drupal 7 field-level templating.

In order do this globally for a field named "field_image", you can use the following code in a template file named "field--field_image.tpl.php". 

<div class="<?php print $classes; ?> clearfix"<?php print $attributes; ?>> 

<?php if (!$label_hidden) : ?> 

<div class="field-label"<?php print $title_attributes; ?>><?php print $label ?>:&nbsp;</div> 

<?php endif; ?> 

<div class="field-items"<?php print $content_attributes; ?>> 

<?php if ($element['#view_mode']=="teaser") { ?> 

<div class="field-item even"<?php print $item_attributes[0]; ?>><?php print render($items[0]); ?></div> 

<?php } else { ?> 

<?php foreach ($items as $delta => $item) : ?> 

<div class="field-item <?php print $delta % 2 ? 'odd' : 'even'; ?>"<?php print $item_attributes[$delta]; ?>><?php print render($item); ?></div> 

<?php endforeach; ?> 

<?php } ?> 

</div> 

</div>

It is generally a good idea to override the field.tpl.php. Note that inside the field.tpl.php in modules/field/theme, there is the following comment:

THIS FILE IS NOT USED AND IS HERE AS A STARTING POINT FOR CUSTOMIZATION ONLY.
See http://api.drupal.org/api/function/theme_field/7 for details.
After copying this file to your theme's folder and customizing it, remove this HTML comment.

Showing the first image of multi-value image field using the Views module

The views module includes an option for which values to display of multi-value fields. This option is called "MULTIPLE FIELD SETTINGS". In order to display only the first value, just change the corresponding text-field to Display 1 value starting from 0 (or starting from any other item you want).

Drupal 7 adding Google web fonts as external stylesheets

To use Google web fonts as external stylesheets to your theme, you cannot use the themes .info file. Instead you can add this in template.php. In Drupal 7, if you want to add the 'PT Sans' Google web font do this as follows:

<?php
function YourThemeName_preprocess_html(&$variables) {
drupal_add_css('http://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic,700italic&subset=latin,cyrillic', array('type' => 'external'));
}
?>

After this addittion, just add the 'PT Sans' in your style.css file. For example

h1 { font-family: 'PT Sans',Helvetica,Sans-serif; }

If you want to add/load web fonts for a single page and not for the whole site, you can use drupal_add_css() and place a condition around it.

Drupal 7 adding a body class that tells us whether a region is empty of blocks

Sometimes, especially in the style.css file, there is a need to understand whether a theme region is empty. A good solution to achieve this is to add a body class. In order to achieve this, you could make use of Drupal 7 template_preprocess_html(&$variables)

Just add to your template.tpl.php file of your theme the following function:

function YourThemeName_preprocess_html(&$variables) {
if (empty($variables['page']['RegionName'])) {
$variables['classes_array'][] = 'YourClassName';
}
}

Drupal 7 possible override field templates

field.tpl.php - Default template implementation to display the value of a field. This file is not used and is here as a starting point for customization only.

Possible override templates are:

• field.tpl.php
• field--field-type.tpl.php
• field--field-name.tpl.php
• field--content-type.tpl.php
• field--field-name--content-type.tpl.php

For example, if you want to override the 'field_image' in your 'product' content type, you should create the template field--field_image--product.tpl.php.

Futhermore, if you want to load the node in which field is attached, you should use the $element['#object'] entity.

For example, if you want to take the language of the node in which field is attached, you can use the following code <?php $node=$element['#object']; $lang = $node->language; ?>

$(document).ready and $(window).load

jQuery offers two powerful methods to execute code and attach event handlers: $(document).ready and $(window).load. The document ready event executes already when the HTML-Document is loaded and the DOM is ready, even if all the graphics haven’t loaded yet. If you want to hook up your events for certain elements before the window loads, then $(document).ready is the right place.

$(document).ready(function() {
// executes when HTML-Document is loaded and DOM is ready
alert("document is ready");
});

The window load event executes a bit later when the complete page is fully loaded, including all frames, objects and images. Therefore functions which concern images or other page contents should be placed in the load event for the window or the content tag itself.

$(window).load(function() {
// executes when complete page is fully loaded, including all frames, objects and images
alert("window is loaded");
});

Drupal 7 Blogger's Pack

So you need more than just one theme, meet Blogger's Pack . Get all the power of BlozZit and Photofolio for Drupal 7, including PSD & HTML/CSS.

Photofolio

Among the most powerful Drupal themes ever released. Ideal for bloggers, photographers, designers, creatives and trendsetters.

For Drupal 6 & 7

BlozZit

Personal blogging revisited. Combining awesome design and typography, with the power of Drupal.

For Drupal 7

Every theme in the Blogger's Pack comes with:

• Full static HTML & CSS site.
• Full layered PSD files.
• Rich Drupal 7.x theme incl. Views.
• An installation profile which sets up in a minute.

Corporate Clean - Free Drupal 7 theme

Corporate Clean for Drupal by More than Themes is based on the homonymous PSD template, which was designed and published by Zsolt Kacso.
Corporate Clean has been ported to Drupal and is supported by More than Themes, as part of our ongoing effort to bring quality themes to Drupal.

- Live Demo
- Documentation
- Screen shots

Custom Drupal User Login/Logout Links

For no logged user it presents
a) User Login

For logged in users the links become
a) My Account -> Links to User Profile
b) Logout

<?php
global $user;
if ($user->uid != 0) {
print l('My Account', 'user/'. $user->uid) . " | ";
print l('Logout','user/logout/');
}
else {
print l('User Login','user/');
}
?>

Adding meta description & keywords to the Drupal 7 head

You can use drupal_add_html_head() for adding meta description and meta keywords in header. In your theme template.php file, you can call hook_page_alter() for embeding meta. If you want to add meta description and meta keywords in your site then go to your template.php file and paste the code (display below):

function YOURTHEMENAME_page_alter($page) {
$meta_description = array(
'#type' => 'html_tag',
'#tag' => 'meta',
'#attributes' => array(
'name' => 'description',
'content' => 'some description here'
)
);
$meta_keywords = array(
'#type' => 'html_tag',
'#tag' => 'meta',
'#attributes' => array(
'name' => 'keywords',
'content' => 'some, keywords'
)
);
drupal_add_html_head( $meta_description, 'meta_description' );
drupal_add_html_head( $meta_keywords, 'meta_keywords' );
}

Check if Drupal 7 region is empty and print a body class (template.tpl.php)

Add to your template.tpl.php the following function:

function YourThemeName_preprocess_html(&$variables) {
if (empty($variables['page']['RegionName'])) {
$variables['classes_array'][] = 'YourClassName';
}
}

Drupa API
7 – 8 template_preprocess_html(&$variables)
http://api.drupal.org/api/drupal/includes--theme.inc/function/template_preprocess_html/7

Add unique class (mlid) to all Drupal 7 menu items

Main and secondary menus has a great class .menu-123 (.menu-mlid) to do that. So here how you can port the same behavior to any/all menu items. Add the following function in your template.php file,

<?php
/**
* Add unique class (mlid) to all menu items.
*/
function YOURTHEMENAME_menu_link(array $variables) {
$element = $variables['element'];
$sub_menu = '';

$element['#attributes']['class'][] = 'menu-' . $element['#original_link']['mlid'];

if ($element['#below']) {
$sub_menu = drupal_render($element['#below']);
}
$output = l($element['#title'], $element['#href'], $element['#localized_options']);
return '<li' . drupal_attributes($element['#attributes']) . '>' . $output . $sub_menu . "</li>\n";
}
?>


7 – 8 theme_menu_link(array $variables)

See core function theme_menu_link for Drupal 7 - 8 at http://api.drupal.org/api/drupal/includes--menu.inc/function/theme_menu_link/7

Thanks betarobot for this comment

44 Must Have Free Social Media Icon Packs

 Social media are media for social interaction, that uses web-based technologies to turn communication into interactive dialogue. Today, with the fast-growing internet techology, more people are logging into various social-networking sites to share thoughts and ideas with other people all-over the globe. Due to this popularity, website owners have found ways to link popular social-media to their sites as an additional feature to allow their viewers to connect and share directly to their most visited social-networks. Here, a compliation of cool icons connected to the some of the most-popular social sites out there.

Take a look at these 44 Free Social Media Icons

CSS3 Gradient Buttons

What Is So Cool About These Buttons?

• Pure CSS: no image or Javascript is used.
• The gradient is cross-browser supported (IE, Firefox 3.6, Chrome, and Safari).
• Flexible and scalable: button size and rounded corners can be adjusted by changing the font size and padding values.
• It has three button states: normal, hover, and active.
• It can be applied to any HTML element: a, input, button, span, div, p, h3, etc.
• Fallback: if CSS3 is not supported, it will display a regular button (no gradient and shadow).

Read more

Corporate Classy for Drupal 7 is ready

Corporate Classy

Designed only for the very best of cases.
Ideal for businesses, online shops and anyone into sales and marketing. (Drupal 6 + 7 included)

Better Bluemasters Drupal free theme (7.1.1)

In less than 90 days after its initial release, BlueMasters Drupal theme become even better. Bluemasters 7.x-1.1 solves more than 20 bugs reported by community members and brings some new features like CSS drop down menus and clean urls support.

BlueMasters is ported to Drupal as part of our constant effort to get more and more quality themes available to Drupal. You can view demos of those or suggest what you would like us to port to Drupal next, via: http://www.drupalizing.com. Special thanks to community members Netbuddy, gtsopour, nopulse, gomezsal for their comments and suggestions.

Big news with more Drupal 7 - Photofolio and Pressblog for Drupal 7 are ready

Photofolio - Among the most powerful Drupal themes ever released. 
Ideal for bloggers, photographers, designers, creatives and trendsetters. (Drupal 6 + 7 included)

We have just finished a stylish theme, a workhorse in content presentation - the Press Blog. 
Ideal for news portals, journalists, bloggers and anyone into writing... lots. (Drupal 6 + 7 included)

Photofolio for Drupal 7 - Taste it now

Photofolio for Drupal 7 is almost ready. We are waiting for Views first stable version to be realesed. Then Photofolio for Drupal 7 will became available for the public.

In the mean time you can get your feets wet in our playground.

Login into Photofolio and taste it... (user: guest / password: play)

More Than Themes Press Blog - A workhorse in content presentation

We have just finished a stylish theme, a workhorse in content presentation - the Press Blog.

 Ideal for news portals, journalists, bloggers and anyone into writing... lots.

Taste it, see it live, love it

Photofolio - Among the most powerful Drupal themes ever released

Photofolio - Among the most powerful Drupal themes ever released. Ideal for bloggers, photographers, designers, creatives and trendsetters.

• Front Page SlideShow
  Add your post to the front-page slide show with a single click. Leave the rest to Photofolio. Front page slide show automatically promotes your posts.
• Blog Post: Story the way it should be
  An enhanced version of "Story". A blog post with images and multiple tags. You will love this way of posting in your site. promoted node types.
• Gallery post: publish your photos in a small gallery
  Photofolio comes with this content type built-in. All you need to do is attach your images. Photofolio will create a smooth and impressive photogallery.
• Galleries block: putting Views into your service
  The built-in Galleries block recognizes all Gallery posts and creates a nice summary block with your submitted galleries. Images are automatically resized for best fit.
• Monthly Archives: putting Views into your service, pt II.
  What’s a blog without this? With the power of Views, Photofolio provides a ready to use block that counts and summarize your posts.
• Image management, the auto-way.
  Photofolio comes with the ImageCache module and other techniques for auto-detection and auto-resizing of attached images. Pixel perfect thumbnails created automatically so that you won’t need to upload new cropped images. And if you still prefer your own thumbs, there’s no problem. Photofolio will understand and feature those instead.

A useful resource is also our detailed User’s guide: http://wiki.morethanthemes.com/index.php?title=Photofolio:Documentation

PRESS BLOG - A stylish theme. A workhorse in content presentation.

Ideal for news portals, journalists, bloggers and anyone into writing... lots.
Premium pixel-perfect, beautifully coded toolsets for your website from More Than (just) Themes.

Coming. Sign Up To Get Notified.

Generate jquery tabs for all blocks in a region - Drupal 6

Tabs are generally used to break content into multiple sections that can be swapped to save space, much like an accordion.
You can see an implementation of jquery ui tabs for generating tabs for all blocks in a specific region in Drupal 6.

Read more in Drupal snippets of http://wiki.morethanthemes.com/index.php?title=Drupal_Snippets

Drupal 7 Freebies - BlueMasters

Download link: http://drupal.org/project/bluemasters

BlueMasters Live Demo

BlueMasters for Drupal is based on the BlueMasters PSD template, which was designed by Wendell Fernandes and released for Smashing Magazine and its readers.

BlueMasters has been ported to Drupal and is supported by More than Themes, as part of our ongoing effort to bring quality themes to Drupal.

Which other theme would you like to see ported to Drupal?
Let us know at Drupalizing.com.http://drupal.org/project/bluemasters

drupalizing | which theme would you like to see ported to Drupal ?

Which other theme would you like to see ported to Drupal?
Let us know at Drupalizing.com.

More Than (just) Themes presents Supersized Form

http://www.morethanthemes.com/?q=toolsets/supersizedform

Supersized Form

A wonderful landing page (a clever “under construction” replacement too!)

Showcase your stuff & interact with your visitors in the most memorable of ways.

Highlights
- Bore not your visitors.
Inspire them with something special for their eyes.

- Form validation for humans.
The 20-year waiting is over: HTML5 validation is here, powered by jQueryTools.

- Eye-candy, desirable design
Show us a sexier form and we‘ll give you one of our themes for free.