Joomla Templates Club 406,261 posts

[Ågebror Friend ÅgebrorJoin date: July 2006Posts: 28Downloads:0Uploads:1 Thanks: 3]

#124016

Very nice template.
I would like to have the pictures too the left of the top position change automatic. Any tips on how that can be done?

Thx for any help:)

[Menalto Friend MenaltoJoin date: May 2007Posts: 4736Downloads:0Uploads:43 Thanks: 2 Thanked: 531 times in 361 posts]

#233467

It can be done by adding a module position there with and image rotator in

[Ågebror Friend ÅgebrorJoin date: July 2006Posts: 28Downloads:0Uploads:1 Thanks: 3]

#233475

:confused:thx for the answer but can u please give a bit more detailed explanation how that is done on this template. how we position the module, what coding is necessary and if i have to make any changes to the css

🙂

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

#233504

<em>@Ågebror 32950 wrote:</em><blockquote>:confused:thx for the answer but can u please give a bit more detailed explanation how that is done on this template. how we position the module, what coding is necessary and if i have to make any changes to the css

:)</blockquote>

I must say this is NOT easy modifications. You have to do a lots of change if you want to add an external images slideshow on the current image background you see on demo page. I recommended you using my tutorials to get images rolling along with text on newsflash WITHOUT installing any external modules. Please follow:

CSS MODIFICATION:
1. The background of NewsFlash position is fixed background. If you want to have image rotator there, you need firstly remove the background. This can be done by open css file, template.css (line 1354):


#ja-topsl .ja-newflash {
background:transparent url(../images/topimg.png) no-repeat scroll left top;
padding:0pt;
}

Remove the background line.

2. Also at line 1359, you will see this code


#ja-topsl .ja-newflash .moduletable {
padding:30px 20px 30px 400px;
width:480px;
}

Change it to:


#ja-topsl .ja-newflash .moduletable {
padding:30px 20px 30px 30px;
width:850px;
}


Now your JA News Flash will be stay full width on the newsflash box. Now your job is edit your content to have images in it, align it to the left or the right, then it will rolling/fading with the newsflash.

[Ågebror Friend ÅgebrorJoin date: July 2006Posts: 28Downloads:0Uploads:1 Thanks: 3]

#233604

Thank you very much

This is exactly what i was looking for.

I send u a virtual beer or 10 as a token of my apreciation.

All the best
😀

[Author]

Posts