Top Panel

This panel contains four module positions: panel1, panel2, panel3 and panel4. If none of these have published modules, the panel will be hidden.

You have control over the panel settings. You can change panel's height (currently 250px), width (100%), background color and panel's button text (open/close).

Open

CSS3 Powered

This template uses modern CSS3 techniques, such as rounded borders and gradient colors, with IE compatibility maintained. ALL colors (including gradients) are customizable in parameters.

  1. Unzip file "hot_designnow1x.zip" from archive you downloaded after purchase.
  2. In your Joomla admin panel, go Extensions > Extension Manager. See Image 1.
  3. Click <Browse> button and locate file "hot_designnow1x.zip" on your computer. Click <Upload & Install> button. See Step Image 2.
  4. Once the file has been uploaded on your server, you would get a message as on this image. See Image 3.
  5. Go Extensions > Template Manager, select "hot_designnow - Default" from the list and click Default icon (star in the right column). See Image 4.
  6. Check site frontend. Now you should see your website with a new template.
  7. You need to type "nav" in Menu Tag ID of the top menu module (position User3). Menu Class Suffix should be empty. Menu style should be set to "list".

After the installation procedure, you won't get your website look as this Demo. Maybe you'd need to change positions of your modules according to this guide and change parameters in some of your menus.

If you like effects used on above images, you can use it for your site. This template comes with integrated jQuery Lightbox. Please read details how to use it.

Reflection Effect

Reflection script is incorporated in template. If you want an image to have it, use class "reflect" for your images. You can also control reflection's height and opacity.

Learn more about it here.

HotStart

Follow our instructions to make a copy of this demo site to your server.

HotStart! is available with each template. It allows you to create a copy of this demo.

Cross-Browser Compatible

This template uses modern CSS3 functions supported by modern browsers. It uses script that maintain IE7 and IE8 compatibility.

Tested in IE7+, Firefox, Opera, Chrome, Safari and Camino.