Our website

Events happening in the community are now at Drupal community events on www.drupal.org.
merauluka's picture

I just found this group and thought I'd submit our Drupal site to the pool. We've been on Drupal since 2009 when I switched us over from DotNetNuke. I knew nothing about programming in PHP and enough to be dangerous with jQuery. We are constantly improving the site (of course) and I welcome your feedback.

Calvary Chapel Boise (ccboise.org)

Thanks and God bless you!

-Melissa

Comments

Beautiful site!

gpenn's picture

Really nicely done. Are you using a particular theme? Do you do the photography and graphic design in-house?

Thanks!

merauluka's picture

We built the theme off of Zen. We have an in-house graphic designer who built the theme and I made the rest happen. We use Context to switch the colors based on which section of the site people are in.

Groups

esbon's picture

Nice site, what are you using for groups? OG?

We opted to just make a

merauluka's picture

We opted to just make a content type that holds the group meeting times, locations, and contact information. The point of the groups wasn't to be digital but "analog", as it were, so an online group didn't make sense for our purposes.

Oops...double-posted.

merauluka's picture

Oops...double-posted.

Nice work

JSCSJSCS's picture

I like the top menu architecture with menus links and images. What did you use to accomplish that?

James Sinkiewicz
Drupal Site Builder and Generalist
http://MyDrupalJourney.com

We used blocks for the drop

merauluka's picture

We used blocks for the drop down menus. In the blocks you can put whatever content you want. We decided to pull the menu for that section and use PHP to split it into columns. That way when a link is edited or hidden in the system it is changed on the menus as well.

We absolutely positioned the blocks using CSS and hid them.

Then we used a jQuery function called hoverIntent to display the block when the user hovers over the menu item. We liked hoverIntent instead of a simple jQuery show/hide because it delays showing the menu until you're certain the user wants to view it. Without it we had the menus showing up whenever you hover and it was causing people to click on the wrong thing.

CORE Groups

arpayson's picture

I'd love what you used to format your online sign up and google-maps listing of CORE Groups.

That was a bear to do. I

merauluka's picture

That was a bear to do. I looked for a pre-built solution, but most of the options were far too general for what we needed to do. So I built that from the ground up using Google Maps API v.3.

I actually modeled the design off of Ace Hardware's store finder (http://www.acehardware.com/mystore/storeLocator.jsp). I'm sure you'll notice the similarities to our CORE Small Groups page (http://www.ccboise.org/our-church/small-groups).

Were you needing help with a

merauluka's picture

Were you needing help with a similar map?

RE Were you needing help with a similar map?

arpayson's picture

Not yet. I love, love, love what you did and am looking at it as an example of what could be done once our small group ministry is launched. I will know more in about 4 months. Thanks much!

Nice

ejanus's picture

Good job. Any responsive plans? The menu works well. I did similiar on a few sites but used OM Maximenu. Still, I had to write some jQuery to calculate widths depending on how many blocks I had in a given menu item. One of the sites, I used OM M on was www.yesmail.com if you want to check it out.

Thanks for the link. The

merauluka's picture

Thanks for the link. The sites look great!

We are steadily working our way toward responsive templates. But we have a few websites and only me to program them at the moment so it's slow going.

-Melissa

Great looking site!

pkchoo's picture

Great site design and great implementation!

Love your event page.

PauloPonce's picture

How did you create the event page did you used a specific module?
also how did you made the event apear on the homepage so cool?
I've been looking for modules that would have modern event layouts.
I love how your looks like very organize and clean.

Are you talking about the

merauluka's picture

Are you talking about the default Event page? At http://www.ccboise.org/events? That was a combination of a couple of things. I created a content type used just for ads. It collects the following data on the form:

  • Large image (used on frontpage slideshow)
  • Small image (used for event listing, our online bulletin, and other ads throughout the site)
  • Ad text to appear on the event listings and bulletin
  • Dates to post ad (Used to schedule the ad on the front page and throughout the site)
  • Events link in two formats: Node Reference for internal links, URL for external links
  • "Special Event?" boolean checkbox to denote ads that should appear on the Events listings

I used Views to display all ads that are "Special Events" and sorted them by the end date for when the ad was supposed to be removed. Because we usually list events up to the time they start this created a perfect sorting mechanism.

:-)

For the homepage, I assume

merauluka's picture

For the homepage, I assume you're referring to the slideshow? That was done using Views: Slideshow and worked almost out of the box. Since it shows content and just shuffles through them, I did a simple image linked to a page within our site (external links on rare occasions).

Drupal Churches Home

Group categories

Group notifications

This group offers an RSS feed. Or subscribe to these personalized, sitewide feeds: