CMS Quick Start Drupal BlogCMS Quick Start Drupal Blog

Tutorial - How to Work and Style Breadcrumbs in Drupal 7


The little details in your site can make all the difference when it comes down to accessibility and ease-of-use. Breadcrumbs usually fall by the wayside on most Drupal sites because at the default level they barely work. Sure they are great on the admin side but once you set up various content types, views, pages, and contact pages, all of a sudden your breadcrumbs become dumb. They don't know how your pages are linked unless you use "Navigation" or "Main Menu" for everything.

Tutorial - How to Style An Event Calendar in Drupal 7


Now that Drupal 7 has a decent track record and updated modules, there are more things you can do every day. Recent changes to the Calendar module make building and styling your own calendar better than ever. Whether you run a site for small community functions or you are full-fledged event coordinator, a useful calendar will make your site that much better.

Today we'll be going through a basic setup and styling process for Calendar in Drupal 7. Let's take a look at what we'll be building:

Build A Styled User Feedback Form with Webform In Drupal 7


Online feedback forms are a great way to encourage your users to interact with you or your business. Although a simple contact form might suffice for small to medium-sized websites, if you have a larger site you may start seeing a lack of focus or willingness for a typical user to contact you if they have an issue with your site. You can use a tiered form system to let your users dial down into a form for a specific purpose. For instance, you could have a form for general feedback, a form for technical support, and a form for product support.

Build A Podcast Archive In Drupal 7


Podcasts are a great way to let your users take your content with them. Whether you produce podcasts as your main delivery method or you do them in addition to your existing website content, you are going to want to maintain an easy to use archive and delivery system for all of your podcasts. Today we're going to go through the steps required to build such a site.

Awesome ways of handling media on your Drupal site, part 3: Video


Video content is a great way to get traffic to your site. However, it presents similar (if not more) problems than getting audio in the browser because of the huge variety of tasks that can be done with multimedia. Do you want to be able to simply upload it? Do you want to use a hosted service? Do you want online video editing?

Today we're going to look at some of the video modules for Drupal 6 and 7 to see if we can give you an edge when its time to start your new multimedia website.

Getting started

CMS Perception: A Bold Corporate or Product Display Theme


CMS Perception*Updated! Drupal 7 Version Now Available!

CMS Perception is a clear, simple theme that is perfect for displaying your company's web presence or displaying your newest product. A simple color scheme keeps things distinct while a bold featured content area serves to draw the user's attention right to you most important message. As with all our themes, there are 17 regions that you can use to place all of your content as well as the flexibility of our custom theme settings. Explore what opportunities this theme provides by trying out seven different color combinations and five backgrounds to find something that fits your style or brand. Fill in your featured content block with a nice big image of your latest product and allow Perception's typography and theme settings help get your message through.

Possible uses could include corporate sites, products or services, creative services, product display, technical or corporate blogs, and portfolios. CMS Perception will get your content the attention it deserves in the most straightforward manner possible.

Awesome ways of handling media on your Drupal site, part 2: Audio


Content management systems are essential if you are going to need to review and archive your past content. Drupal has been deployed successfully by radio stations and podcasters, so today we're going to look at some audio modules you can use to enhance audio management on your Drupal site.

We've gotten a lot of requests for Drupal 7 updates so now I will be listing the current versions of Drupal that work with each module. Hopefully that will cut down on the module heartbreak!

Getting started

Awesome ways of handling media on your Drupal site, part 1: Images


Note: We recommend sticking with Drupal 6 for these modules. While it might be nice to have a look at a way of doing all of this in 7, we have found that the lack of support and modules makes it too difficult to recommend using 7 for media-heavy sites at the current time.

We all know that Drupal's true power lies in its extensibility. Out of the box, Drupal only comes with a simple upload module and no easy way to dig right in and start building rich media sites. Looking at the module list can be a daunting task because of the sheer number of options that you have. Today we're going to look at some of the nicer ways of handling and displaying media on your site. This post will be broken down into 3 parts: Image, Video, and Audio. Today we're starting in with several awesome ways of dealing with images.

Drupal Theme Design Tutorial 2 - Mega Menus


This is the second installment in our ongoing series on unique drupal themeing techniques. As before, my goal is to inform you of the elements you need to design for and demonstrate how to make Drupal not look like Drupal. I just want to throw out a quick thanks for all the positive reactions we had to the first installment. It really helps to know that people are finding our tutorials useful.

We're going to take a quick look at what we are going to be accomplishing today. Good navigation is one of the hardest things to balance on a new site. There are many problems that come into play when we start talking about e-commerce and large corporate website with many tiers of navigation. What is the best way to convey all that information to the user? Do we go with nested drop down menus, large numbers of top-tier links, or primary, secondary (or even tertiary) navigation areas?

Drupal Theme Design Tutorial 1 - Designing Comments & Comment Forms


This is the first of a series of Drupal design and theming tutorials. My goal is to inform you of the elements you need to design for and demonstrate how to make Drupal not look like Drupal.

As a designer that works almost exclusively in Drupal, it can often times be frustrating to get certain site elements to get that refined look to them. I don't consider myself to be a programmer, but often times learning some code snippets is the only way to get the page layout to behave the way you want. Thus, a careful balance of theming (HTML & CSS) and development (PHP) is often required to get that really unique look that sets your site apart. That's what this series of posts is all about. How do we take a Drupal installation and make it not look like Drupal? We'll be reviewing Drupal elements on a case by case basis. Today's Topic: Comments and Comment Forms.

First, just a quick note about these posts. There are many tutorials and documentation pages regarding Drupal theming, so these studies are not going to be ground-up discussions of theming basics. Drupal theming is not easy! Without a basic understanding of the Drupal Core system you are going to become hopelessly lost. These studies are meant for people that are familiar with Drupal already.  If you need more detailed descriptions of what theming is all about, please check out these resources:

- Drupal Theming Guide
- Drupal 6 Themes


Designing and Theming Drupal Comments and Comment Forms

Let's take a comparison shot of a default Drupal implementation of comments and see what we'll be working towards:

Before and After

As you can see there's a lot of work to be done. Drupal's default styling tends to be "everything in a big long list." We can save a lot of space and clarify the elements a bit by moving some elements inline and getting rid of unnecessary text.

Ok let's begin. Our strategy will be to first tackle any TPL files, followed by adding functions to template.php, and lastly polishing with CSS. Let's look a the specific features we will be adding. CAPTCHA is non-standard. You can use either the CAPTCHA module if you want ultimate control over styling, but reCAPTCHA is a good choice as well. We'll also want to add a special flag for posts created by the site admin. We'll be hiding some fields in the comment form and then restyling everything else.

Need a Custom Designed Theme?

If you need a custom designed theme for your business then our designers can work with you to create a unique concept that is consistent with your brand, clearly communicates your value proposition and helps you achieve your goals. >> Click here to contact us and let us know about your needs and we'll analyze and provide you with an estimate for designing and development your custom theme.