Joomla Documentation

Welcome to the product documentation section. Here you will find installation guides, quick-references and more information for our Joomla! extensions and templates.







Description

The Joomla! XTC Deluxe News Pro module enhances your site with incredible power to display Joomla! Content with your custom CSS and HTML in a module position. Choose articles by Category, Section and other criteria and display them with your own templates limited only by your imagination. It's 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 using the regular Joomla! extension installer.

Configuration

The module can be customized using the standard Joomla! Module Manager.

Parameters are divided in two main sections: The Module Parameters section defines what data will be shown and how it should be presented. The Advanced Parameters allows you to configure the special effects and animations, if any were used. These parameters won't affect the data, but they can affect their display form.

To access these parameters go to the module manager and select the Deluxe News Pro Module.

Module Parameters
SELECTION PARAMETERS

Module parametersUse these parameters to customize the standard presentation of the module.

Category IDFilter according category.
TagsFilter according the tags set on the articles (only on Joomla 3.1.x)
Specific ArticlesSet the id of the articles that want to show in the module, if use this parameter, the section and categoy will be ignore.
Use current category?Use this parameter to show only the articles in the same category that you are watching.
Avatar Compatibility modeUse this parameter to active the compatibility with some third part extensions that provide you one avatar.
Comment Compatibility modeThis parameter provided you the powerful to active the compatibility with JomComment.
AuthorsUse to filter according the author.
Include Frontpage Articles?Use to add the articles that are set to be show in the front page, or show only articles marked as show in front end.
One article per author?Restrict articles to one per author.
Obey Joomla Access restrictionsSelect if want to respect or ignore the Joomla" visibility restrictions.
Sort orderSelect the display order criteria for articles.

DISPLAY PARAMETERS - Use these parameters to customize the layout of the module box. The layout consists of a grid made up with one or more pages of Joomla! articles organized in rows and/or columns.

Module parametersUse these parameters to customize the main area of the module.

ColumnsNumber of columns to show.
RowsNumber of rows to show.
PagesNumber of pages to show. Transition effects are enabled between page changes.
Display StyleSpecial effects applied to the layout. Window modes work with one page only, all others require multiple pages of content to perform transitions between them.
Window WidthWidth (in pixels) of the window frame when using a Window special effect.
Window HeightHeight (in pixels) of the window frame when using a Window special effect.
Transition pausePause time between page transitions in milliseconds. A value of -1 disables automatic transitions. Default value is: 4000.
Transition durationPage transition effect duration in milliseconds (default: 1500).
Slide orientationSlide transition orientation.
Transition typeTransition animation type.
Button StyleButton graphic set to use when buttons tags are enabled.
TemplateTo select one of our predesigned template. NOTE: Select -None selected- if want to use Module HTML template and Main Content HTML template fields.
Module HTML template HTML/CSS code to display the overall module box. You can embed any of the following tags:
{leftbutton}Draws a "Left/Back/Previous" button.
{mainarea}This tag draws the main layout area block, including the special effects.
{morearea}This tag draws the articles more area blocks.
{pages}Displays a numbered page list for quick browsing.
{rightbutton}Draws a "Right/Forward/Next" button.
Main Content HTML template HTML/CSS code to display each item. You can embed any of the following tags to display article information:
{alias}Shows the alias of the article.
{articlefulltextimagealt}Alternate label for the the full text image assigned to the article.
{articlefulltextimagecaption}Caption text for the full text image assigned to the article.
{articlefulltextimageurl}The URL for the full text image assigned to the article.
{articlefulltextimage}Full text image.
{articleintroimagealt}Alternate label for the the introduction image assigned to the article.
{articleintroimagecaption}Caption text for the introduction image assigned to the article.
{articleintroimageurl}The URL for the introduction image assigned to the article.
{articleintroimage}Introduction image.
{author_alias}Use this tag to show the alias of the author of the article that is show.
{authorid}Article author ID.
{authorprofile}Link to Authors Profile Page. The avatar tags only work if 3rd party compatibility is active.
{author}Article author's name.
{avatar}Shows Author Avatars. The avatar tags only work if 3rd party compatibility is active.
{category_alias}Display the category alias for the article being shown.
{category_description_text}Category description text.
{category_description}Raw category description.
{category_image}URL to the article's category image.
{category_link}URL to the category that contains the current article.
{categoryid}Article parent category ID number.
{category}Category title.
{catid}Article parent category ID number.
{comments}Number of Comments (JomComment Needed)
{date Y-m-d}Date of creation of the article in format Y-m-d
{date}Article creation date.
{fullimage}URL to the first embedded image in the Full text of the article.
{fullnoimage}Show Full Text with No images.
{fulltext}Plain full text (no images).
{hits}Number of Hits (JomComment Needed)
{id}Article ID number.
{index}Number of Item in the module.
{introimage}URL to the first embedded image in the introtext of the article.
{intronoimage}Show Intro Text with No images.
{introtext}Plain intro text (no images).
{intro}Raw intro text.
{language language_token}Display a language token, default value is COM_CONTENT_READ_MORE to show "Read More"
{linkatext}Title for the first link assigned to the article.
{linkaurl}URL for the first link assigned to the article.
{linka}First link assigned to the article.
{linkbtext}Title for the second link assigned to the article.
{linkburl}URL for the second link assigned to the article.
{linkb}Second link assigned to the article.
{linkctext}Title for the third link assigned to the article.
{linkcurl}URL for the third link assigned to the article.
{linkc}Third link assigned to the article.
{link}URL to the article page.
{moddate}Article modified date.
{rawfulltext}Raw full text.
{readinglist}Displays a Readlinglist button. This tag requires JoomlaXTC's Reading List component to be installed.
{section_image}URL to the article's section image.
{section_link}URL to the section that contains the current article.
{section}Section title.
{tags}This tag will show the tags that you set on the Joomla Article as they are show on the Article.*Only on Joomla 3.1
{title}Article title
Avatar widthUse to set the width of the avatar. Note: The avatar tags only work if the compatibility is active.
Avatar heightUse to set the height of the avatar. Note: The avatar tags only work if the compatibility is active.
Max. title lengthMaximum length of {title} tag. Empty = no limit.
Max. title suffixSuffix to show when trimming the title.
Max. intro lengthMaximum length of {introtext} tag. Empty = no limit.
Max. intro suffixSuffix to show when trimming the intro text.
Max. full text lengthMaximum length of {fulltext} or {rawfulltext} tags. Empty = no limit.
Max. full text suffixSuffix to show when trimming full text.
Full text break keywordDisplay article text up to this string mark is found (including). Leave empty to display all text.
Date formatDate format (using PHP date function). Defaulty is: Y-m-d

