2009 2008 2007 2006 2005 Labs

Joomla Club Templates

BentoBoxMarch 2007 Joomla Template

BentoBox BentoBox features 3 light, and 3 dark styles. Although structurally the same, these two template bases create very different designs and allow for an extremely varied array of uses. Also, BentoBox uses a variation of a new CSS technique to provide a completely table-less design with a minimum of CSS hacks while still retaining module collapsing capabilities.

Other great features include 3 built-in menu variations: SplitMenu2, SplitMenu, and Suckerfish, as well as an option to use a module in place of the built-in menus. 12 Module positions, 4 module style variations, Accessibility options to choose font sizes, Ability to configure as Fluid or Fixed-width, the list goes on and on!


Features and Screenshots


Bentobox Color Styles Tableless design Module Positions
  • Clean pure CSS/Tableless Design
  • 3 Light / 3 Dark Color Styles
  • Fluid or Fixed-width configurations
  • Separate tabbed top-menu
  • 12 fully collapsible module positions
  • 1.0 and 1.5 RocketLauncher Packages Available
  • 4 Built-in Menu Systems featuring Tab SplitMenu
  • Lightweight and fast loading
  • Source Adobe PNG Source Files Included
  • W3C XHTML 1.0 Transitional. W3C CSS Valid


SplitMenu2 Tabs, SplitMenu and SuckerFish Information

The exclusive RocketTheme menu systems in this template use the mainmenu by default and this menu is configured in the admin administator. For these to function correctly, understand that the ‘top level’ menu items will show up as the horizontal buttons across the top of the template. For sub menu items, assign Parent Item to these top menus to the top-level item. These will then show up below in a sub-horizontal menu when you click on a top-level item. For an example of this check out the demo server


BentoBox Documentation

Get started using BentoBox with a wide variety of written and video tutorials explaining installation, configuration, custom modules, and much more More Details...

Installation - Joomla 1.5


Downloading the Template Files

  • BentoBox Template (rt_bentobox_j15.tgz) This file is the template package you will use to install BentoBox into Joomla.
  • BentoBox Custom Extensions (bentobox-extensions-j15.zip) This package contains each of the individual custom extensions included in the BentoBox template release.
  • BentoBox Source PNG's (bentobox-sources.zip) This package contains the Adobe Fireworks source png's for making modifications and customizations to the images in the template. You will need Adobe Fireworks image editing to fully utilize the Source PNG files.

Using the Joomla Installer

From the Menu in your Joomla Administrator, go to Extensions → Install/Uninstall.

Next, browse for your rt_bentobox_j15.tgz file you downloaded and then click Upload File & Install.


installation


Making BentoBox the Default

installationNext, go to Extensions → Template Manager. Find rt_bentobox_j15 on the list of installed templates.

Select the radio button to the left and then click Default up in the top right corner. BentoBox is now your default template.

Additionally, you can also edit the template's customization parameters by selecting this same radio button and clicking the "Edit" button in the top right corner.



Installation - Joomla 1.0


Downloading the Template Files

  • BentoBox Template (rt_bentobox.tgz) This file is the template package you will use to install BentoBox into Joomla.
  • BentoBox Custom Extensions (bentobox_extensions.zip) This package contains each of the individual custom extensions included in the BentoBox template release.
  • BentoBox Source PNG's (bentobox_sources.zip) This package contains the Adobe Fireworks source png's for making modifications and customizations to the images in the template. You will need Adobe Fireworks image editing to fully utilize the Source PNG files.

Using the Joomla Installer

installationGo to your Admin control panel for your site. In the Menu at the top, go to Installers > Templates - Site.

Next browse for your rt_bentobox.tgz file you downloaded and then click Upload File & Install. Now BentoBox is installed and in your template list. You should observe an introductory page in which you select Continue.

Making BentoBox the Default

installationNext, from your admin control panel, go to Site > Template Manager > Site Templates. This will pull up the list of your installed templates.

Find BentoBox on the list and select the radio button to the left and then click Default up in the top right corner. BentoBox will now be the default template.

Frequently Asked Questions


What is Suckerfish and how do I set it up?
Suckerfish is a versatile dropdown menu which is a complete CSS menu solution so can be crawled by search engines unlike traditional menu dropdowns. Setup is based around the Joomla parent item facility. In the menu manager, you assign a menu item to another so one becomes the Parent of the other. The template will then produce the dropdown. More Details...
What is the Litebox and how do I set it up?
There's a very popular JavaScript out there called Lightbox JS 2.0. It's a great way to show off images and create impromptu photo galleries. The only problem is that it's heavy and dramatically degrades the performance of your website. Fortunately there's a 'clone' called Litebox that utilizes moo.fx JavaScript library to produce the same effect but with far less JavaScript, and advanced loading techniques that subsequently produces faster loading and more responsive pages. BentoBox fully integrates the JavaScript and the CSS so all you have to do to utilize this technique is an an extra element to your image link. More Details...
How do I setup the frontpage module?
If you wish to mimic the demo setup the frontpage modules, you will need to follow our tutorial on the Demo Content tutorial page.More Details...