Drupal Themes News


Syndicate content
Themes allow you to change the look and feel of your Drupal site. You can use themes contributed by others or create your own to share with the community. Contributed themes are not part of any official release and may not have optimized code/functionality for your purposes. You can also create a sub-theme of an existing theme. A sub-theme inherits a parent theme's resources. Read more about Sub-theme structure and inheritance. You can also view a full index of themes listing only their titles.
Updated: 24 weeks 1 day ago

Internet Marketing Global Blog

Thu, 10/10/2013 - 20:26

My name is Steven Jackson, originally coming from the UK however for the last 16 years I have been living and working in Finland with my wife Anja. I have over 20 years experience in home based and internet marketing business. With companies such as Payspree an alternative to Clickbank which incorporates a great affiliates program , Refban Referral Banners which is an innovative free home business idea incorporating banners ads and referral marketing, and Eimimo, which is a very effective double opt-in email marketing service / business opportunity that gives you a sign up bonus of $10.00 absolutely free.

Internet marketing Global main role is share information and knowledge of what works and what doesn’t while working online. The reality is that running an online business is not easy, however the are things that you can do to help your business to succeed.

So, feel free to browse my blog, however if you wish to access selected pages on my site you will need to subscribe to my blog and I will send you the access code by email.

Malinis (Responsive Theme)

Tue, 10/08/2013 - 22:30

Malinis (Filipino word. English: Clean) is a progressive mobile first theme with modular scale typography, powerful grid-based layout engine and clean design.

  • HTML 5
  • Responsive design (mobile-first) with configurable breakpoints. Defaults to 768, 960 and 1152
  • Typography using modular scale.
  • Web accessibility optimized with ARIA roles
  • Bulletproof flexible grid system with 24 columns (units) as default.
  • Configurable grid
    • Configurable number of columns in the grid
    • Configurable gutter width
  • Comes with its own special font "Noceda Font Pro", a light, elegant and open sans-serif font built in with 304 Gwikons (Groundwork icons)
  • Supports both sidebars
  • 17 regions with a special "Aside" region visible only in nodes.
  • Optimized typography for all standard elements
  • Block source ordering per region
  • Powerful layout engine provides unlimited layout possibilities
  • Collection of preset CSS classes
  • LESS CSS enhanced with loads of Drupal-specific mixins and bundles.
  • HTML5 polyfill to support older browsers
  • and many more.

Malinis is a sub-theme of Groundwork 2.x

Before you start...
  1. Install (and configure) Drupal.
  2. Install the LESS module and the LESSPHP library.
Installation via Drush
  1. Download the Groundwork Front-end Framework and Malinis:
    drush dl groundwork malinis
  2. Enable and set your new theme malinis as default:
    drush en malinis --yes && drush vset theme_default malinis
Manual installation
  1. Download the Groundwork Front-end Framework 2.x and Malinis
  2. Extract the downloaded files and place both Groundwork and Malinis folders in your Drupal installation. For example:
    • sites/all/themes/groundwork
    • sites/all/themes/malinis
  3. Edit app-settings.css.less found inside the custom directory of your new theme, and define the location of your theme.
    For example (default): @themeDirectory: sites/all/themes/malinis;
  4. In the browser, log in as admin in your Drupal installation and go to Administration > Appearance > List: http://example.com/admin/appearance/list. Click the "Enable and set default" link on your new custom theme.
Recommended Modules
  • Block Class
    Add classes to any block through the block's configuration interface.
  • Menu Attributes
    Specify additional attributes for menu items such as id and class.
Credits


Development of the Groundwork project is sponsored by Noceda Media Lab.

peppermint

Tue, 10/08/2013 - 19:08

this is really my first theme! how exciting!

Hertz

Sun, 10/06/2013 - 04:15

Hertz theme is designed and developed by Drupar.com

Hertz is very light weight but very powerful and professional Drupal theme with modern look and feel. This theme is perfect for Business websites, Corporate websites, Portfolio, Personal / Blog websites.

Dependencies
  • Core Theme: None. Hertz theme is not dependent on any core theme.
  • Modules: Its also not dependent on any third party modules. All it uses is Drupal core modules. All its features like Slider, Drop down menu etc are inbuilt. However, you may install and use any drupal supported module with this theme.
