Joomla Templates Club 406,261 posts

[zoodc Friend zoodcJoin date: January 2008Posts: 53Downloads:0Uploads:1 Thanks: 10]

#125321

Great template!

I just have two quick questions about the “New features” shown in the demo site. Can you let me know where to download this module?

Also, I really like the border and shading effects you put on the images appearing in the newslight module. Can you let me know where to download the source files for these images. I would really like to apply the same effects (layers) to some images I plan to upload.

Thanks for putting together such a great looking template!

[kashxo Friend kashxoJoin date: April 2007Posts: 605Downloads:0Uploads:21 Thanks: 11 Thanked: 78 times in 40 posts]

#237682

Hi Zoo DC,
The “New Features” module you’ve seen is just a custom module, create by clicking on New button in Menu Manager.
Here is the custom code of it:

<div class="ja-list">

<div class="clearfix" style="margin-bottom: 20px; padding: 0 10px;">

<div style="float: left; width: 48%;">
<div style="float: left; margin: 2px 5px 0 0;">
<img style="border: 2px solid #DDDDDD;" src="images/stories/demo/small-1.gif" alt="Sample image" title="Sample image" /></div>
<strong><a href="#" title="Sample link">QuickStart included</a></strong><br />
Pede nibh penatibus
</div>

<div style="float: left; width: 48%;">
<div style="float: left; margin: 2px 5px 0 0;"><img style="border: 2px solid #DDDDDD;" src="images/stories/demo/small-2.gif" alt="Sample image" title="Sample image" /></div>
<strong><a href="#" title="Sample link">Bonus Typography</a></strong><br />
Nibh penatibus et congue.
</div>

</div>

<div class="clearfix" style="padding: 0 10px;">

<div style="float: left; width: 48%;">
<div style="float: left; margin: 2px 5px 0 0;">
<img style="border: 2px solid #DDDDDD;" src="images/stories/demo/small-3.gif" alt="Sample image" title="Sample image" /></div>
<strong><a href="#" title="Sample link">Fast loading</a></strong><br />
Vestibulum mauris
</div>

<div style="float: left; width: 48%;">
<div style="float: left; margin: 2px 5px 0 0;"><img style="border: 2px solid #DDDDDD;" src="images/stories/demo/small-4.gif" alt="Sample image" title="Sample image" /></div>
<strong><a href="#" title="Sample link">SEO enhanced</a></strong><br />
Elit Lorem pharetra
</div>

</div>
</div>

And for the border of those images, you can see it in the file mask.psd in JA Erica Source files package. Link download here: http://www.joomlart.com/downloads/cat/joomlart_club_templates/ja_erica/ja_erica_-_source_files.html

1 user says Thank You to kashxo for this useful post

1. mylearningspace

[zoodc Friend zoodcJoin date: January 2008Posts: 53Downloads:0Uploads:1 Thanks: 10]

#237708

Thanks for the quick response! This is very helpful!

[mylearningspace Friend mylearningspaceJoin date: March 2007Posts: 61Downloads:0Uploads:10 Thanks: 26 Thanked: 2 times in 1 posts]

#280322

i added the custom code into the ‘custom output’ field in html editor for a new module and located the module in user 5 position. worked for me.

[Author]

Posts