Joomla Templates Club 406,261 posts

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

#139532

Hi

Could someone let me know how to set up the module as shown on the demo site under the Football Section, its headed “Contributors” and has thumbnails and a small amount of text with a dividing line and scroll bar.

Many thanks 🙂

[Arvind Chauhan Moderator Arvind ChauhanJoin date: September 2014Posts: 3835Downloads:74Uploads:92 Thanks: 1240 Thanked: 1334 times in 848 posts]

#297720

<em>@nigelmaine 119916 wrote:</em><blockquote>Hi

Could someone let me know how to set up the module as shown on the demo site under the Football Section, its headed “Contributors” and has thumbnails and a small amount of text with a dividing line and scroll bar.

Many thanks :)</blockquote>

It seems you have just installed the template, well it gets very easy to install the quickstart guide and to copy the settings from it to your site.

Attaching the backend settings from default setup of Ja opal quickstart. Also attached is the text file containing formatting as used in the default module “description” field. You can copy those to your module and modify them to your taste.

---

Attachments:

1. 

1. Ja_opal_jaslideshow2_description_text.txt

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

#297726

<em>@drarvindc 119942 wrote:</em><blockquote>It seems you have just installed the template, well it gets very easy to install the quickstart guide and to copy the settings from it to your site.

Attaching the backend settings from default setup of Ja opal quickstart. Also attached is the text file containing formatting as used in the default module “description” field. You can copy those to your module and modify them to your taste.</blockquote>
Hi,

Thanks for your reply.

I looked at the jpegs, but those are for the ja slideshow which I already have working.

It was the module only that I was trying to figure out. I looked at the quickstart files, but all of the modules illustrated are already installed and active.

I’ve not seen this particular one before. As I mentioned, it was under the Section “Football” on the demo site.

Any ideas?

[Arvind Chauhan Moderator Arvind ChauhanJoin date: September 2014Posts: 3835Downloads:74Uploads:92 Thanks: 1240 Thanked: 1334 times in 848 posts]

#297730

aaah, yaa i got you now. I see the module (with scrollbars right?). Its named contributors >> mod_custom >> published to left>> with id 58 on my quickstart installation.
Even i have found it hard to replicate the results, what i do in such cases is use the same module, or make copies of it. Then using the copy of module i carefully change the images and text.

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

#297783

Hi,

I unzipped the Quick Start and looked at the custom module but could not see any configuration. I’m a bit stumped. Did you actually have the code for the custom mod?

[Arvind Chauhan Moderator Arvind ChauhanJoin date: September 2014Posts: 3835Downloads:74Uploads:92 Thanks: 1240 Thanked: 1334 times in 848 posts]

#297824

Check the custom module in html view.

<div style=”overflow: auto; height: 200px”> <div class=”ja-innerdiv clearfix”>

This gives the scrollbars to the custom module. Removing this line from the custom module in question, renders it to display all the 4 items.

Hope this helps.

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

#299874

Hi thanks for replying,

I’m still a bit confused. How do I get the thumbnail images, title links and dividing lines to appear in the first place :confused:

I have been trying to get a straight annswer from Joomlart, but I think there is a bit of a laguage barrier or something and emails have been passed back and forth but they can’t “get it”

Hope you somone might be able to cast some light on this.

Thanks, Nigel

[Arvind Chauhan Moderator Arvind ChauhanJoin date: September 2014Posts: 3835Downloads:74Uploads:92 Thanks: 1240 Thanked: 1334 times in 848 posts]

#299887

<em>@nigelmaine 122509 wrote:</em><blockquote>Hi thanks for replying,

I’m still a bit confused. How do I get the thumbnail images, title links and dividing lines to appear in the first place :confused:

Thanks, Nigel</blockquote>

Well, ok, tell me if you are using quickstart or have installed just the template?

• To make the insertion of images / line breaks and text. Best and easy approach is open the module in the quickstart setup. Copy the HTML code to notepad.
• Create four thumbnails of your choice of 60 x 60 size. make and move these images to /images/stories/demo/ . you can create any folder name of your choice under /images/stories/ . move the thumbnails to this folder.
• Open the module of your current site >> edit the html code pasted in the notepad to reflect the file name and folder path. >> Paste the whole stuff into your module html and click save.

Its a very crude way of replicating, but that’s how i do it. it saves me trouble.

Please let us know if this works. Or else as a last remedy PM me your login details and the image paths with desired text and i shall do it for you.

regards

arvind

[John Wesley Brett Moderator John Wesley BrettJoin date: July 2013Posts: 2142Downloads:17Uploads:26 Thanks: 175 Thanked: 645 times in 426 posts]

#299889

Here’s the code from the Demo story…which should help you.


<div style="overflow:auto; height: 200px">
<div class="ja-innerdiv clearfix">
<img class="img-border" src="images/stories/demo/sam-30.jpg" border="0" align="left" />
<span class="title"><a href="#" title="Sample link">Felis et leo Proin Nullam</a></span>
Leo Sed congue interdum metus Nam neque sed magnis est massa. eu odio Curabitur id lorem elit.</div>
</div>


For multiple stories you simply add another interior <div></div> like so. The example below would show two copies of the original story.


<div style="overflow:auto; height: 200px">
<div class="ja-innerdiv clearfix">
<img class="img-border" src="images/stories/demo/sam-30.jpg" border="0" align="left" />
<span class="title"><a href="#" title="Sample link">Felis et leo Proin Nullam</a></span>
Leo Sed congue interdum metus Nam neque sed magnis est massa. eu odio Curabitur id lorem elit.</div>
<div class="ja-innerdiv clearfix">
<img class="img-border" src="images/stories/demo/sam-30.jpg" border="0" align="left" />
<span class="title"><a href="#" title="Sample link">Felis et leo Proin Nullam</a></span>
Leo Sed congue interdum metus Nam neque sed magnis est massa. eu odio Curabitur id lorem elit.</div>
</div>


Hope this helps.
John.

2 users say Thank You to John Wesley Brett for this useful post

1. Arvind Chauhan
2. nigelmaine

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

#299901

Hi

What an absolute star, many thanks

I think I was having a major blonde moment as I couldn’t work out if it was a module that was linked to articles like in JA News.!

Once again, Many thanks for your help

Nigel

[Author]

Posts