'MORE' AREA CONFIGURATION - Use these parameters to customize the 'more' area block in the module.

Module parametersUse these parameters to customize the more area of the module.

'More' Content HTML templateHTML/CSS code to display each article. You can embed any of the supported tags to display article information.
More titlesOffer links to more article titles.
Clone from main?Enabling this will make the articles in the more section be the same as in the main section.
More ColumnsNumber of articles to show horizontally. If number of articles is higher, multiple rows will be shown.
More legendLegend to show in read more area.
More legend colorLegend color.
Max. length for title textMaximum length of {title} tag. Empty = no limit.
Max. title suffixSuffix to show when trimming the title.
Max. length for intro textMaximum length of {introtext} tag. Empty = no limit.
Max. intro suffixSuffix to show when trimming the intro text.
Max. full text lengthMaximum length of {fulltext} or {rawfulltext} tags. Empty = no limit.
Max. full text suffixSuffix to show when trimming full text.
Full text break keywordDisplay article text up to this string mark is found (including). Leave empty to display all text.
Module Class SuffixA suffix to be applied to the CSS class of the module.
Advanced Parameters

Module advanced parameters These parameters control the behavior of special content effects, please read the next section for more information about content effects and how to apply them.

Module advanced parameters

Z layerDefine the z-index layer to use for the special effect content.

Tooltip / Pop-Up FX Settings - Use these parameters to customize the Tooltip and Pop-Up effects:

