Drupal Themes News

Uikit API

Sun, 08/28/2016 - 01:10

UIKIT API is a feature rich theme using Uikit js/css framework which offers many possibilities. This project is different than the UIKIT project in many ways.

UIKIT API has a working theme with no errors. UIKIT API is designed to allow an ultimate degree of flexibility for drupal developers and theme designers. UIKIT API is intended to be used in a modular format so that you only load the necessary javascript and css for the current page request. UIKIT API is also intended to provide a rich framework for developers to tie into for UI functions and a codebase of reuseable snippets and color schemes for the UIKIT API.

I am currently developing this theme and looking for co-maintainers.

Musica - a modern responsive music player

Thu, 08/25/2016 - 22:24

Turn your website into an advanced music player! Musica is a modern and flexible theme built using the UIKIT framework. This allows for an amazing level of control and versatility with page display options while creating a minimum of bloat from unnecessary js/css references(uikit).

Musica is intended to work out of the box with the Pushtape Music Distribution with features that enhance Pushtape, "Pushing" it to new limits.

Musica is a beautiful music player with features that it allow to build playlists out of just about anything, anywhere. It doesnt matter if its in the cloud or on your computer or on your server, Musica can probably play an mp3 off your grandma's toast, just load the toast into your cd/dvd burner.

Check out the screenshot to see what we have planned. Many of the features have already been completed and we are well on our way to making this the best music player theme for drupal. We are building in many new great features each week. We can use help with documentation, coding, testing and getting the first release out.

Musica is developed by Tunerockit and the Conscious Music Project. We are currently looking for developers and co-maintainers of the project.

We just published the first dev release, please download it and help us out by posting any issues to the issue que.

Bootstrap Forms

Fri, 08/19/2016 - 10:39

Bootstrap Forms is a parent theme that is based upon the core 'stable' theme.

Bootstrap Library Installation

You will need to install the bootstrap-sass library into the /libraries folder of your drupal installation. You can download the library here.

Theme Installation

If you are using your own subtheme then be sure to set bootstrap_forms as the base theme e.g.

core: 8.x base theme: bootstrap_forms

Alternatively I have provided an example subtheme that has the scss files setup to import bootstrap's scss files in the correct order allowing its variables to be overridden easily.

1. Copy over the starterkit from the`bootstrap_forms/starterkit/example` directory into your site's `themes` directory.
2. Rename the folder to a unique machine readable name. e.g. mysubtheme
3. Rename `./mysubtheme/example.starterkit.yml` to match your new theme name and change starterkit.yml to info.yml

Usage

All form elements can be controled via the attributes below, alternatively you can use the bootstrap_forms_ui module to control individual entities form element layouts.

Properties

Use the list below to jump to the required property definition.

#form_type, #title_grid, #element_grid, #title_tooltip, #suffix_tooltip, #prefix_tooltip, #element_columns, #form_type_wrapper, #form_group_wrapper, #form_field_wrapper, #element_inline

#form_type

Used by: All elements

Description: Specify the type of form to be used for the element see http://getbootstrap.com/css/#forms

Values: 'basic', 'horizontal', 'inline'

#title_grid / #element_grid

Used by: All elements

Description: Allows the developer full control to set the grid classes for a field's LABEL and a field's INPUT ELEMENT respectively as per http://getbootstrap.com/css/#grid

Usage Example:

$form['example_textfield'] = array( '#title' => t('Example'), '#form_type' => 'horizontal', '#title_grid' => array( 'columns' => array( 'md' => 3 ), ); '#element_grid' => array( 'columns' => array( 'md' => 9 ), ); );

#title_grid['columns'] / #element_grid['columns']

Description: Specify the column class to apply to the title/element for each of bootstrap's breakpoints.

Values: Array

Possible keys: 'xs', 'sm', 'md', 'lg'

#title_grid['offset'] / #element_grid['offset']

Description: Specify the amount of columns to indent/offset the element for each of bootstrap's breakpoints.

Values: Array

Possible keys: 'xs', 'sm', 'md', 'lg'

#title_grid['push'] / #element_grid['push']

Description: Specify the ordering of the element for each of bootstrap's breakpoints.

Values: Array

Possible keys: 'xs', 'sm', 'md', 'lg'

#title_grid['pull'] / #element_grid['pull']

