Joomla Templates Club 406,261 posts

[nigelmaine Friend nigelmaineJoin date: September 2008Posts: 71Downloads:0Uploads:1 Thanks: 38 Thanked: 3 times in 1 posts]

#139897

Could someone point me in the right direction please…

I would like to create the same module as shown on the Nickel demo template, the one at the top left headed “Top Information”

I guess its a Custom HTML module, but I can’t work out how to get the images to display as a thumbnail, article title and dividing line.

Any help would be gratefully appreciated.

Many thanks

Nigel Maine

[nguyenhuu quang Friend nguyenhuu quangJoin date: September 2014Posts: 1087Downloads:0Uploads:3 Thanks: 29 Thanked: 328 times in 288 posts]

#299879

pls install quickstart package.

[nguyenhuu quang Friend nguyenhuu quangJoin date: September 2014Posts: 1087Downloads:0Uploads:3 Thanks: 29 Thanked: 328 times in 288 posts]

#299895

copy this code to html module
[PHP]<div class=”ja-innerdiv clearfix” style=”padding-top: 0pt ! important”> <div class=”img_caption”><img src=”images/stories/demo/sam-8.jpg” border=”0″ alt=”Confessions of a Shopaholic” /></div> <a href=”#” title=”Sample link”><strong>Confessions of a Shopaholic</strong></a><br /> Elit in Vestibulum et urna et id nunc consequat hendrerit laoreet. </div> <div class=”ja-innerdiv clearfix”> <div class=”img_caption”><img src=”images/stories/demo/sam-9.jpg” border=”0″ alt=”Nothing like the holidays” /></div> <a href=”#” title=”sample link”><strong>Nothing like the holidays</strong></a><br /> Eget pede Pellentesque sagittis sem gravida a elit </div> <div class=”ja-innerdiv clearfix”> <div class=”img_caption”><img src=”images/stories/demo/sam-10.jpg” border=”0″ alt=”How to lose Friends and Alienate people” /></div> <a href=”#” title=”Sample link”><strong>How to lose Friends and Alienate people</strong></a><br /> Tempus euismod In est vitae gravida nunc </div>[/PHP]
with your images put it here:
[PHP]
images/stories/demo/sam-8.jpg
images/stories/demo/sam-9.jpg
images/stories/demo/sam-10.jpg[/PHP]

3 users say Thank You to nguyenhuu quang for this useful post

1. nigelmaine
2. katew
3. drmonge

[katew Friend katewJoin date: June 2008Posts: 34Downloads:0Uploads:1 Thanks: 11 Thanked: 1 times in 1 posts]

#311372

Hi

Thanks for the post. This worked and looks good in firefox, but I am having some issues with IE8. The border around the image is not centered. http://new.idodi.org/

Do you know how to solve this issue?

Thanks in advance.

[drmonge Friend drmongeJoin date: December 2005Posts: 10Downloads:0Uploads:7 Thanks: 5]

#313371

<em>@quang268 122533 wrote:</em><blockquote>copy this code to html module
[PHP]<div class=”ja-innerdiv clearfix” style=”padding-top: 0pt ! important”> <div class=”img_caption”><img src=”images/stories/demo/sam-8.jpg” border=”0″ alt=”Confessions of a Shopaholic” /></div> <a href=”#” title=”Sample link”><strong>Confessions of a Shopaholic</strong></a><br /> Elit in Vestibulum et urna et id nunc consequat hendrerit laoreet. </div> <div class=”ja-innerdiv clearfix”> <div class=”img_caption”><img src=”images/stories/demo/sam-9.jpg” border=”0″ alt=”Nothing like the holidays” /></div> <a href=”#” title=”sample link”><strong>Nothing like the holidays</strong></a><br /> Eget pede Pellentesque sagittis sem gravida a elit </div> <div class=”ja-innerdiv clearfix”> <div class=”img_caption”><img src=”images/stories/demo/sam-10.jpg” border=”0″ alt=”How to lose Friends and Alienate people” /></div> <a href=”#” title=”Sample link”><strong>How to lose Friends and Alienate people</strong></a><br /> Tempus euismod In est vitae gravida nunc </div>[/PHP]
with your images put it here:
[PHP]
images/stories/demo/sam-8.jpg
images/stories/demo/sam-9.jpg
images/stories/demo/sam-10.jpg[/PHP]</blockquote>
thank you.. it works like a charm

[Author]

Posts