Welcome to the Geeks & God Static Archive. Read more »

Drupal Theming Application

4.166665

You are missing some Flash content that should appear here! Perhaps your browser cannot display it, or maybe it did not initialize correctly.

Yahoo, one more week talking about making your Drupal CMS website look pretty. Aren't you excited? Yeah, me neither.

But, making a good looking site for your ministry is crucial...so unfortunately, those stock themes aren't always gonna cut it. On today's podcast, we start with talking about how, even if it's not the best idea to use Stock Themes right out of the box, you can START there. We hope to help out those of you who aren't very CSS-inclined by giving some tips on how you can start with a pre-made drupal theme, and then make it your own by tweaking colors, changing images, or getting your feet a little wet in some CSS code.

Then we proceed onto the more geeky territory: Building your own theme from scratch. We talk about starting in photoshop, visualizing your site, and exporting the necessary images. (oh, and we don't waste any time railing against those folks who are slicing up photoshop docs or using too many images in their site...sorry!) Then we move onto chatting about laying out your page.tpl.php and your style.css files.

But, before we venture into all this Drupal stuff, we talk about the new face of Atheism, Richard Dawkins book "The God Delusion", The Blasphemy Challenge, and how we, as Christians, should react to this stuff...it's a complex topic, and we'd love for you to weigh in. Hit us up here with your thoughts.

Oh yeah!

I was holding off on going to the YMCA to workout until this episode came out. Great now I can listen to it at the gym via ipod....wait now I have to go to the gym.. ah dang it.

Color Schemer for Hex Value

For themeing the drupal site I found a great application for both windows and mac called color schemer. Its great for creating a color scheme plus for having all the hex values for colors your using within drupal for editing the CSS.
http://www.colorschemer.com/
I heard about it on the NLMA podcast.
http://www.neatlittlemacapps.com/shownotes/files/5...

Zen Theme

There's no target in your link to the Zen Theme

Good Catch

Thanks, that was a good catch. Should be all fixed now.

Matt Farina
Geeks and God Co-Host
www.mattfarina.com

Matt Farina
Geeks and God Former Co-Host
www.mattfarina.com

Garland to the Rescue!

Thanks for your suggestion to start with and tweak the Garland theme. Customizing the theme was the key to jump start our switch to Drupal. I found that by uploading the logo banner from our existing website and tweaking the color will give me something to begin with. I'm still amazed at the sheer number of open-source XHTML/CSS themes available, but I can defer looking into them right now. Also, I was amazed at what can be done by changing just the CSS thru a site listed in one of the 50 CSS Galeries: www.csszengarden.com - it really showcases the power of CSS.

By locking pairs of colors together I was able to play with this to generate a color scheme that works. At least I think so - I'll ask my wife when she gets home (she picks the paint colors in our house!) Can you share any tips to using the color picker, locking and unlocking various pairs?

Busted...

Uh oh. I think you're about to bust MF and I on this one....I don't think either of us has ever used the color module for more than about 5 minutes of play time....

We're gonna be useless in that category, I think. MF, any experience with that? I just know it's a cool toy....

-Rob Feature
Geeks and God Co-Host
www.bobchristenson.com

-Rob Feature
Geeks and God Co-Host
www.mustardseedmedia.com

I dunno

To be honest, I have barely touched the color picker. It's powerful but I not used it very much. So, I can't give any tips with using it. If anyone has tips, I'd love to read them.

All my time with color.module, outside of quick playing with it, has been to learn how to integrate it with other themes.

Matt Farina
Geeks and God Co-Host
www.mattfarina.com

Matt Farina
Geeks and God Former Co-Host
www.mattfarina.com

Blasphemy Challenge

For anybody's interest I actually have a blogsite against the blasphemy challenge here:

http://blasphemychallenge.blogspot.com

And a myspace:

http://myspace.com/blasphemychallenge

Thanks,

Frank

Your link to About

Your link to About PHPTemplate is broken. Thanks for the show guys. It is time for me to start hacking some themes.

Not Paying Attention

Apparently we were just flat out not paying attention to our links this week. Sorry about that, all fixed. Thanks for pointing that out.

-Rob Feature
Geeks and God Co-Host
www.bobchristenson.com

-Rob Feature
Geeks and God Co-Host
www.mustardseedmedia.com

Styling the audio module

Were trying to get the download link in the audio module above the text content. Like how G&G site has it. It was mentioned before that it was in the node object is where I can change this. Cant figure out where exactly that is. Is it within the audio module? Somewhere within some core areas of Drupal?

Theming The Audio Module

In drupal the core, module functionality, and theming/presentation are all handled separately. In the case of theming we just want to deal with presentation which is the particular theme you are working on.

When I said the information was available in the node object I don't mean that everything in the node object is displayed. There is a lot of information in there and only some of it is displayed by default. (there is a lot you wouldn't want to display but is useful for other things)

So, how do you get it to display? Now that we are talking about modules in the episode released today we can start to talk about them. The easiest way I would suggest to do this is with contemplate. We will talk about that in more detail next week. This is what we used.

If I remember right (don't hold me to it) in contemplate the variable you want to display (with proper php coding) is:
<?php print l("My Link", $node->links['audio_download_link']['href']); ?>
This will display the url as a link. You can use it as you please. There are other variables concerned with the download that you may be interested in. Contemplate tells you what they are.

You'll notice I used the drupal l() function. You can learn more about that here. The reason for this is security. It will not only generate the the link with all the code but it will filter everything (including the URL) for malicious stuff.

Matt Farina
Geeks and God Co-Host
www.mattfarina.com

Matt Farina
Geeks and God Former Co-Host
www.mattfarina.com

theme color/font tweaking

I'm too lazy to listen to the podcast again, but...
what was that module you mentioned that let you tweak the colors, fonts, etc for themes like Garland?

Thanks,
-Antikx

-Antikx

Color...

It's the color module...it's a drupal core module.

-Rob Feature
Geeks and God Co-Host
www.mustardseedmedia.com

-Rob Feature
Geeks and God Co-Host
www.mustardseedmedia.com

50 free .css sheets

I am having trouble locating the .css sheet mentioned. Any help?

Galleries, Not Style Sheets

Oops...looks like they changed the link on us. It's now here

-Rob Feature
Geeks and God Co-Host
www.mustardseedmedia.com

-Rob Feature
Geeks and God Co-Host
www.mustardseedmedia.com

it's a good post. though

it's a good post. though it's an old post, still useful to me. thanks.

The link for "50 CSS

The link for "50 CSS Galleries should be:
http://churchrelevance.com/church-website-inspirat...