Description: Specify the ordering of the element for each of bootstrap's breakpoints.

Values: Array

Possible keys: 'xs', 'sm', 'md', 'lg'

#form_type_wrapper

Used by: All elements

Description: By default form elements have a wrapper element with a class denoting the type of form being rendered i.e. 'form-inline', 'form-horizontal' or 'form-basic'. This property allows this wrapper to be excluded from the markup completely.

Values: TRUE, FALSE

#form_group_wrapper

Used by: All elements

Description: By default form elements have a wrapper element with a class of .form-group this property allows you to exclude it if required.

Values: TRUE, FALSE

#form_field_wrapper

Used by: All elements

Description: By default form elements have a field wrapper that contains all of drupal's default filed classes, this property allows that wrapper to be excluded.

Values: TRUE, FALSE

#prefix_tooltip

Used by: All elements

Description: Prepend tooltip to the input element

Usage Example:

$form['contact'] = array( '#title' => t('Contact name'), '#prefix_tooltip' => t('This is a prefix tooltip'), );

#suffix_tooltip

Used by: Textfield

Description: Append a tooltip to the input element

Usage Example:

$form['contact'] = array( '#title' => t('Contact name'), '#suffix_tooltip' => t('This is a suffix tooltip'), );

#element_columns

Used by: checkboxes, radios

Description: Use to arrange checkboxes in multiple columns in horizontal form types.

Usage Example:

$form['checkboxes'] = array( '#title' => t('Checkboxes'), '#form_type' => 'horizontal', '#title_grid' => array( 'columns' => array( 'md' => '4' ), ), '#element_grid' => array( 'columns' => array( 'md' => '8' ), ), '#element_columns' => 3, );

Progress theme (Bootstrap sub theme)

Sat, 08/13/2016 - 17:51

This is a Bootstrap sub theme for Drupal 8 only.

This theme is hosted on Github: https://github.com/vienie/progress

Not much has changed from the base theme except for some layout and typography. The idea for this theme was to make pages more readable and laid out like a journal. Also, a full screen search is included.

