jQuery
How to add rotating banner images to a RapidWeaver website
Many of my customers ask how they can add rotating banner images to their RapidWeaver website. Larry Pollock (known as Sundog on Twitter and the Realmac forums) has answered that question. He has recorded a 22 minute screencast at SupportCasts.com detailing how to add rotating banner images to a RapidWeaver theme using jQuery and the Cycle plugin. Membership is required to view the entire 22 minute screencast. A 4 minute teaser screencast is available for non-members.
Introducing my new Flex theme for RapidWeaver
Say hello to Flex
I am very excited to announce Flex, my new RapidWeaver theme. My Flex theme is available today for USD $19.95. You can also purchase a Flex/RapidSearch bundle to save 50% of the cost of RapidSearch! Simply put, I believe Flex is the most customizable RapidWeaver theme I have ever built. You can read about its features below.
Feature highlights
- Hybrid horizontal navigation menu with vertical drop-down submenus (1 top level and up to 7 submenus)
- Built-in jQuery 1.3.2 Javascript library
- Built-in PrettyPhoto lightbox gallery
- Built-in search form with RapidSearch integration
- Up to 20 header backgrounds with user-defined background image, position, and repeat (10 JPGs and 10 PNGs)
- Up to 20 user-defined banner images (10 JPGs and 10 PNGs)
- Rounded corners on various layout elements with user-defined radii
- Transparent menu tabs and drop-downs with user-defined transparency
- JS-Kit comment support
- Color pickers for most layout elements, including a, p, em, i, strong, b, blockquote, cite, code, ins, del, and more
- 6 Theme Styles to help get you started
- Supports RapidWeaver 4
Integrated RapidSearch search form
Flex provides a built-in search form that integrates seamlessly with my RapidSearch plugin for RapidWeaver. Now your website visitors can search your website with minimal setup.
Built-in jQuery 1.3.2 and PrettyPhoto lightbox
Flex provides a built-in minified copy of jQuery 1.3.2 and the PrettyPhoto lightbox. You have access to the complete jQuery library out of the box. And setting up a professional lightbox gallery for images, movies, Flash SWFs, and YouTube videos is a breeze.
Custom header backgrounds
Flex is my first theme to provide customizable header background images. You can use up to 10 JPG images and up to 10 PNG images in your header background. You can even specify the background image position and repeat direction.
Built with web standards in mind
Flex was built with web standards in mind. Flex uses the XHTML 1.0 Strict DTD, and you can use color pickers
to style a, p, em, i, strong, b, blockquote,
cite, code, ins, del, and more!
Web Browser Support
- Safari
- Firefox
- Chrome
- Internet Explorer 8
- Internet Explorer 7
- Internet Explorer 6
***Rounded corners do not work in Internet Explorer. Transparent PNGs do not work in Internet Explorer 6.
The Seeker: Animated search bar tutorial for RapidWeaver
Marten of RapidWeaver Central released a thorough and well-written tutorial that demonstrates how to implement a search bar on your RapidWeaver website.
If you’ve been looking under chairs and tables, trying to find the key to the pop-up searchbar fable… then your search is over. The Seeker is here. And it’ll help you find what you’re after. With style.
Marten also describes how to enhance your Seeker search bar with RapidSearch, my own search plugin for RapidWeaver that easily integrates Google search within your RapidWeaver website.
See the full Seeker tutorial or read the original announcement on the Realmac Software forums.
jQuery Interactive Zoomable Map Plugin
Joel Sutherland of New Media Campaigns has published an interactive and zoomable map plugin for jQuery. This plugin allows you to create points on a map that, when clicked, display a popup window with related information. You can also define clickable areas on the map that can zoom and enlarge with a smooth animation. This plugin is very extensible and perfect for adding an extra layer of interest and dimension to any website.
Announcing Modernity 4 for RapidWeaver
I am excited to announce Modernity 4 for RapidWeaver! This is a significant update to one of my popular RapidWeaver themes. I have addressed several important issues, and I have added several new features. Modernity 4 has been entirely rewritten using cleaner markup.
Learn more about Modernity
http://www.joshlockhart.com/index.php/store/product/modernity/
Improvements in Modernity 4
+ Rewrote and optimized theme markup
+ Fixed layout vertical shifting issue
+ Added support for JS-Kit comments
+ Renamed “Logo Alignment” Variation to “Logo, Title, and Slogan Alignment”
+ Added jQuery 1.3.2 Javascript library
+ Added IE8 compatibility
+ Added link to home page on logo image (requires Base URL to be set)
JS-Kit Comments
Modernity 4 now supports JS-Kit comments that were introduced in RapidWeaver 4.2.2. You can now enjoy full-featured social comments directly from your Modernity-themed RapidWeaver website.
jQuery 1.3.2 Included with Modernity 4
The best Javascript library now comes bundled with Modernity! You have access to the entire jQuery library within your RapidWeaver website. Call jQuery with:
jQuery(document).ready(function($){
//insert jquery here using $ namespace
});
The jQuery library provided with Modernity will not conflict with other Javascript libraries that you may already be using.
Purchase Now
Modernity 4 is available today for USD $15.00. You can purchase Modernity at:
http://www.joshlockhart.com/index.php/store/product/modernity/
Upgrading from v3.0 to v4.0
Current Modernity users will receive a free download link via email within 48 hours. If you do not receive a download link within 48 hours, please complete my Download Request Form. Upgrade instructions are provided on the Modernity product page on my website under Documentation.