Help is on the way!

USER13 - JoomlaXTC Newspro Module

In the User13 position we use our JoomlaXTC Newspro Module to create the a column of news articles. In order to recreate the layout you will first need to upload the Newspro Module to your Joomla install. If you are using the Deluxe Newspro from the Template package you can select the aphex_team_user13 template from the Demo Templates included in the Module. If you purchased the module as stand alone you will need to configure it with the following settings:

Use the following mark up for the Module HTML and Main Content HTML:

Module HTML

<div align="center">
<h2 class="teamtitle1">tempor libero integer elementum </h2>
<h1 class="teamtitle2">Meet The Team</h2>
<p class="teamintro">Tincidunt interdum vivamus Posuere ornare vulputate sit erat ad et quam in. Nonummy dignissim suspendisse tincidunt diam sit ipsum potenti leo malesuada amet sociis nascetur vestibulum varius.</p>
<div align="center" class="memwrap">
{mainarea} 
<div class="morewrap">{morearea}</div>
</div> 
</div>

Main Content HTML

<div align="center" class="modspace">
<div class="jxtc_newspro_tmp27_grid">
<div class="jxtc_newspro_tmp27_item">
<div class="jxtc_newspro_tmp27_info">
<div class="jxtc_newspro_tmp27_info_front" style="background-image: url(/{introimage});"></div>
<div class="jxtc_newspro_tmp27_info_back">
<h3>{title}</h3>
<p class="intro">"{introtext}"</p>
<p><a href="/{link}">Read More</a></p>
</div>
</div>
</div></div>
<div class="memberinfo">
<h4 class="news" style="padding:16px 6px 6px 0; font-size:21px; line-height:110%;"><a href="/{link}">{title}</a></h4>
<p style="margin-top:4px;">{fulltext}</p>
<a class="flatgreybutton" style="margin-top:15px;" href="/{link}"><span style="font-size:96%;padding-right:8px;"><i class=" icon-circle-arrow-right"></i></span>Read More</a>
</div>
</div>

More Content HTML

<div align="center" class="modspace">
<div class="jxtc_newspro_tmp27_grid">
<div class="jxtc_newspro_tmp27_item">
<div class="jxtc_newspro_tmp27_info">
<div class="jxtc_newspro_tmp27_info_front" style="background-image: url(/{introimage});"></div>
<div class="jxtc_newspro_tmp27_info_back">
<h3>{title}</h3>
<p class="intro">"{introtext}"</p>
<p><a href="/{link}">Read More</a></p>
</div>
</div>	
</div></div>
<div class="memberinfo">
<h4 class="news" style="padding:16px 6px 6px 0; font-size:21px; line-height:110%;"><a href="/{link}">{title}</a></h4>
<p style="margin-top:4px;">{fulltext}</p>
<a class="flatgreybutton" style="margin-top:15px;" href="/{link}"><span style="font-size:96%;padding-right:8px;"><i class=" icon-circle-arrow-right"></i></span>Read More</a>
</div>
</div>

For more information on styling and configuring the Deluxe Newspro Module visit the full documentation HERE