Skip to main content
  • X Twitter
  • youtube
Home
Drupal 4U
Built for AI. Powered by Drupal.
  • Home
  • Showcases
  • Services
  • Blog
  • Themes
  • About
  • Contact

Breadcrumb

  1. Home
  2. Tutorials
  3. Creating a Drupal 7 custom theme from an HTML template

Creating a Drupal 7 custom theme from an HTML template

Tutorials
December 12, 2013
Profile picture for user drupal
By drupal
  • facebook-f
  • twitter
  • envelope
  • print
70

This series will show you how to setup a custom theme in drupal 7 from an HTML template.

Video 1: Shows you the thought process behind the converting the theme to Drupal 7 (What do I need to create for the page? What regions? etc) , the modules / tools needed and begins preparing the site for theming.

Video 2: Goes through setting up image presets and creating dummy articles for us to use while setting up the site and creating the theme around.

Video 3: We complete the setup of the site with 3 nodeques and 3 views creating blocks and placing them on our site. It's now ready to theme :-)

Video 4: Create a zen sub theme using zenophile module. Create a custom frontpage file. Add a template.php preprocess override to remove the "No content promoted to front page" message. Modify the standard zen layout to achieve the stacked layout in out HTML design. Add some css to our fresh.css file. Add an image to the banner area to represent a banner or an adsense insert.

Video 5: We fix the alignment problem with the header. Style the navigation , add a background image and straighten out the slideshow pager images.

Read more articles

Newer
How to create a mega menu with Drupal 7 using the TB Mega Menu module
Older
What is Drupal?
  • Log in to post comments
Profile picture for user drupal
drupal
70
1
min read
A- A+
  • facebook-f
  • twitter
  • envelope
  • print

Contact Us

Get in touch for questions and our Drupal development, design and optimization services.

Contact Us

We aim to reply the latest within 48h.

Drupal 4U: Built for AI. Powered by Drupal.

We are a group of Drupal designers, developers and webmasters. We are Drupal experts! We provide comprehensive services that go beyond traditional web development, focusing on how AI understands, interprets, and cites your content. With our deep expertise in Drupal's architecture, we build the intelligent core of your digital presence, ensuring your brand remains authoritative and visible in a world where AI is the primary gatekeeper of information. Partner with us and let's future-proof your digital strategy together.

  • X Twitter
  • youtube

Drupal Services

  • Drupal Web Design
  • Drupal Development
  • Drupal SEO
  • Drupal GEO
  • Drupal Migration

Drupal 4U

  • Services
  • Showcases
  • Themes
  • Blog
  • About

Drupal Links

  • Official Drupal Website
  • Theme Forest
  • Gaivas Themes
  • More Than Themes
  • DXPR: Drupal for Marketers
  • Drupal Answers
2012 - 2025, Drupal 4U

Footer menu

  • Contact
Home
Drupal 4U
Built for AI. Powered by Drupal.
  • Home
  • Showcases
  • Services
  • Blog
  • Themes
  • About
  • Contact
Clear keys input element