In OpacityThe opacity of the tooltip/pop-up when the mouse enters the trigger zone. A value of 0 will make the display transparent while a value of 1 will make it opaque, values range from 0 to 1 in decimal increments.
Out OpacityThe opacity of the tooltip/pop-up when the mouse leaves the trigger zone. A value of 0 will make the display transparent while a value of 1 will make it opaque, values range from 0 to 1 in decimal increments.
In Animation VerticalThe distance the tooltip/pop-up will move vertically (in pixels) when the mouse enters the trigger zone.
Out Animation VerticalThe distance the tooltip/pop-up will move vertically (in pixels) when the mouse leaves the trigger zone.
In Animation HorizontalThe distance the tooltip/pop-up will move horizontally (in pixels) when the mouse enters the trigger zone.
Out Animation HorizontalThe distance the tooltip/pop-up will move horizontally (in pixels) when the mouse leaves the trigger zone.
Fade-in DurationThe duration of the "In" animation when the mouse pointer enters the trigger zone (in milliseconds).
Fade-Out durationThe duration of the "Out" animation when mouse pointer leaves the trigger zone (in milliseconds).
PauseThe time the tooltip/pop-up will be shown between the "In" animation and the "Out" animation (in milliseconds).
Tooltip animation modeSelect one of the many Moo functions to perform animations.
Tooltip / Popup ease modeThe transition type. All transitions, except for "linear" transition, can be combined with a "Transition Ease".
Centered PopupSet this to "Yes" if you want pop-up effect displays to appear centered in the browser window.

Slide FX Settings
- These parameters control the "Slide" content effect:

Sliding Panels SettingsChoose an animation style from the list.
Note: The following Settings are used ONLY when Slide Panels Settings is set to CUSTOM:
Slide Panel X inThe distance (in pixels) from the left trigger zone border that the slide panel will go to when the mouse enters the trigger zone.
Slide Panel X outThe distance (in pixels) from the left trigger zone border that the slide panel will go to when the mouse leaves the trigger zone.
Slide Panel Y inThe distance (in pixels) from the top trigger zone border that the slide panel will go to when the mouse enters the trigger zone.
Slide Panel Y outThe distance (in pixels) from the top trigger zone border that the slide panel will go to when the mouse leaves the trigger zone.
Slide animation modeSelect one of the many Moo functions to animate the slide effects.
Slide ease modeChoose how to apply the animation effect. This setting is not used when "Slide Animation Mode" is set to Linear.
Frames per SecondThe frames per second used to animate the effect. Note: Using a high value in a heavy site could decrease the video performance. Combine this setting with "Frame Duration" to get a smooth effect.
Fame DurationThe time (in milliseconds) the duration will last.

Hover FX Settings
- These Parameters Control the Hover Effect:

Hover Effect in ColorThe background color that will fade in when mouse enter the element with class="js_hover".
Hover Effect Out ColorThe background color that will fade out when mouse leaves the element with class="js_hover".
Special Effects

Besides the page transition effects, you can also include additional effects that apply to the content of each item. By adding certain CSS tags to your HTML code and organizing the layout of content, these effects allow you to build fully customizable tooltips, pop-ups and slide effects. Since all the content data tags are available on these effects as well, you can elaborate the display of your content as much as you want!

Keep in mind however, that with great power comes great responsibility: the HTML of both zones is still part of the HTML code of your page; if your HTML/CSS code has a bug, it may affect how other parts of your site look and work.

Content effects are activated by the user's mouse pointer but with subtle differences. How you can implement each effect and how they are activated is explained below:

Tooltips

A Tooltip will appear automatically when the mouse pointer hovers over a specific "trigger zone", this example code explains better how to use the necessary tags:

Code Sample

Sample Effect

<div class="jxtctooltip">
This is the tooltip trigger zone
    <div class="tip">
        This is the tooltip content
    </div>
</div>
This is the tooltip trigger zone
This is the tooltip content

Upon display, this code will show the "This is the tooltip trigger zone" legend by itself, but if you move the mouse pointer over it, a tooltip will come up displaying the "This is the tooltip content" legend. Each zone is wrapped within a tag, you must use the CSS tags "jxtctooltip" and "tip" as shown to make the effect work.

Pop-ups

A pop-up will appear when the user clicks on the "trigger zone", the Pop-up zone has its own Close and Drag buttons. This example code shows the necessary CSS tags in use:

Code Sample

Sample Effect

<div class="popuphover">
This is the pop-up trigger zone
    <div class="pop">
        This is the pop-up content
    </div>
</div>
This is the pop-up trigger zone
This is the pop-up content

The trigger zone is made with the contents of the div with class "popuphover", and the pop-up content is hidden in the div with class "pop", it will be shown when the user clicks on the trigger zone.

Slides

Slides are useful to display content in different layers, for example imagine a picture with a footnote that expands to show a full description. Different than Tooltips or Pop-ups, Slides do not use a trigger zone, they react to mouse pointer over their own zones. This is an example code:

Code Sample

Sample Effect

<div class="slidebox">
This is the content zone
    <div class="slidepanel">
        This is the slide content zone
    </div>
