#4 Creating a Drupal 7 custom theme from an HTML template :: Part 4

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

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.

Category:

Howto & Style

Tags:

• drupal
• template.php
• template
• theme
• theming
• tutorial
• html
• php
• layout
• zen
• zenophile
• custom
• frontpage
• front
• design
• css
• banner

[raysuave20]

Where do I get the main.css file from?

[Digitalrecline]

@raysuave20 It was the css file of the base html theme I was using.

[darjay11]

Superb tutorial. Spent a few weeks learning bits and pieces of drupal but with no real structure to the learning I've been all over the place and getting nowhere! This tutorial has taught me so much with the excellent structure and step by step guidance - had a few issues with the Views and Views-slideshow modules not being compatible, downloaded latest dev versions of each and problem sorted. Many thanks.

[Digitalrecline]

@darjay11 Thank you for the kind words.

[Slick8088]

@Digitalrecline would you mind posting the text of main.css up somewhere? I'm unsure a) where to find it and b) if there's some equivalent of main.css that I should have already myself. I've followed this series from the beginning and I'm fairly sure I don't have this file. Thanks.

[sj669]

Great tutorial, I'm a really codey person and find it hard not to delve straight into code, as I get frustrated with following the drupal practise. This is the first really good zen tutorial I've seen. I'd buy you a beer if I wasn't in the U of Freezing K

[Digitalrecline]

@fooldroid Great glad to hear it works for you :-)

[fooldroid]

@Digitalrecline omg :D

dropped at the top of the function and works perfect

thank you very much again ;)

[Digitalrecline]

@fooldroid can you send me a copy of you template.php via a PM so I can see what you have there already. You should be able to just drop

$vars['tabs'] = menu_primary_local_tasks(); $vars['tabs2'] = menu_secondary_local_tasks(); part in at the top or bottom of the function.

[fooldroid]

@Digitalrecline thank you so much but i already have this code in my template:

function mythemename_preprocess_page(&$­vars) { $vars['tabs'] = menu_primary_local_tasks(); $vars['tabs2'] = menu_secondary_local_tasks();

}

and if I add the code you suggest to me i have an error message.

it is possible to merge the two function?