A feature-rich, elegant responsive theme for RapidWeaver that provides you a brilliant canvas on which to build your portfolio, blog or small business site.
Our Hive theme is built on a modern, responsive foundation that provides you with a robust template for designing sites for yourself and your clients. You'll be able to create sites that look great on both your visitors' desktop computers and their mobile devices with just one theme.
This theme makes use of some of the newest web technologies in order to provide you and your visitors with a great experience.
RapidWeaver's Page Inspector provides a quick and elegant way for you to customize various facets of the Hive theme with just a few clicks of the mouse. Here are a few highlights:
For a full, detailed rundown of all the the Hive theme has to offer, click the Details tab above.
The Hive theme gets you started right out of the gate with its professional stock banners. Hive includes 35 stock designs, ranging from photographs to 3D renders.
We've included 15 empty, customizable slots for your own banner images. You can add your own images to your project via the RapidWeaver resources.
Your custom banner images can be any size. The banner area's height is determined by your image's size. Watch our Banner tutorial video for more information.
Hive's site background can be set to one of 20 built-in stock images, or you can use your own image. The background image stretches out to fill the browser window and is fixed in place. Watch our Backgrounds tutorial video for more information.
There are 8 different ExtraContent areas in Hive theme to allow you to break out of the standard layout mold. Be sure to watch the ExtraContent video, under the Tutorial's tab above, to see where each is located and how to make use of them, and their related theme variations.
Many of the ExtraContent areas in the Hive theme can be set to have translucent so that the beautiful stock backgrounds, or your custom backgrounds, can show through. You can also use your own images for the some of the ExtraContent area backgrounds.
We've provided a plethora of font choices to choose from in order to help customize the look of your site. You can change the font style of the Site Title, Slogan, Content, Sidebar, Navigation, and ExtraContent areas.
This theme features a dual navigation. One version of the navigation is located in the title bar area as a collapsable navigation. A second copy of the navigation can also be found in the sidebar. Check out the live preview site to see it in action.
The sidebar can be placed on the left- or right-hand side of the content area, or hidden all together. You can choose a different location for the sidebar on a page-by-page basis. The blog's archives are located in the sidebar of the theme, as well as the secondary copy of the site's navigation.
We've included 9 different, preset navigation styles in the Hive theme for you to choose from, ranging from simple translucent blacks and whites, to subtle warm oranges, and electric blues. Or you can use the color pickers to set your own colors.
Included in the Hive theme's variations are 45 different color pickers. These color pickers help you to modify the look of everything from your content text and links, right down to your navigation, site background and much more!
Hive is responsive, and scales down to fit the visitor's browser, or mobile device. You can set a maximum width set for its content area. You can choose from 9 different width options, ranging from 800 - 1,500 px in size, or have it fill the full width of the browser window.
This theme comes with our ever popular Blog Entry Topper feature built-in, allowing you to insert your own custom images above each of your blog entries. This allows you to provide a unique look for each of your blog entries.
Hive allows you to toggle on a beautiful, responsive lightbox to showcase the images on your Photo Album pages, making them open in a modal popup. Your users can even browse your entire gallery of images right from the lightbox.
The Hive theme is built on top of a solid, responsive foundation that allows you to create one site that works great on both your visitors' desktop computers as well as their popular mobile devices, like the iPhone and iPad.
The Hive theme allows you to indicate if a page will contain videos embedded in it from YouTube or Vimeo. If enabled the theme will use its magic to ensure that those videos are responsive.
You're able to insert social media badges onto your pages via small code snippets, which we've provided above under the "Badges" tab above. Be sure to watch our Social Badges video in the "Tutorials" tab above to learn how to use them in your site design.
The Hive theme features your logo in the title bar to the left-hand side of the site title. This puts your logo right at the top of each page. The theme will scale your logo down to fit the available space. You can see it in action on our live preview site to get an idea of where it is placed.
This theme makes use of some of the newest web technologies in order to provide your visitors with a great experience. This means supporting the most up to date browsers that follow web standards, such as: Safari, Chrome, Firefox and Internet Explorer v9+.
This theme works in both RapidWeaver version 5 and version 6. Hive provides a wonderful site design that is powered by some of RapidWeaver's most robust features.
Want to have a jumping on point for getting started with Hive? Here's a simple RapidWeaver 6 project file, featuring the Hive theme, that you can use for whatever you like. Give it a download here.
We've included 10 free stock art images with your download that you can use freely when building sites with the Hive theme. Give them a try as a banner or background. Check out how to do so by watching our tutorial videos above.
Need some stacks for building out your responsive content? Be sure to have a look at our Structure and Ivy stacks. They're great tools for formatting and creating responsive content to work within this responsive theme!
The Hive theme uses a special code snippet to help you easily place your badges for various social media sites on your page. On this page you'll find a snippet for each of the badges that are supported in this theme.
Replace the # (hashtag) in the double-quotes with the URL you wish your badge to link to.
<a class="myBadge twitter" href="#"></a>
<a class="myBadge facebook" href="#"></a>
<a class="myBadge linkedin" href="#"></a>
<a class="myBadge youtube" href="#"></a>
<a class="myBadge xing" href="#"></a>
<a class="myBadge soverflow" href="#"></a>
<a class="myBadge behance" href="#"></a>
<a class="myBadge rss" href="#"></a>
<a class="myBadge soundcloud" href="#"></a>
<a class="myBadge google-plus" href="#"></a>
<a class="myBadge instagram" href="#"></a>
<a class="myBadge skype" href="#"></a>
<a class="myBadge apple" href="#"></a>
<a class="myBadge email" href="#"></a>
<a class="myBadge pinterest" href="#"></a>
<a class="myBadge vine" href="#"></a>
<a class="myBadge comments" href="#"></a>
<a class="myBadge yelp" href="#"></a>
<a class="myBadge dribbble" href="#"></a>
<a class="myBadge github" href="#"></a>
<a class="myBadge tumblr" href="#"></a>
<a class="myBadge windows" href="#"></a>
<a class="myBadge android" href="#"></a>
<a class="myBadge dropbox" href="#"></a>
<a class="myBadge tumblr" href="#"></a>
<a class="myBadge pencil" href="#"></a>