</div>
This is the content zone
This is the slide content zone

Again, the container zone inside the div with CSS class "slidebox" will be shown first, and the contents of the slide on div "slidepanel" will be shown when the mouse hovers its zone.

Hover

The Hover is useful when you want to focus on specific zone of the content, for example a "clickable" zone that looks similar to other content, an image or name that want to highlight. Similar to Slides, they react to mouse pointer over their own zones and does not need a trigger zone. This is an example code:

Code Sample

Sample Effect

This is the content zone
<div class="js_hover">
    The content with highlight
</div>
This is the rest of content zone
This is the content zone
The content with highlight
This is the rest of content zone

Once the mouse is over the js_hover zone the color will change automatically. As you can see this is the easier effect but provide you the power to catch the attention of your visitors.

Styling

As previously explained, the content is rendered in a grid fashion with one or more rows and columns and one or more pages, each page represents a single grid. Each cell in a grid contains the template code for one item with the placeholder tags translated to their corresponding data element such as titles, descriptions, images, etc.

In order to ease the visual styling of the grids, there are certain common CSS classes added to the HTML code for your convenience. You can put hard-coded CSS styling in the XTS template fields directly, but you may find using your template's CSS file a better option.

If you can't or don't want to alter your main CSS file, you can put any CSS code needed in the module's own file: css/wall.css. This file is located inside the module folder.

This is a brief explanation on how the HTML and classes are applied:

Each page in the module output is made with an HTML <table /> tag; the first table has CSS class firstpage, any inner pages have class centerpage and the last page has class lastpage. If there is only one page then it has class singlepage.

Each row within a table also has similar classes added to it: firstrow for the top row in the table, centerrow for any middle rows and lastrow for the bottom row of content. In the event that only a single row is used, it will have class singlerow assigned to it. These clases are repeated for as many tables (pages) are in the module output.

Likewise, columns also have similar tags: the left-most column has firstcol, the right-most column has lastcol and any middle column has centercol. Single columns have, you guessed it, singlecol. These classes are also applied on all pages shown.

Buttons also have extra CSS classes: prevbutton and nextbutton apply to the <a /> tags for each page change button. Page number buttons have tags as well: firstbutton, middlebutton, lastbutton and centerbutton.

You can have a common set of CSS styling code for these tags in your template's CSS file to maintain a consistent appearance on any modules being shown, or you can use them in combination with the module CSS class parameter to define specific styling for a particular module.

With these many options, the styling possibilities are unlimited! You are in total control of how the content will be shown in your site, just let the module handle the content gathering for you.

Layout Options

A feature available on Joomla! 2.5.x and 3.x versions of the module is the option to choose among different layout models. These can be specified in the Advanced Options of the module parameters and render the wall contents using different HTML markup and Javascript. While the end results might look similar in all of them, their unique HTML markup offers different Styling options depending on your needs. These are the options:

defaultThe standard method uses HTML tables to align items horizontally and vertically.
floatWall elements are placed using floating blocks and are suitable for custom styling for Responsive and other layout needs.
bootstrapElements are arranged using standard Bootstrap classes.
semanticLayout is built with blocks styled as "CSS tables" similar in behavior as HTML ones.
Keep in mind the layout methods other than Default use a different javascript for page effects.
Examples:

As configuration examples, take a look at these parameter setups from our demo pages:

If you already have a good grasp of HTML and CSS markup you should already understand the custom HTML window in Newspro, for those of you just learning how to use HTML and CSS to enhance the look of Joomla articles and layouts let's take a quick look at some examples.

Example One: NewsPro Slideshow

In this example we have the markup used in the JoomlaXTC Newspro template at the top of the page in the inset position. This markup creates a front page slide show effect with Newspro.

<div style="background: url({introimage}) top center no-repeat; width:620px; height:350px">

<div style="width:620px; height:256px;">
<a href="{link}"><img src="images/democontent/10x10spacer.gif" width="620" height="246" /></a>
</div>

<div style="width:620px; height:104px; background: url(images/democontent/paneldim.png) repeat;">

<div style="float:left; width:250px; border-right: 1px dotted #cccccc; color:#ebebeb; padding-right:30px; padding-left:20px; text-align:right; font-size:28px; letter-spacing:-1px; line-height:28px !important; margin-top:16px; font-weight:500;">{title}</div>

<div style="float:right; width:250px; color:#ebebeb; margin:5px 40px 5px 0px; padding-left:15px; text-align:left; font-size:11px; line-height:11px !important;">{introtext}</div>

