Demo Articles

RokNewsFlash is a custom mootools module that displays your newsflash tidbits at the top of your site. The RokNewsFlash also includes small buttons allowing your visitors to toggle through the different newsflash items you have set up. See it in action on the frontpage.

How do I configure RokNewsFlash?

We will take a quick look at the parameters you will find when you install this module. There are 4 columns, parameters, options, demo and description. The parameter column lists each available setting for the module; options lists the available options to choose from; demo lists the options chosen on the demo and description outlines what the module does.

Parameter

Title Position Access Level Published Module Class Suffix Enable Cache Module Mode Frontpage Item Count Category Section Use Title or Intro Text PreText Label Show Controls Transition Duration Delay Length Preview Length

Options

Yes : No List of position List of access Yes : No Text Field Yes : No Content : Static : Both Show : Hide Number Field List of categories List of sections Title: Intro Text Text Field Yes : No Number Field Number Field Number Field

Demo

No NewsFlash Public Yes leave blank No Content Items Hide 5 Top Headlines News Intro Text Latest: Yes 600 2500 85

Description

Enable/Disable the module header Select the module position Determines who can see the module Enable/Disable the module Allows for individual CSS control Stores the contents with Cache What content types are loaded Show or Hide frontpage items How many items to load Category where content is loaded from Section where content is loaded from Controls what part of content are loaded Text label in the module Enable / Disable the controls Time for switching of content items Time for content to remain static Number of characters to be shown
[clear]
RokStories is a great module to display your articles and accompanying images as a featured item. The module itself is facilitated by Mootools to transition between images and articles seamlessly. Perfect for showcasing featured articles on your site, as seen on the frontpage.

How do I configure RokStories?

We will take a quick look at the parameters you will find when you install this module. There are 4 columns, parameters, options, demo and description. The parameter column lists each available setting for the module; options lists the available options to choose from; demo lists the options chosen on the demo and description outlines what the module does.

Parameter

Show Title Enabled Position Section Category Order # of Articles Thumbnail Width Authors Frontpage Items First Article Thumbs Opacity Nav Interaction Autoplay Autoplay Delay Module Class Suffix

Options

Yes : No Yes : No list of positions list of sections list of categories list of orders Number Field Number Field list of authors Show : Hide Number Field Number Field Click : Hover Yes : No Number Field Text Field

Demo

Yes Yes showcase News RokStories Recently Modified First 4 90 Anyone Show 0 0.5 Hover No 5000 leave blank

Description

Enable/Disable the module header Enable/Disable the module Position of the module Section of content Category of content Ordering of content Number of articles displayed Pixel width of thumbs Choose specific author articles Display frontpage items Article displayed first Transparency of thumbs Transition trigger type Auto or manual transition Time for transition Suffix applied to the code
[clear]
The module is an article previewer and rotator. It displays content articles, in a summarised form and, using mootools based javascript transition, rotates through a series of pages displaying articles in a contracted list format. [span class=alert]You must install com_rokmodules. This component facilitates the modules, as Roknavmenu does for the integrated menu. Follow the instructions below:-

1. Download solarsentinel-extensions-j15.zip from RokDownloads. 2. Extract the zip onto your computer. 3. Go to Extensions then select the Upload File & Install button. 4. Find com_rokmodules.zip and in install.
Now all the new modules are functional[/span]

How do I configure RokNewsPager?

We will take a quick look at the parameters you will find when you install this module. There are 4 columns, parameters, options, demo and description. The parameter column lists each available setting for the module; options lists the available options to choose from; demo lists the options chosen on the demo and description outlines what the module does.

Parameter

Show Title Enabled Position Count Max Pages Order Preview Length Author Auto Update Auto Update Delay Frontpage Items Section Category Module Class Suffix

Options

Yes : No Yes : No list of positions Number Field Number Field list of orders Number Field list of authors Yes : No Number Field Show : Hide list of sections list of categories Text Field

Demo

Yes Yes left 3 3 Recently Modified First 65 Anyone No 5000 Show News Top Headlines leave blank

Description

Enable/Disable the module header Enable/Disable the module Position of the module Number of Articles per page Number of Pages Ordering of content Number of characters displayed Author selector for articles Update news automatically Delay on auto-update Show/Hide frontpage items Section of articles Category of articles Tag for individual styling
[clear]
The latest extension from RocketTheme provides a means to showcase various aspects of Twitter, from your tweets to profile information plus much more. The perfect addition to any site geared towards social networking.