Main Features
  • Fixed width
  • Support one / two / three column page layout
  • Facebook, Twitter, Google+ integration (with option to show / hide)
  • Fancy Expandable search box
  • jQuery Drop Down menu (with bounce effect)
  • jQuery Slider
  • Use of Google Font.
  • Many collapsible blocks region.
  • Tableless
  • Compatible on IE7, IE8, IE9, IE10, Opera, Firefox, Chrome browsers.
  • Support custom logo and favicon.
  • Custom Homepage
  • Custom Maintenance page
  • Easy Theme settings for customization
  • Breadcrumb Navigation(with option to show / hide)
Live Demo

Live Demo of Hertz Theme

Theme Documentation

A complete documentation with screenshots on how to install and use this theme is available.
Hertz theme documentation

Theme Support

Me and other members of drupar.com team will be happy to help you with any issue related to this theme. You can ask for support on our dedicated support forum.
Get Support for Hertz theme

What We Can’t Help You With
  • New features implementation and extending themes functionality
  • Themes modifications and customization
  • Server-side issues
  • Third-party modules
More Drupal Theme

Not happy with hertz theme. Browse other themes developed by us
More Drupal Themes

Umdobi Bush Camp

Fri, 10/04/2013 - 11:43

Camp sites

Ish6a World News Theme

Wed, 10/02/2013 - 22:37

This theme made by Ish6a World Themes for news aggregation by: Mutasem Elayyoub

Bootstrap Admin

Wed, 10/02/2013 - 05:52

This is an administrative sub-theme of the Drupal Bootstrap base theme.

Media Responsive Theme

Tue, 10/01/2013 - 11:04

Media responsive theme is a professional drupal theme that is perfect for all sorts of corporate and small business websites.The theme is not dependent on any core theme. Its very light weight with modern look and feel. Professional responsive clean layout and light weight code make it a great theme for small or medium-sized business to get up and running quickly.

View Media responsive theme live demo

GET MORE FREE THEMES >>

Theme Developed by Zymphonies.com

  • Media responsive theme
  • HTML5 & super clean markup
  • Social link
  • Fixed Width
  • 1-column, 2-columns and 3-columns layout
  • Implementation of nivo slider
  • Multi-level drop-down menus (Multilingual menu)
  • A total of 25 regions
  • Drupal standards compliant
  • Custom front-page with 11 block regions
  • Minimal design and nice typography
  • Supported standard theme features: site logo, site name, site, user pictures in comments, user pictures in nodes,
Superfish Module (Dropdown Menu)

Superfish Module Installation Tutorial

Nivo Slider (Banner)

Nivo Slider Installation Tutorial

Stack

Mon, 09/30/2013 - 07:39

The Stack theme for DrupalVietnam.org base on Omega theme.

Parrot Styles

Fri, 09/27/2013 - 05:13

This is a drop in CSS folder that can be used in any theme to follow the structure set out in Parrot.

Water

Thu, 09/26/2013 - 23:51

Candidate theme for Drupal core inclusion.
More to follow.

themedemo

Tue, 09/24/2013 - 16:09

About

Themedemo is a demo theme and you should use it only if you want to learn how Drupal theme variables work.

It has no CSS at all and all it's variables inside *tpl.php files are printed as a list.

There are also some examples inside template.php where some custom variables are inserting into each template.

How to use it

Install a Drupal site with Standard profile. Core's Bartik theme is the default theme.

Add some nodes, taxonomy terms, users etc.

Set the Themedemo as default. Browse through the new content you have created so you can see what is the theme variables output ($page, $node, $user etc).

Who should use this theme

You should use this theme if you are a beginner Drupal theme developer and you want to clarify theme variables.

Alternative projects

You should also try Theme Developer module.

startwork

Tue, 09/24/2013 - 11:07

startwork theme coming soon...

UCR

Tue, 09/24/2013 - 03:07

Mi Subtema de prueba

Chips (COD theme)

Mon, 09/23/2013 - 14:03

Placeholder for default theme of http://drupal.org/project/cod

OA Radix - Responsive

Mon, 09/23/2013 - 07:39

OA Radix + some responsive stuffs for Open Atrium 2.

rasp

Sat, 09/21/2013 - 17:46

Rasp is a Starter Theme based on Omega 4.x Theme. It uses Sass version of Bootstrap as base CSS Framework.

Dependencies:
  • Omega 4.x ---- drush dl omega
  • Sass ---- gem install sass
  • Compass ---- gem install compass
  • Sass Globbing ---- gem install sass-globbing
  • Compass rgbapng ---- gem install compass-rgbapng