This theme is built primarily for blogging/journal sites. You can use any Bootswatch (https://bootswatch.com/) skins with this theme. It may also make a good addition to business sites that blogs quite frequently.

Requirement:

Bootstrap base theme: https://www.drupal.org/project/bootstrap

Installation: Usage:

To get the full screen search to work, follow these steps:
- Once theme is installed, go to menu --> structure --> block layout. Move or assign the default search box to footer region (you can move it anywhere but i think best place is the footer region).
- Go to menu --> structure --> menus --> click on 'edit menu' for Main navigation.
- Create a new menu item. In the title field type in: Search and in the link field type in: #block-progress-search

Theme settings:
- Menu --> Appearances --> click on progress settings link
- Click on General tab. Under Container, check Fluid container
- Click on Components. Under Navbar, select Fixed top

To change Bootswatch skins:
- Menu --> Appearances --> click on progress settings link.
- In the settings page, click on 'Advanced' tab. Under 'Theme' dropdown, select a Bootswatch skin you want and click on 'save configuration' button.

Note: some skins have a dark background. This does not work well with progress theme due to font colour issue. If you need to use a theme with a dark background, make sure you remove some font colour stylings in progress theme.

Download Progress Theme:

https://github.com/vienie/progress

Update (on 22 Aug 2016):
- Changed menu toggle to menu hover for dropdown menus.

Drupal 8 Custom Theme

Thu, 08/04/2016 - 15:32

Drupal 8 Custom Theme is the free version of the Drupal multi-purpose professional theme. It is a simple, clean and responsive theme for blogs, magazines and business websites. The theme has a responsive layout, HD retina ready.

Theme Live Demo | More Advanced Themes

Follow us in Twitter & Like us on Facebook to get free/premium theme updates, Drupal tips, tricks & news

Theme designed by FreeBiezz.com & developed by Zymphonies.com

Features

  • Sticky left side header and menu
  • Easy slider configuration
  • No additional module required for slider
  • Light weight theme
  • Fully responsive
  • Bootstrap framework
  • Google fonts
  • Font awesome icons
  • Easy installation and demo data
  • Google map
  • Easy to use/customize
  • Social media links
Slider/Banner Configuration

Slider can configure completely from Drupal 8 Custom Theme settings page. It has control to specify no of required slides, upload image, add title and description etc.

Connect with Zymphonies Contact Zymphonies

Have Queries? Click here to contact Zymphonies

  • Free theme customization & additional features
  • Drupal custom theme development
  • Drupal website design & development
  • Drupal website migration

Sponsored by Zymphonies

Aegan

Mon, 07/11/2016 - 13:06

Aegan is a Responsive bootstrap based drupal 8 business theme, ts very light weight with modern look and feel. Business's clean layout and light weight code make it a great theme for small or medium-sized business to get up and running quickly.

Live Demo | More Themes Features :
  1. Based on Bootstrap
  2. Customizable Slideshow
  3. Customizable Social icons
  4. Font awesome support
  5. Support Multi-level menu
  6. Available in 8 colors
Enable Multi-level Menus :

There is two important configuration to enable the multi-level menus in drupal,
1. Enable "Show as expanded" option in the parent menu item
2. Set unlimited on "Maximum number of menu levels to display" in Main navigation block configuration

Live sites :
  1. Gota d'Agua Surf Camp
  2. 火域名
  3. ƒotosbyPatrick
  4. Nigeria Film Society
  5. Arantha.net
  6. Kiwitaana

Send me your website domain to add here.

8.x.1.0 ToDo

1. Some minor css fixes

Credit :

Development of this theme is sponsored by DropThemes.in. For more Drupal qualified themes checkout DropThemes.in Gallery.

triculin responsive

Thu, 07/07/2016 - 12:03

triculin responsive is a clean and elegant theme with minimalistic and simple design approach.

Features

  • Responsive Layout
  • 10 Regions
  • Fluid layout
  • Gradient color schemes
  • CSS3 and HTML5
  • Mobile first approach

Semantica

Tue, 07/05/2016 - 09:43
Semantic UI Theme Integration

Theme for integration of http://semantic-ui.com/

Tools used

- nodejs
- bower
- gulp

Features Helper for adding bower libraries directly to drupal. bower i bower-library --save gulp Subtheme generation. drupal generate:semantica Setup cd semantica npm i gulp Missing

Subtheme skeleton

Corporation - Drupal Business Theme

Mon, 07/04/2016 - 15:50

Corporation is new responsive Drupal website design for business and corporate websites. This Drupal business theme is very light and clean with modern look and suit perfectly for showcasing your work. Responsive design and mobile friendliness makes theme ideal for surfing on the web from different devices - desktops, tablets and mobiles. Corporation includes slideshow with touch function, custom styled elements and working contact form that will help to stay in touch with your customers.

Corporation Drupal business theme has a lot of customization options like social media integration, typography options (Google fonts integration), ability to insert your copyright, options for setting style for links, body and more.

Corporation Drupal business theme is perfect choice for all companies, agencies, small and medium sized corporations. If you are looking for modern Drupal business theme to show your company don't miss Corporation Drupal business theme, you definitely will like it.

Quickstart of Corporation - Drupal Business Theme in which all modules, theme and dummy data are included, is available here. It's easy to install Drupal website in a matter of minutes even for non-experienced users. Simple step-by-step installing allows getting demo website with no problems.

Drupal Theme Features:
  • Modern & Clean Design perfect for portfolio
  • Responsive Layout
  • Drupal 8 Ready
  • jQuery Drop Down Menus
  • Font Awesome Integrated
  • 10+ Social Networks
  • Add Copyright Text
Documentation

All of our Drupal themes includes detailed Documentation or you can ask question connected with theme on our Forum

Premium Drupal Themes

To help support our open source projects we offer our Premium Drupal Theme Club. Club members get support for OrdaSoft related issues and access to our range of premium responsive Drupal themes.

Shiv

Sun, 07/03/2016 - 12:23

The Shiv theme is starting point of theme and site development. Shiv theme is sub-theme of "Beginning" theme.

Theme is develop by Shivcharan Patil (Shiv) of shiv.work and itApplication.net.

Theme is actively developed and supported by developer on developer's off time.
If you would like to say thanks, buy a drink for developer

Photographer - Drupal One Page Portfolio Theme

Thu, 06/30/2016 - 15:03

Our best Drupal one page portfolio theme Photographer now available on Drupal 8. Photographer Drupal portfolio theme is responsive & modern one page Drupal 8 theme based on Drupal Blank theme. Fully responsive layout makes it mobile friendly, this Drupal mobile theme will look equally great on tablets, mobile devices and laptops.

Photographer Drupal one page theme has a lot of customization options like social media integration, typography options (Google fonts integration), ability to insert your copyright, options for setting style for links, body and more.

Photographer Drupal template is perfect choice for all photographers, designers, illustrators, freelancers, creative agencies, web designers, animators and other creative people. If you are looking for creative and colorful portfolio to show your works don't miss Photographer Drupal portfolio theme, you definitely will like it.

Quickstart of Photographer - Drupal One Page Portfolio Theme in which all modules, theme and dummy data are included, is available here. It's easy to install Drupal website in a matter of minutes even for non-experienced users. Simple step-by-step installing allows getting demo website with no problems.

Drupal Theme Features:
  • Modern & Clean Design perfect for portfolio
  • Responsive Layout
  • Drupal 8 Ready
  • jQuery Drop Down Menus
  • Font Awesome Integrated
  • 10+ Social Networks
  • Add Copyright Text
Documentation

All of our Drupal themes includes detailed Documentation or you can ask question connected with theme on our Forum

Premium Drupal Themes

To help support our open source projects we offer our Premium Drupal Theme Club. Club members get support for OrdaSoft related issues and access to our range of premium responsive Drupal themes.

Travel Zymphonies Theme

Sat, 06/18/2016 - 20:30

Travel Zymphonies Theme is a useful theme for travel agency or tour operating website, with a focus on offering various adventure tour packages. It is completely responsive, along with a multiple layout for helping to create multiple pages based on your contents. This theme is completely free and contributed by Zymphonies team.

Theme Live Demo | More Advanced Themes

Follow us in Twitter & Like us on Facebook to get free/premium theme updates, Drupal tips, tricks & news

Theme designed by FreeBiezz.com & developed by Zymphonies.com

Features

  • Drupal 8 core
  • Font Awesome Icons
  • Bootstrap 3.x
  • Smooth CSS3 Animation
  • Responsive Drupal theme
  • Bootstrap typography
  • Option to show/hide credit
  • Two layout options – one sidebar and main content
  • Three column layout options – two sidebar and main content
  • Single column options – boxed and full-width
  • Four column footer links in all pages
  • Social media links (Facebook, Twitter, Google Plus, LinkedIn, Pinterest and YouTube)

We highly recommend Travel Zymphonies theme for:

  • Travel Hotel Booking
  • Travel Agency Themes
  • Hotel Booking Themes
  • Travel Blog Themes
  • Other Travel Related Themes
  • Tour Operators and Hotels 
Slider/Banner Tutorial

How to create Slider/Banner in Zymphonies Drupal 8 Themes

Connect with Zymphonies Contact Zymphonies

Have Queries? Click here to contact Zymphonies

  • Free theme customization & additional features
  • Drupal custom theme development
  • Drupal website design & development
  • Drupal website migration

Sponsored by Zymphonies

Openfed CMS Adminimal Theme

Tue, 06/07/2016 - 17:46

Subtheme of Adminimal for use in the Openfed distribution

Drupal 8 Premier League Theme

Mon, 05/23/2016 - 07:55

Premier League is a Drupal 8 theme for sports related websites. It is very light weight drupal theme with slider functionality for drupal 8.

It has many new features to achieve the functionality. The theme is not dependent on any core theme.

Features

  • Implementation of Slideshow.
  • Color Switcher Functionality with 6 color theme.
  • Social media integration through theme setting.
  • Copyright Text configuration through theme setting.
  • Footer with four flexible regions.
  • Multi-level drop-down menus.
  • Follow Drupal standards.
  • A total of 17 regions.

Installation

  1. Copy the whole "Premier League theme" directory to your themes folder.
  2. Go to admin/appearance
  3. Enable the Premier League theme.
  4. Configure the theme as per your requirement (admin/appearance/settings/premier_league).

Drupal compatibility:

This theme is compatible with Drupal 8.x

Pattern Lab

Wed, 05/11/2016 - 23:47

Pattern Lab Twig powered Drupal Theme

Please file any issues here: https://github.com/phase2/pattern-lab-drupal-theme

Spatial Theme

Tue, 05/10/2016 - 04:35

The Drupal version of the Spatial template from Templated