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
Sat
22
Jan

Do you need some articles of your website to stand out of the others? Here it comes our fully configurable, featured articles rotator, based on jQuery. In module parameters, you have control over module display. You can change module width, height, border, all colors. You can add internal or external link to each image in rotation. So, don't have to mention only articles from your site.

USAGE INSTRUCTIONS

Open module parameters in Extensions > Module Manager > HOT Newsflash. You'll see that some default parameters are already there. However, you should change some of them to accomodate module for usage on your site.

  • LOAD JQUERY: Select wheter to load jQuery library or not. If your template already loads it, you may disable this to avoid possible javascript errors.
  • MODULE WIDTH: Overall module width. If you have border, overall width will be higher for border width (x2). Height of the module depends of images height (set this below).
  • BACKGROUND COLOR: Background color of the text area in hexadecimal format (in example ffffff). You may use Color Blender to get values if you don't have software, such as Photoshop.
  • BORDER WIDTH: Border width is numerical value in pixels. Type only number (in example 3).
  • BORDER COLOR: Color of the border line in hexadecimal format (in example 000000).
  • NUMBER OF ARTICLES: How many featured articles you'd like to show. Select number 1-5.
  • DISPLAY READ MORE LINKS: Enable/disable "read more" links. They are not necessary as articles' headers are linked.
  • READ MORE LINK TEXT: Text for "read more" links (if they are enabled above).
  • TABS WIDTH: Width of the tabs that are used to rotate between articled. Height of the tabs are calculated automatically.
  • TABS BACKGROUND COLOR (REGULAR, HOVER, ACTIVE): Color of the tabs' background in hexadecimal format.
  • TABS FONT COLOR (REGULAR, HOVER, ACTIVE): Color of the tabs' font in hexadecimal format.
  • FOLDER WHERE IMAGES ARE STORED: Type folder (relative to Joomla root) where your images are stored. Don't include leading or trailing slash (in example you may enter images/stories).
  • WIDTH OF THE IMAGES: Self explanatory.
  • HEIGHT OF THE IMAGES: Self explanatory. It also determines overall module height.
  • HEADING OF ARTICLE: Please type heading of the article here.
  • LINK TO ARTICLE PAGE: Please type link to the full article here, starting with http://. You can use internal or external links (internal link example http://www.yoursite.com/index.php, or external link http://www.google.com). If you don't type a link, heading and image would be displayed without link.
  • ARTICLE INFO TEXT: Please type short article information text for each featured article. HTML code allowed here.
  • IMAGE NAMES: Image name with extension (in example articles.jpg).

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.

HOT Start

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

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

Lightbox Enabled

jQuery Lightbox available. Click on thumbnail picture will open bigger picture in the Lightbox.

Check out how this feature works on this page.