TopHit Responsive Drupal theme - Turn your website into a Top-Hit

TopHit for Drupal 7

Gorgeous yet lightweight. Responsive. Easy to use. Even easier to customize. Read more

TOPHIT PREVIEW

See more TopHit photos

HIGHLIGHTS

Responsive layout.

TopHit adjusts optimally to the width of the browser it is viewed on. As a result, it looks awesome regardless it’s a desktop computer, smartphone or tablet your visitors are using.

Responsive menu.

TopHit comes with a plugin which transforms the Main menu of your site to a dropdown select list when your browser is at mobile widths. You can configure the behavior of this plugin through the theme-settings.

Comes in your favourite color.

Five awesome color schemes to choose from: Orange, Blue, Pink, Gray and Green. Just pick the one that fits your brand with a single click through the theme-settings.

Slideshow

Drive your slide show easily with TopHit's built-in intelligence. Create “slide show entries” or set your content* to be promoted and Voila! Add text, images or even full HTML.
*Slideshow Entry, Product, Service & Blog entry.

Unparalleled Slideshow flexibility.

Leave it on the front page or set it to be displayed everywhere in your site. Slideshow configuration is available on theme settings.

Superfish menus.

TopHit integrates with the Superfish module supporting gorgeous multi-level drop-down menus with smooth motion. Relocating of sub-menus when they would otherwise appear outside the browser window area.

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.

Views at your disposal.

Enjoy View blocks ready-made for your ease: Latest products, Products in use, Promoted posts, Slideshow & Testimonials.

Region-rich, yet without risk

Comes with a wealth of custom regions: Header top, Header, Header right, Navigation, Banner, Promoted area, Custom front area, Footer first, Footer second and Footer third. Yet it’s end-to-end compliant to the default Drupal regions.

One or two column layout support

Leave the Sidebar First region without any blocks and the Content region will occupy all the available width. And it will still look good, it’s been designed for this.

Breadcrumb with a single click

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

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. Enjoy Views collecting testimonial nodes on both a block and a page.

Blogging goodies

Comes with support for the Blog module and a pre-activated blog*.
*Installation profile

Tweet, Tweet, Tweet

Comes with built-in twitter integration, looking clean, working great and allowing for the configuration of Twitter title, Twitter account, Twitter time and Twitter type (search or profile).

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”.

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.
*TopHit content type fields

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.

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

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

Boost conversation even more.

Comments in TopHit are more than more comments. They’re parts of an ongoing dialog and it shows.

Skeleton - Free and Responsive Drupal 7 theme

Skeleton for Drupal by More than (just) Themes is build over the Skeleton Boilerplate.

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

Live Demo

Screen shots

Features

• Responsive, Mobile-Friendly Theme based on Skeleton Boilerplate
• Color core module integration (with 2 extra Color Schemes)
• 1-column and 2-coumns layout support
• Column Shortcodes with Media Queries (one_third, one_fourth, two_thirds, one_half)
• A total of 10 regions (Header, Highlighted, Content, Sidebar first, Featured left, Featured right, Footer first, Footer second, Footer third, Footer & Help)
• Cross-browser CSS3 buttons in various colors and sizes (white, gray, black, lightblue, blue, darkblue, lightgreen, green, darkgreen, lightred, red, darkred, yellow, orange, brown - small, medium, large)
• Blog core module support
• Support for standard Drupal theme features: logo, site-name, site-slogan, user pictures in comments and nodes
• Detailed CSS rules for:
• Typography
• Feed Pages
• Comment form
• Contact form
• Comments
• User pictures in Comments
• Forum core module pages
• “Read more”, “Comment” and all other buttons
• User profiles

Documentation

Detailed documentation and a guide on how to reproduce our demo installation.

Adding viewport meta tag to Drupal 7 theme without overriding html.tpl.php

You can use drupal_add_html_head() for adding the viewport meta tag. In your theme template.php file, you can call hook_page_alter() for embeding meta.


function YOURTHEMENAME_page_alter($page) {
//
$viewport = array(
'#type' => 'html_tag',
'#tag' => 'meta',
'#attributes' => array(
'name' =>  'viewport',
'content' =>  'width=device-width, initial-scale=1, maximum-scale=1'
)
);
drupal_add_html_head($viewport, 'viewport');
}

CHIQUE Drupal theme - Spice up your online presence with unlimited options

CHIQUE FOR DRUPAL 7

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

CHIQUE PREVIEW

See more CHIQUE photos

HIGHLIGHTS

Comes in your favourite color.

Five awesome color schemes to choose from; Brown, Purple, Blue, Gray and Green. Just pick the one that fits your brand with a single click through the theme-settings. Video

With multiple background patterns.

Twelve -- yes, 12 -- background patterns to choose from for all tastes. Just pick the one that fits your style with a single click through the theme-settings.

With superfish menus.

Chique integrates with the Superfish module supporting gorgeous multi-level drop-down menus with smooth motion. Relocating of sub-menus & hyperlink menu descriptions when they would otherwise appear outside the browser window area.

Slideshow

Drive your slide show easily with the built-in intelligence. Create “slideshow entries” or set your content* to be promoted and Voila! Add text, images or even full HTML.
*Slideshow Entry, Service, Image Gallery, Event & Blog entry.

Slideshow thumbnails

Slide show goodness comes along with image thumbnails, automatically produced from each main slide show image. Single-click access to plenty of configurations through the theme-settings (display always or on mouse over).

Unparalleled Slideshow flexibility.

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

Reservation

Out-of-the box support for reservations through the built-in reservation page - an expandable webform node.

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. Video

Image Galleries page

Chique collects all image Galleries to a special designed page.

Breadcrumb with a single click

Breadcrumb is good to your users, especially when 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: Archive, Events, Galleries, Latest posts, Promoted posts, Slideshow & Testimonials.

Region-rich, yet without risk

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

Blogging goodies

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.
*Chique content type fields

One or two column layout support

Leave the Sidebar First region without any blocks and the Content region will occupy all the available width. And it will still look good, it’s been designed for this.

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

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

Boost conversation even more.

Comments in Chique are more than more comments. They’re parts of an ongoing dialog and it shows.

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. Enjoy Views collecting testimonial nodes on both a block and a page.

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).