</div>

</div>

Now lets dig in and see what is really happening behind the HTML and CSS markup

First we open a DIV - This is the wrapping DIV container for the NewsPro Module. In this DIV we assign some styles:

<div style="background: url({introimage}) top center no-repeat; width:620px; height:350px">


Background - This is the overall background for the module - In this demo we pull the articles intro image as the module background and set the width and height

Next, we add a small transparent GIF image as a link to the article - We are doing this because we can not link to a background image, so we place a small transparent gif ontop as the link anchor.

<div style="width:620px; height:256px;">
<a href="{link}"><img src="images/democontent/10x10spacer.gif" width="620" height="246" /></a>
</div>

Notice we open the DIV and Close the DIV after - We still have the first DIV open as that the overall wrapping DIV, so the DIV we just created is placed inside the first Wrapping DIV.


Now we create the Transparent Bar that holds the Article Title and the Intro Text

<div style="width:620px; height:104px; background: url(images/democontent/paneldim.png) repeat;">

Notice we have opened this DIV and left it open, because the next DIVs will have the Title and Intro and this is the Wrapping DIV for that area.


The final part of the markup is adding the article Title and Introtext

<div style="float:left; width:250px; border-right: 1px dotted #cccccc; color:#ebebeb; padding-right:30px; padding-left:20px; text-align:right; font-size:28px; letter-spacing:-1px; line-height:28px !important; margin-top:16px; font-weight:500;">{title}</div>

<div style="float:right; width:250px; color:#ebebeb; margin:5px 40px 5px 0px; padding-left:15px; text-align:left; font-size:11px; line-height:11px !important;">{introtext}</div>

Here we open the DIVs and assign styles to each. The first DIV is the Title and is set to the left side of the panel - thus FLOAT: Left. The rest of the markup assigns the border and font styles. The second DIV holds the intro text and is set to the right - thus FLOAT: Right.

Notice both this DIVs close at the end.

Now we have 2 DIVs still open - The transparent gif for the Title & Intro Text wrapper and the original wrapper. Let's finish by closing the open DIVs:

</div>

</div>

The additional settings for the slideshow effect are:

Columns: 1

Rows: 1

Pages: 3 (more than one.)

Page transition: The type of slideshow Fade, Vertical, etc


Example Two: Horizontal Slider

In this example we will use the Horizontal Slider in our Newpro Template under the slideshow in the inset position.

<div class="grayhover1" style="
padding:5px;
margin-top:10px;
margin-left:5px;
margin-bottom:10px;
width:141px;height:147px;">

<div style="
width:140px;
padding: 0px 0px 0px 0px;
margin-left:0px;
">

<div style="width:141px; margin-top:0px; <a href="{link}"><img src="{introimage}" width="141" height="77" /></a>
</div>

<div style="margin-top:7px; padding-bottom:2px; font-family: Arial, sans-serif; font-size:11px; line-height:13px; color:#526a9a; font-weight:bold; letter-spacing:-0.1px; "><a href="{link}">{title}</a></div>



<div style="
margin:-13px 0px 0px 0px;
padding-top:0px; font-size:9px; line-height:8px !important; color:#444444 !important; ">{introtext}
</div>

</div>
</div>

First we open the wrapping DIV

<div class="grayhover1" style="
padding:5px;
margin-top:10px;
margin-left:5px;
margin-bottom:10px;
width:141px;height:147px;">

For the newspro template we use a Javascript hover effect this is called from the DIV CLASS greyhover1. First we assign the class for the JS Hover Effect then we assign the style by adding padding and margins to set the hover effect around the article and image.

Note - We leave this DIV open as the rest of the markup goes inside this wrapping DIV

Next we open a second wrapping DIV as we want the content to sit inset from the JavaScript Effect

<div style="
width:140px;
padding: 0px 0px 0px 0px;
margin-left:0px;
">

Note - We leave this DIV open as the rest of the markup goes inside this wrapping DIV

Now we call the article image and set the image as a link to the article with the a hef call

<div style="width:141px; margin-top:0px; <a href="{link}"><img src="{introimage}" width="141" height="77" /></a>
</div>

Note - We close this DIV as it is part of the content within the wrapping DIV

Next we call in the article title. The DIV style sets the position via the margin and the typography for the Title. Again, we wrap the {title} with an a href to link to the article.