How do I configure RokTwittie?

We will take a quick look at the parameters you will find when you install this module. There are 4 columns, parameters, options, demo and description. The parameter column lists each available setting for the module; options lists the available options to choose from; demo lists the options chosen on the demo and description outlines what the module does.

Parameter

Show Title Enabled Position Module Class Suffix Load Built-In CSS Output Caching Cache time (mins) Twitter Login Twitter Password Usernames Show default avatars Enable username statuses Open links in new window Show RSS feed link Show follow updates link Show the bio description Show the URL Show the location Show user updates count Show user followers count Show user following count Show following icons Icons count to show Show view all after icons Enable usernames tweets Show usernames avatars Size in pixel of the avatar Tweets count Open links in new window Show tweets sources Show usernames as prepended text Enable search tweets Search string Show search avatars Size in pixel of the avatar Tweet count Open links in new window Show tweets sources Show usernames as prepended text Inactive users opacity

Options

Yes : No Yes : No list of positions Text Field Yes : No Yes : No Number Field Text Field Text Field Text Field Yes: No Yes: No Yes: No Yes: No Yes: No Yes: No Yes: No Yes: No Yes: No Yes: No Yes: No Yes: No Number Field Yes: No Yes: No Yes: No Number Field Number Field Yes: No Yes: No Yes: No Yes: No Text Field Yes: No Number Field Number Field Yes: No Yes: No Yes: No Number Field

Demo

Yes Yes left leave blank Yes Yes 5 leave blank leave blank rockettheme No Yes Yes Yes Yes No Yes Yes No No No No 10 Yes Yes Yes 22 2 Yes Yes No Yes @rockettheme Yes 22 2 Yes No Yes 0.5

Description

The descriptions for RokTwittie echo the name of the parameter and are self explanatory. However, elaboration of a few key parameters is useful in understanding.

The Twitter Login and Twitter Password options do not need to be filled in order for the module to work. However, Twitter has a maximum of 100 hits in their API so if you have high traffic activity related to the module, you may wish to fill this out. However, entering the username field beneath login and password will allow it to work.

You can load multiple usernames for tweets and searches by separating them by a comma in the various fields.

The options provide you with incredible control over what to display, and are subdivided into sections such as username tweets and search tweets. The frontpage has some of these options disabled but to the left, you should see the module when fully activated.
[clear]

What is the PNGfix?

If you have ever opened a webpage with a transparent PNG in Internet Explorer 6, you will see an obvious problem. The images do not appear transparent but adopt a light blue background, which is unsightly to say the least. This is the purpose of the PNGfix, to allow transparent PNG images to work correctly in the web browser Internet Explorer 6. A common way around this is to use a range of different Joomla! extensions which can be applied to your site. However, this is already built in to new RocketTheme templates (the fix already provides other solutions to various other IE6 issues). The author of this new PNGfix is Drew Diller.

[readon url="http://www.dillerdesign.com/experiment/DD_belatedPNG/"]Learn More[/readon]

Below is a list of all the Rocket Theme Templates which have the PNGfix described above, incorporated into it. Also, all new templates releases will contain this as it has become an recurrent feature.

  1. Refraction
  2. SolarSentinel
  3. Mynxx
  4. Meridian
  5. Akiraka
  6. Mixxmag

How do I use the PNGfix?

To apply the PNGfix to a particular image, all you need to do is add a class, png. We have an example of image HTML code below:-

<img src="image.png" alt="Image" />

Now add class="png" to the code such as:-
<img src="image.png" alt="Image" class="png" />

[span class=alert]Uninstall all other PNGfixes before using the template version, that includes plugins you may have installed into Joomla as they will conflict with the template fix[/span]

How to remove the PNGfix

If you wish to remove the PNGfix from the template, you have to remove the file and remove the reference from the rt_head_includes.php file. The file is called DD_belatedPNG.js and is located in the /templates/rt_refraction_j15/js directory. You would then remove the following from the rt_head_includes.php file:-
<script src="<?php echo $this->baseurl; ?>/templates/<?php echo $this->template?>/js/DD_belatedPNG.js"></script>
<script>
    DD_belatedPNG.fix('.png');
</script>