Church web site - Simple but effective
I am finishing up a web site for my parents church and I thought others could get some benefit off of what I've done here. This is a very simple site but for many organizations, this is all you really need.
I got a lot of my creative influence from this post and the linked site. Anyone with eyes will be able to see the similarities.
I'm using Drupal 6.9 (latest stable at the time of creation)
Modules Installed:
CCK - only because I know I'll end up using it. Currently not used for any part of the site.
Views - Couldn't expound enough on how useful this module is.
Panels - For front page layout.
Inline - For easy embedding of pictures and attachments within nodes.
Webform - Future use for things like prayer requests. Very versatile.
Read More Tweak - Helps layout a lot
For a theme I started with the Foundation theme and built from the ground up. This is my first ever experience with real CSS and it was a real learning experience. I used Firebug for everything and I can't imagine how I could have ever done it without it. If you have always wanted to learn to theme drupal, Firebug is awesome.
All my graphics are custom done in photoshop. Not that difficult of stuff. Simple gradients and rounded rectangles but it gives the site a nice look.
The Random Image block on the upper right is done via the code found here and was pretty simple to get working.
Future plans will integrate a calendar and podcasts but to be honest, all of that seems pretty simple after all the CSS work. Hope this helps someone else out. Anyone got any constructive criticism or comments?

_
um.... the link? ;-)
_
Don't be a Help Vampire - read and abide the forum guidelines.
If you find my assistance useful, please pay it forward to your fellow drupalers.
Haha, of course I forgot
Haha, of course I forgot that
http://new.saintandy.org
Doesn't appear I can edit my original post so I guess the link will forever remain here....
Some thoughts
Pretty nice. A few thoughts:
.navigation-primary ul.menu li a {background-color: #6DE966;
padding: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
Having it affect the "a" (link) makes the whole box clickable.
#header #search input {
background: transparent url(images/search-bg.gif) no-repeat;
float: left;
width: 122px;
height: 22px;
border: none;
padding: 4px 2px 2px 20px;
color: #6D6E73;
}
#header #search input.form-submit {
background: transparent url(images/search-go.gif) no-repeat;
display: block;
padding: 0 0 2px 0;
border: 0;
margin: 0;
white-space: nowrap;
width: 31px;
height: 22px;
text-decoration: none;
color: #44474B;
float: left;
}
Obviously only some of that will apply to your own search form, so remove what's unneeded. If not an image, even just style the form button at all, and it will look better up there than the default form button.
If you want to change the search button's text, this is an easy way (in page.tpl.php... Go is what I changed mine to, though only do that if you have other "search" indication):
<?php print str_replace('value="Search"', 'value="Go"', $search_box); ?>Hope this helps :)
-- David
davidnewkerk.com | absolutecross.com
View my Drupal lessons & guides
-- David
davidnewkerk.com | absolutecross.com
View my Drupal lessons & guides
Wow! Thats all really great
Wow!
Thats all really great stuff. I'll probably implement a bunch of that in the coming weeks. Pretty new at this so absolutely love the input. CSS has been a real learning experience but I really understand now why it's so superior to everything else.
Im new, but why dont you use
Im new, but why dont you use http://drupal.org/project/ddblock its a cool mod, that can make the top right block an image a slide show. It would look better and give more insight to your church. I just made my first sit too.
www.fastacservice.com