Previews

Cafe Screenshot
Cafe Screenshot Cafe Screenshot Cafe Screenshot Cafe Screenshot

Overview


A tasty template

Cafe is a beautifully styled theme with a unique look and feel. We have five different signature shelves to choose from, along with good looking shelf badge with a variety of shelf badge icons.

Think different

We’re happy to continue innovating by presenting our second theme that includes the popular Blog Entry Topper feature.

We’ve made it simple and easy to use. Once you see it in action and use it, you’ll probably wonder why it hasn’t been done before. Learn to use it in our Cafe tutorial videos, located to the right.

Stand out

In addition to its stylish shelf and Blog Entry Topper, it also offers social badges, static and slideshow stock banners, three ExtraContent areas, drop down navigation, a built-in FAQ, and much more.

Tutorials

Here are some tutorials and walk through videos to show off some of the amazing features found in the Cafe theme. They’re meant to explain and instruct you in using some of the newest features as well.

I encourage you to take a few minutes to watch them, and be sure to bookmark this page so you can come back and reference them when you’re building your own site with Cafe.


Features

Header


The Cafe theme is a great RapidWeaver template for showing off your content. This starts in the content of your site, but extends to banner images that perch themselves on Cafe’s unique shelf designs.

This theme comes packed with 30 beautiful, professional stock header photographs, all of which are editable with RWmultitool. In addition to all of these editable, stock banner images, we also provide you with a simple code snippet that will let you use custom images from your RapidWeaver 5 Resources.

This theme also has 9 different, built-in slideshows, which allow you to choose from 6 different, unique slideshow animation styles. You’re also able to choose from several slideshow pause durations as well.

There are 5 shelf styles to choose from as well as a variety of shelf badges and shelf badge icons. You can even hide the shelf if you don’t need it. This can be done on a page-by-page basis.

Be sure to watch our tutorial videos, above, to learn more about using our custom banner snippet, banner slideshows, custom banner slideshow snippet, shelf badges, as well as editing the stock banners.

Sidebar

The sidebar for the Cafe theme can be placed on either the right- or left-hand side of the template. If you need more room you can hide the sidebar instead.

The theme is also smart enough to know when you need your space. If you set the content width to either 592 or 478 px the theme automatically hides the sidebar, getting it out of the way to let your content rule.

Background

This theme features 15 different background styles, which are wonderfully coordinated with the horizontal navigation’s inset area as well as the theme’s built-in social badges.

Width

You can choose from 6 different content widths in this theme. Width range from 478 up to 1,048 px in size. Cafe automatically hides the sidebar when you set the width of your content to either 478 or 592 px to give you the most space for your content.

Color picker

We’ve provided a huge variety of color picker options for the Cafe theme. You can hand select the colors for the following elements using just the RapidWeaver color picker:

• Body Text
• Sidebar Text
• Links
• Site Title
• Site Slogan
• ExtraContent Area 1 Text
• ExtraContent Area 2 Text
• ExtraContent Area 2 Background
• ExtraContent Area 3 Text
• Footer Text
• Footer Links
• Form Input Field Text
• Form Input Field Focus Border

Fonts

We’ve included a lot of really great font choices for your site title, slogan and body text. Here’s a list of the fonts available for these areas:

Site Title
• Museo Slab
• Museo Sans
• Wisdom
• Maven
• League Gothic
• Helvetica
• Lucida Grande
• Verdana
• Tahoma
• Georgia

Site Slogan
• Museo Slab
• Museo Sans
• Helvetica
• Lucida Grande
• Verdana
• Georgia

Body
• Lucida Grande
• Helvetica
• Georgia
• Verdana
• Palatino

We’ve also provided several font sizes for the title, slogan and body text. You’re also able to hide the title and slogan on a page-by-page basis.

Blog

Cafe’s blog features the same wonderfully innovative Blog Entry Topper feature that was introduced in the Crisp theme. The Cafe theme allows you to place large images above the title of your blog posts. This is a feature found in many other platforms like WordPress, ExpressionEngine and Tumblr, so we brought it to RapidWeaver in this theme.

By simply changing the alt tag of an image you can place an image at the top of each individual post. For details on using this feature you will need to watch the tutorial covering the Blog Entry Topper in the tutorials section above.

We think you’re really going to love this feature as it will add a lot of personality and flexibility to your site and blog!

We’ve also included the ability to use a blog badge on your entries as well as a variety of styles for these badges.

Site Navigation

Drop down menus are very popular nowadays. Cafe provides stylized, beautiful menus. The main, horizontal menu items style themselves to match the background you choose. You’re given the option to choose from two different drop down menu styles as well as 7 different highlight bars for these drop down menus.

The navigation system allows for three levels of navigation. The main, horizontal parent level and two drop down child levels.

ExtraContent

Cafe features three perfectly placed, beautifully styles ExtraContent areas.

The first ExtraContent area is located just above the content area and below the site title and slogan.

The second of the ExtraContent areas is located at the top of the content area above the content and sidebar.

The third ExtraContent area is located at the base of the theme just below the main content area.

Be sure to checkout out the live preview site to see all of the ExtraContent areas in action!

Code

Cafe ships with RapidWeaver Code Snippets for social badges, custom banner images, custom slideshow, and ExtraContent areas. Check out all of the informative tutorials above to learn how to use these various snippets.

The Cafe theme includes jQuery built right in.

Misc

The Cafe theme comes with two Photo Album styles. One option is to use RapidWeaver’s built-in gallery style, which provides a page of photos that when clicked on take you to a new page with the larger photo.

The other option is to have the RapidWeaver photo album work as a lightbox page. For those unfamiliar with the notion of lightbox, it is when you click on an small image and then have the larger image appear, floating on top of the page with a faded out website in the background.

Be sure to look at our live preview site to see the lightbox in action.

The lightbox feature is not compatible with IE 7. Instead of the lightbox, IE 7 users will be presented with the standard RapidWeaver photo album.

image

Theme FAQ

Cafe has a built-in FAQ. This feature let’s you get quick answers to your questions. Chances are if you’ve got a question, others have had the same thought as well, and this is where you’ll find those answers. You must be connected to the internet to access the FAQ via the theme variations in the Page Inspector.



image

Be Social

Cafe offers a series of snippets that come with your purchase that allow you to place very stylish social badges at the bottom of your site design and link to some of the most used social media sites like Twitter, Facebook, Google Plus, and more.

 

Supported browsers

Our themes support a wide variety of web browsers. We test each theme in these modern browsers to make sure that your sites will look good, and function properly. We highly suggest Safari on the Mac and PC as it is one of the most standards compliant browsers on the market today.


Safari
Safari
FireFox
FireFox
Chrome
Chrome
Opera
Opera 10+
Internet Explorer
IE 8+