This project is different than Omega-subtheme, as it is created to ease the process of using Omega 4.x with Bootstrap and start developing from there. The folder structures are also different.

Important Folder/File Structure:
  • css
    • style.css --- The one compiled CSS from the Sass
  • fonts
  • images
  • js ---- For custom JavaScripts
  • libraries --- JavaScript libraries most frequently used in web projects
  • preprocess --- Hook preprocess can be placed here
  • process --- Hook process are placed here
  • sass
    • bootstrap --- All the Sass files from Bootstrap Framework
    • components --- This is the file where you design CSS for Drupal modules and pages
    • utility --- The extra declarations for your theme
  • templates
  • theme
  • config.rg --- The main config file for Sass
  • rasp.info ---- The holy lord of Theme info
  • template.php ---- Template Overrides
  • theme-settings.php ---- Your own settings for the theme
  • README.txt

As the Omega Theme says, it uses the industry best practices for building beautiful web, so, the separation of processes and Sass files makes it even more beautiful.

This will be confusing without a proper tip, so.

Starting Tips:

Lets assume you have to design a Block.
You created a new block called raspi
In this Block, you have Header, Body Text, Link in body text and Footer.
Now,
Edit sass/utility/variables/_colors.scss file.

$raspi__color:  rgba(0,0,0,0.7);
$raspi__link-color:  rgba(blue,0.8);
$raspi__link-hover-color:  rgba(green,0.8);
$raspi__link-visited-color:  rgba(red,0.8);
$raspi__background:  rgba(#fff, 0.6);
Edit sass/utility/variables/_typography.scss
$raspi__header-font: "Times New Roman";
$raspi__font: Helvetica;
$raspi__link-font: Arial;
$raspi__footer-font: Georgia;

Go-To
sass/components/blocks folder and create a new file called _raspi.scss and add some styles there.
.block__raspi {
  background: $raspi__background;
  color: $raspi__color;
  font-family: $raspi__font;

  header {
    font-family: $raspi__header-font;
    font-weight: bolder;
  }

  footer {
    font-family: $raspi__footer-font;
    font-weight: lighter;
  }

  a {
    font-family: $raspi__link-font;
    color: $raspi__link-color;

    &:hover {
      color: $raspi__link-hover-color;
    }

    &:visited {
      color: $raspi__link-visited-color;
    }
  }
}

Add the class .block__raspi to your markup and its all ready to go. You don't need to include the SCSS file for Sass to compile. Since it uses Sass-Globbing all the folders and files under the components are automatically added and compiled to one style.css

It doesn't look like Bootstrap, where is the Big Green Button ?

This is starter theme, you have to add you own classes to the markup.

What about other Bootstrap jQuery Plugins ?

Its all there, just uncomment it from rasp.info or add it if not available. All other Js libraries are under libraries folder. To use Bootstrap js you need minimum jQuery 1.7. Since Drupal 7 ships with jQuery 1.4, the bootstrap.js is disabled by default. The alternative is to use jQuery Update Module and select 1.7 version or above.

Can I use any other CSS Framework except Bootstrap ?

Yes, if you want to use other CSS Frameworks like 960gs, zen-grids, gumby, etc. then copy the framework folder to sass folder, and edit the style.scss file. Comment out the @import "bootstrap/bootstrap" and add your favourite framework.

Gallium

Fri, 09/20/2013 - 23:50

Gallium is the theme used in the OpenAid distribution, moved to a separate project for potential use in other contexts.

Transparency

Thu, 09/19/2013 - 20:51

Transparency is a simple and functional theme in gray and blue that runs on Drupal 7.x based on Omega and is written with SASS, this theme is used in Drupal distribution Open Politic.

Transparency has four regions header, content, sidebar and footer.

Gumby

Thu, 09/19/2013 - 14:50

Gumby uses the Awesome Gumby 2.5 framework.

Syntactically Awesome

Gumby 2 is built with the power of Sass. Sass is a powerful CSS preprocessor which allows us to develop Gumby itself with much more speed — and gives you new tools to quickly customize and build on top of the Gumby Framework.

Insanely Simple

Customizing Gumby to fit the needs of your project has never been easier. Changing the entire design of our UI kit is as simple as changing a few Sass variables and assigning the appropriate classes to your markup structure!

Gumby comes with panels support and can be used as a base theme for Panopoly. It has Sass and Compass support, and makes it easy to build responsive themes with Panels.