News1 - Deluxe Newspro Module
In the News1 position we use our JoomlaXTC Newspro Module to create the first column of news articles. This module is loaded into the User7 position with the loadposition call. To create a Responsive layout for the news articles is the reason we are using the load position call instead of publishing this and the News2 module in direct module position of the template. 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 versant_news_main_news1 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>{mainarea}</div>
Main Content HTML
<div class="newsitemwrap"> <a href="/{link}"><figure class="tint"> <img src="/{articleintroimageurl}" class="intimage" /> </figure></a> <div class="newstext"> <h4><a class="titlelink" href="/{link}">{title}</a></h4> <p class="article-info"> <span>Posted On: {date}</span><span>Written By: {author}</span><span>Category: {category}</span></p> <p class="article-intro">{introtext}</p> <a href="/{link}" class="article-readmore">Read More</a> <a href="/{link}"> <div class="stats"> <span><i class="icon-eye-open"></i>{hits}</span> <span><i class="icon-comments"></i>{comments}</span> <span class="last"><i class="icon-plus-sign"></i>Add</span> </div></a> <div style="clear:both;"></div> </div> </div>
For more information on styling and configuring the Deluxe Newspro Module visit the full documentation HERE