<div style="margin-top:7px; padding-bottom:2px; font-family: Arial, sans-serif; font-size:11px; line-height:13px; color:#526a9a; font-weight:bold; letter-spacing:-0.1px; "><a href="{link}">{title}</a></div>

Note - We close this DIV as it is part of the content within the wrapping DIV

The next step is the article intro text. Notice we use the !important style to tell the css to overide any previous css for this style.

<div style="
margin:-13px 0px 0px 0px;
padding-top:0px; font-size:9px; line-height:8px !important; color:#444444 !important; ">{introtext}
</div>


Note - We close this DIV as it is part of the content within the wrapping DIV

Now we have 2 DIVs still open - The JavaHover Effect wrapper and the original wrapper. Let's finish by closing the open DIVs:

</div>

</div>

The additional settings for the slider effect are:

Columns: 4

Rows: 1

Pages: 4 (more than one.)

Page transition: Horizontal


Example Two: Top Centered Example

In this example we will use the World News in our Newpro Template in User 1 under the inset position.

<div style="margin-left:2px;margin-top:1px; margin-bottom:-16px;width:226px; border-right:1px dotted #666666;">

<a href="{link}"> <img src="{introimage}" width="216" height="108"/></a>

<p class="jnewstitle" style="width:216px;color:#526a9a; margin-top:3px; margin-bottom:-8px;"> {title}</p>

<p style="margin-top:-8px; margin-bottom:-8px;">{introtext}</p>

</div>

First we open the wrapping DIV and set the positioning and borders with the margin and border markup

<div style="margin-left:2px;margin-top:1px; margin-bottom:-16px;width:226px; border-right:1px dotted #666666;">

Next we add the HTML markup for the intro image with an a href link

<a href="{link}"> <img src="{introimage}" width="216" height="108"/></a>

Note we have no DIV here - the only DIV open is the Wrapping DIV

Now we add the Title with a P Class style - This P Class is assigned in the template.css of our template

<p class="jnewstitle" style="width:216px;color:#526a9a; margin-top:3px; margin-bottom:-8px;"> {title}</p>

Again - Note we have no DIV here - the only DIV open is the Wrapping DIV

Next we add the intro text with another P Class style call

<p style="margin-top:-8px; margin-bottom:-8px;">{introtext}</p>

Again - Note we have no DIV here - the only DIV open is the Wrapping DIV

Now we close the wrapper DIV

For this demo we have the Additional Articles to the right of the main article - We do this by adding markup to the Read More HTML Window

<div class="grayhover1" style="margin-left:3px; padding:5px; margin-bottom:-5px; width:198px; height:51px;">
<p style="font-size:12px; line-height:13px; color:#526a9a; font-weight:bold;">{title}</p>
<p style="font-size:10px; line-height:10px; margin-top:-15px;">{introtext}</p>

<div style="position:absolute; height:11px; width:45px; margin-left:150px; margin-top:-30px;"><a href="{link}"><img src="images/democontent/more.gif" width="45" height="11"/></a></div>

</div>

First we open the wrapping DIV - In this demo we use the greyhover1 class for the Javascript Hover Effect

<div class="grayhover1" style="margin-left:3px; padding:5px; margin-bottom:-5px; width:198px; height:51px;">

Next we use the standard p class to call the TITLE

<p style="font-size:12px; line-height:13px; color:#526a9a; font-weight:bold;">{title}</p>

Note we have no DIV here - the only DIV open is the Wrapping DIV

<p style="font-size:10px; line-height:10px; margin-top:-15px;">{introtext}</p>

Again - Note we have no DIV here - the only DIV open is the Wrapping DIV


The additional settings for the Read More are:

More Position: Right

More Titles: 4

More Columns: 1




Copyright 2011-2014 Monev Software LLC www.joomlaxtc.com

Security Notice

JoomlaXTC does not sell it's products on 3rd party sites.  Any website offering JoomlaXTC products for sale are not licensed versions and should be considered a scam.

Never download our products from file sharing websites like rapidshare, torrents or warez forums.

We have received reports of malicious versions of our software containing viruses, extra code, and even once installed, delete your database, steal sensitive information such as passwords, and credit card information. 

There is only one place to get the full and safe licensed versions of our software and you're looking at it!   Enjoy.

Joomla! is Free Software released under the GNU/GPL License. Joomla is a trademark of Open Source Matters and the name is used under a limited license from Open Source Matters in the United States and other countries. joomlaxtc.com / Monev Software LLC is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.