Let's go through an example to create this following interactive image map.
Today I want to introduce you to the Collapse Text module. It's such a life-saver for those long, long text-heavy pages, in which it may be difficult to guide the user through the sections that are most important to them.
The Collapse Text module allows you to create collapsible/expandable sections in your Drupal pages directly from the editing interface (though it doesn't work that well with CKEditor - more on that later) through the use of special tags to delineate the beginning and end of the text section you want to make collapsible.
Want to have access to a large array of cool, creative fonts via the UI, which you can apply to a variety of CSS styles across your site? Yes, you say? Here's a step-by-step guide to using the wonderful @font-your-face module.
Have you ever wanted to use those wonderful collapsible fieldsets in your views in Drupal 7? Collapsible fieldsets are such an interactive and user-friendly way to present pages/results that you want to be compact, while giving the user the option of expanding for more info!
So let me demo the Views fieldsets module. It allows you to create a view with as many fields as you want under each record - which you can hide in a collapsible fieldset. That makes your display so compact and tidy, while allowing the user to expand the fieldset to see extra info!
Now that I have this wonderful new blog, I want to help my viewers by letting them know where they are in the hierarchy of my site when they're looking at a particular blog post. By default, Drupal's breadcrumbs aren't quite as helpful as I'd like as every page has only a 'Home' breadcrumb at the top, since I'm not using the menu system, as much as taxonomy to organize my blog posts.
Here is how you can use the Custom breadcrumbs module to configure how you want your node types, paths, taxonomy and/or views to control the display of breadcrumbs on your site.