Reference Guide for version 1.0
The Joomla! XTC K2 Comments Wall module enhances your site with incredible power to display K2 Users commets with your custom CSS and HTML in a module position. Choose comments by user and other criteria and display them with your own templates limited only by your imagination. Its the perfect tool for developers with custom styles in mind. The module can display articles in rows, columns and grids as well as special scrolling effects for sliders and transitions.
Installation
Install the module via the Joomla! 1.5 Installer.
Usage
The K2 Comments wall module is an advanced module for Joomla! that enables you to customize not only the comments attributes, but the overall markup of the module contents. You can use one of our predesigned templates included with the module or if you have HTML or CSS Knowledge, you can create your own designs.
Module Parameters
CONTENT SELECTION CRITERIA:
Use these parameters to specify what articles to show
User |
Select one or more users to get the information |
Filter tags |
Set filter for data. |
Sort order |
Display sort order. |
Avatar Compatibility mode |
To select the compatibility with community builders. |
Avatar width |
The Avatar width |
Avatar heigth |
The Avatar height |
Display Configuration:
Use these parameters to specify how comments will be shown in the main area.
Columns |
Number of Columns to display |
||||||||||||||||||||||||||||
Rows |
Number of Rows to display |
||||||||||||||||||||||||||||
Pages |
Pages to display for slider or fader |
||||||||||||||||||||||||||||
Display Style |
Horizontal slider - Vertical slider - Fader |
||||||||||||||||||||||||||||
Window Width |
Width of area in window mode |
||||||||||||||||||||||||||||
Widow Height |
Height of area in window mode |
||||||||||||||||||||||||||||
Transition pause |
Pause time between transitions in milliseconds. A value of -1 disables automatic transitions. Default value is: 4000. |
||||||||||||||||||||||||||||
Transition duration |
Transition effect duration in milliseconds (default: 1500). |
||||||||||||||||||||||||||||
Slide orientation |
Top-Bottom / Left-Right - Bottom-Top / Right-Left |
||||||||||||||||||||||||||||
Transition type |
Linear - Quad - Cubic - Quart - Quint - Expo - Circ - Sine - Back - Bounce - Elastic |
||||||||||||||||||||||||||||
Transition Ease mode |
Ease in – Ease out – Ease in out |
||||||||||||||||||||||||||||
Button Style |
Black - Grey - Red - Blue - Orange - Purple - Green - Square Grey - Tall Grey |
||||||||||||||||||||||||||||
Template |
To select one of our predesigned templates |
||||||||||||||||||||||||||||
Module HTML template |
HTML/CSS code to display the overall module box. You can embedd any of the following tags:
|
||||||||||||||||||||||||||||
Group HTML template |
If you want to create your own design you can use these parameters, you just need to add any of the following tags.
A simple example: <b>{author}</b> says: {comment}<br> in:<a href={articleurl}>{title}</a>
|
||||||||||||||||||||||||||||
Max. Comment length |
Maximum length of comment. |
||||||||||||||||||||||||||||
Date format |
The format of the date |
||||||||||||||||||||||||||||
Module class suffix |
The name of a CSS module class to apply. |
ADVANCED PARAMETERS:
Slide It FX Settings:
These parameters control Slider effect.
Sliding Panels Settings |
Choose a presetted animation from the list. |
The following Settings are used ONLY when Sliden Panels Settings is set to CUSTOM
Slide Panel X in |
The distance (in px) from the left container border that the slide panel will go to when the mouse enters the container. |
Slide Panel X out |
The distance (in px) from the left container border that the slide panel will go to when the mouse leaves the container. |
Slide Panel Y in |
The distance (in px) from the top container border that the slide panel will go to when the mouse enters the container. |
Slide Panel Y out |
The distance (in px) from the top container border that the slide panel will go to when the mouse leaves the container. |
Slide animation mode |
Select one of the many functions to animate the slide effects. |
Slide ease mode |
Choose one ease effect, between Ease In, Ease Out or Ease In Out. This setting is not used when "Slide Animation Mode" is set to Linear. |
Frames per Second |
The frames per second used to animate the efffect. Note: Using a high value in a heavy site could decrease the video perfomance. Combine this setting with "Frame Duration" to get a smooth effect. |
Fame Duration |
The time in miliseconds the duration will last. |
Tool Tip / Pop Up FX Settings:
In Opacity |
The opacity (0, 0.1, 0.5..etc.. to 1 = full opacity) the element will turn when mouse enters the trigger.. |
Out Opacity |
The opacity (0, 0.1, 0.5..etc.. to 1 = full opacity) the element will turn when mouse leaves the trigger.. |
In Animation Vertical |
The distance the tooltip will move verically (in px) when the mouse enters the trigger. |
Out Animation Vertical |
The distance the tooltip will move verically (in px) when the mouse leaves the trigger. |
In Animation Horizontal |
The distance the tooltip will move horizontally (in px) when the mouse enters the trigger. |
Out Animation Horizontal |
The distance the tooltip will move horizontally (in px) when the mouse leaves the trigger. |
Fade-in Duration |
The duration of the animation when mouse enters the trigger. |
Fade-Out duration |
The duration of the animation when mouse leaves the trigger. |
Pause |
The time the tooltip will stand before begining the animation when mouse leaves the trigger. |
Tooltip animation mode |
Select one of the many functions to animate. |
Tooltip / Popup ease mode |
Choose one ease effect, between Ease In, Ease Out or Ease In Out. This setting is not used when "Slide Animation Mode" is set to Linear. |
Centered Pupup |
Center pupop? |
Hover FX Settings:
These Parameters Control the Hover Effect
Hover Effect in Color |
The background color that will fade in when mouse enter the element with class="js_hover". |
Hover Effect Out Color |
The background color that will fade out when mouse leaves the element with class="js_hover". |
