We are witnesses of the flood of responsive web sites. Those sites are made to be useful on all kind of devices, from desktop computers to mobile phones. It's not enough to have only a template that's responsible. If you are about to use modules on the responsive website, those modules must be responsive as well. Hot Film Tape is on of such modules because it supports the responsive websites. This module automatically resizes itself in order to fit the available screen space as good as possible.             Read more...

Hot Full Carousel has "full" in its name for two reasons. The first, regardless if you have 3 or 20 slides, it rotates in the same direction all the time, just like a real carousel. The second reason are its responsive features. Actually, this module can have fixed width, but can also occupy the full width of the screen. This behaviour is maintained on both large monitor screens, tablets and smartphones. Of course, to make it happen, you must publish the module in module position that spans the entire width of the screen. Check your template about this. The normal mode of this module works just like our demo. It shows a big row of the slides and move them to the left. Some parts of previous and next slides are visible. Beside the normal mode, this module has "Full Screen Mode". When this mode is enabled, only one slide will be shown on the screen and it will be spanned to occupy the full available space. An example of such behaviour is demonstrated in Hot Responsive Portfolio demo.             Read more...

Hot Flashes Menu combines slideshow of images with Joomla menu. It's hard to believe that living animations like this are possible only with HTML, CSS and JavaScript today. We named it "Flashes" (although it's not based on Adobe Flash) because it looks like Flash based animation. Remember, you don't need a Flash plugin to run it. This module works fine on devices that doesn't support Flash (such as iPhone or iPad). Basic Options SELECT MENU: Drop-down list shows all the menus available in your Joomla. Select one for the Hot Flashes Menu module. LOAD JQUERY: If your template loads jQuery, disable it here to avoid conflicts. Flashes Menu Options IMAGES FOLDER URL: Specify the folder where images for the slide show are stored (relative to Joomla root). WIDTH: Width of the module in pixels. HEIGHT: Height of the module in pixels. ROOT ITEMS TOP OFFSET: Distance between the top margin of the module and the row that shows menu items from the first level (in pixels). ROOT ITEMS HEIGHT / TEXT COLOR / BG COLOR / TEXT HOVER COLOR / BG HOVER COLOR / FONT SIZE: Various settings for the row that shows menu items from the first level. Height and Font Size are in pixels. Colors are selected from the integrated color picker. SUB ITEMS HEIGHT / TEXT COLOR / FONT SIZE / TEXT HOVER COLOR: Various settings for the second level of the menu items.           Read more...

Hot Zoomer is Joomla module from Hot Joomla Templates that makes slide show of selected images using famous Ken Burns effect that allows to zoom in and zoom out details of each image. As in any other slide show module, we have duration of each slide set in parameters. However, during that time, image is not displayed statically on the screen. Instead, it zooms in or zooms out all the time. In module parameters, you can graphically select which part of image will be shown on start and which part of image will be shown on end. Therefore, setup of this effect is extremly easy because it's done through user-friendly module backend (see illustration). As an additional feature, this module can have navigation bar in the bottom area. There you can enter descriptions for images. In this case, user also has ability to change slides himself by clicking on the left and right arrows. Three transition effects of the navigation bar text are available (slide, fade and show).               When you click Edit Images button in Module Parameters, a new window will be opened. The most important settings of the module are there. First, you click the Add New Image button and enter path of the image. If it's correct, script will read the image and it will be shown in the bottom. Over the image, you can see two squares. The blue square is starting position. The red square is ending position. You "draw" blue and red squares over the image using your mouse. In our sample, starting position includes entire image and then zooms in a detail of the image until it reaches the ending point. After that, with fade effect, new image is displayed and it can have totally different starting and ending positions.                     Read more...

The most popular online maps service today is certainly Google Maps. This service covers the entire globe. Allmost all places and addresses throughout the world are included in this giant online world map. Modern websites often use free maps from Google to show where the company is located or how to find the company's offices. Travel websites can use maps to show destinations they offer for vacation trips. Joomla Google Maps Plugin and Module Hot Maps has been created to allow webmasters to include any map from Google Maps inside Joomla website. With one purchase, you will get both Hot Maps plugin and module.             Google Maps Module Once you install the module and publish it in appropriate module positions, you should enter location that should be displayed (in example "Copacabana beach Brazil") and set dimensions (width and height) of the map. That's it. Your map is ready! There's not need to register or copy any code. In addition, you can include pre-text and post-text (HTML allowed) that will be displayed above and below the map. Also, you can include link to the full map (hosted on Google). Finally, you can select whether to show graphical map or satellite image of the location. Parameters: MODULE WIDTH/HEIGHT: Enter dimensions of the module in pixels (in example 300) LOCATION or ADDRESS: Enter a location, in example "copacabana praca do lido" or address, in example "1 Infinite Loop Cupertino CA 95014" . Please use only letters and numbers! Don't use any special characters! SATELLITE IMAGES: Select whether to show satellite image of the terrain or not. SHOW LINK: Select whether to show link to the full map page (on maps.google.com). LINK TEXT: Enter the link's text. TEXT BEFORE/AFTER MAP: You can enter some text to be displayed above or under the map frame. HTML is allowed here. Google Maps Plugin paris eiffel tower,300,200 Installation of the plugin is straightforward and should be done through Joomla Extensions Manager (Extensions > Install/Uninstall). After installation, you should go to the Plugin Manager (Extensions > Plugin Manager) to publish the plugin. Now you are ready to start using the plugin in Joomla content pages. When you create/edit any page, in place where you'd like a map to be shown, you should add this code: paris eiffel tower,300,200 Important: Please remove asterisks (*) from the above sample! We put it there only to prevent changing the code with map. Parameters (in the code itself): LOCATION (in our example: paris eiffel tower): Enter a location, in example "paris eiffel tower" or address, in example "1 Infinite Loop Cupertino CA 95014" . Please use only letters and numbers! Don't use any special characters! MAP'S WIDTH (in our example: 300): Enter width of the map's frame in pixels (in example 300). MAP'S HEIGHT (in our example: 200): Enter height of the map's frame in pixels (in example 200). Parameters of the plugin (in Extensions > Plugin Manager > Content - Hot Maps) SATELLITE IMAGES: Select whether to show satellite image of the terrain or not. DISPLAY LINK: Select whether to show link to the full map page (on maps.google.com). LINK TEXT: Enter the link's text.             Read more...