Apples to Oranges 1

Apples to Oranges 1

Features

Justin Fleming, my friend and colleague in the Mac User Group at the University of North Carolina at Chapel Hill, and I developed a custom RapidWeaver theme called “Apples to Oranges” for a project of our own. After completely re-engineering our own theme for the RapidWeaver community, Apples to Oranges provides a variety of theme variations and color pickers to customize almost every aspect of your website’s layout. Several Apples to Oranges features are:

  • Up to 9 menu levels
  • Up to 20 banner images
  • jQuery integrated with theme
  • 6 layout widths
  • Left, center, or right align header
  • Menu font size controls
  • Left, right, or hidden sidebar

Screenshots

Here are a few screenshots of Apples to Oranges. You can also view the live preview.

  • Apples to Oranges 1 Screenshot 1
  • Apples to Oranges 1 Screenshot 2
  • Apples to Oranges 1 Screenshot 3

Theme Variations

Layout Width

  • 700px
  • 800px
  • 900px
  • 1000px
  • 1100px
  • 1200px

Layout Colors

  • Body Background
  • Page Title
  • Header Tags
  • Text
  • Links
  • Links (Hover)

Layout Fonts

  • Arial
  • Georgia
  • Helvetica
  • Lucida
  • Trebuchet
  • Verdana

Layout Font Size

  • 11px
  • 12px
  • 13px
  • 14px

Header Alignment

  • Left
  • Center
  • Right

Header Colors

  • Background
  • Title
  • Slogan

Main Menu Font Size

  • 11px
  • 12px
  • 13px
  • 14px
  • 15px
  • 16px
  • 17px
  • 18px
  • 19px
  • 20px
  • 21px
  • 22px
  • 23px
  • 24px
  • 25px
  • 26px
  • 27px
  • 28px
  • 29px
  • 30px

Main Menu Colors

  • Background
  • Links
  • Links (Hover)
  • Links (Current)
  • Links (Ancestor)

Main Menu Alignment

  • Left
  • Center
  • Right

Main Menu Font Size

  • 11px
  • 12px
  • 13px
  • 14px
  • 15px
  • 16px
  • 17px
  • 18px
  • 19px
  • 20px
  • 21px
  • 22px
  • 23px
  • 24px
  • 25px
  • 26px
  • 27px
  • 28px
  • 29px
  • 30px

Main Menu Padding

  • None
  • 1.0em
  • 1.5em
  • 2em

Main Menu Shadow

  • Show
  • Hide

Banner Image

  • None
  • Image 1 ... Image 20

Banner Background Image

  • None
  • Image 1 ... Image 20

Banner Colors

  • Background

Banner Shadow

  • Show
  • Hide

Breadcrumb Colors

  • Text
  • Links
  • Links (Hover)

Sidebar Colors

  • Menu Background
  • Menu Dividers
  • Menu Links
  • Menu Links (Hover)
  • Menu Links (Current)
  • Menu Links (Ancestor)
  • Menu Links Background (Hover)
  • Menu Sublinks
  • Menu Sublinks (Hover)
  • Menu Sublinks (Current)
  • Menu Sublinks (Ancestor)
  • Sidebar Title
  • Content Text
  • Content Links
  • Content Links (Hover)

Sidebar Display

  • Left
  • Right
  • Hide

Sidebar Font Size

  • 11px
  • 12px
  • 13px
  • 14px

Content Font Size

  • 11px
  • 12px
  • 13px
  • 14px

Page Title

  • Show
  • Hide

Blog Colors

  • Entry Title
  • Archive Title
  • Meta Background
  • Meta Borders
  • Meta Text
  • Meta Links
  • Meta Links (Hover)
  • Tag/Comment Text
  • Tag/Comment Links
  • Tag/Comment Links (Hover)

Photo Album Colors

  • Album Title
  • Album Captions
  • Album Thumbnail Border
  • Album Thumbnail Border (Hover)
  • Single Photo Page Background
  • Single Photo Page Title
  • Single Photo Page Caption
  • Single Photo Page Border
  • Single Photo Page Links
  • Single Photo Page Links (Hover)

File Sharing Colors

  • Zebra Stripe
  • Dividers
  • Links
  • Links (Hover)
  • Captions

Movie Album Colors

  • Movie Title
  • Dividers
  • Zebra Stripe
  • Movie Popup Background
  • Movie Popup Caption

Footer Colors

  • Top Border
  • Text
  • Links
  • Links (Hover)

Footer Alignment

  • Left
  • Center
  • Right

Frequently Asked Questions

None available

Documentation

Installation

  1. Download your purchase to your computer. This will be a ZIP file.
  2. Double-click the downloaded ZIP file to expand its contents.
  3. Double-click the .rwtheme or .rwplugin file that was in the ZIP file.
  4. Restart RapidWeaver.

System Requirements

  1. Mac OS X 10.4+
  2. RapidWeaver 3.6+ (4.0+ recommended)
  3. Javascript-enabled Web Browser

Custom Page Banners

You may use 20 banners with Apples to Oranges. Follow these directions to create and install a custom page banner.

  1. Create an image that is 200px tall and as wide as your layout width (if your layout is 1200px wide, your image is 1200px wide).
  2. Save your image as a JPG image, with a “.jpg” extension, into the directory apples_to_oranges.rwtheme/Contents/images/editable_images/.
  3. Right-click “apples_to_oranges.rwtheme” and choose “Show Package Contents” to view the contents of the theme.
  4. Save your image as “image#.jpg”, where “#” is 1, 2, 3, ... or 20. For example, you might save an image called “image15.jpg”.
  5. Restart RapidWeaver, and select the appropriate banner image in the Theme Variation panel.

 

Release Notes

None available

Sign up for my newsletter

Packed with news, promotions, tips, and more. You know you want to.