Rotating Pictures

[mrmotivation]

Hey all -

I like the way they have the top center rotating story and picture, but I would like to do something different.

Go to www.koolfm.com

I would like to be able to have rotating pictures that if you click on it, then it would take you to the right story or promotion like they have on the Kool FM site in the top middle.

Is there someway that you could think of how I would do it?


Thanks!


Aaron

[Micha]

Yes I suppose there is.
First, you need to know exact image width and height of your headlines image that you are going to set in your preferences.
This is also important because the entire box will be containing image.

You need to change style. css and edit a couple of templates (headlines.tpl and headlines.xml.tpl).
headlines.tpl is your containing box, and you need to set height of that box (image height + 20 -30px because of the player).
In your headlines.xml.tpl you need to delete obsolete divs that you don't want to be visible (in my case, I removed date, author and full story link).

Rest of the customizations is css coding an absolute positioning of remained elements.
In my case I changed h1#headline_caption a, #headline_image and positioned them absolute and added .headline_background and .body_background classes with transparent white background.

[ahmedbekhit]

Yes I suppose there is.
First, you need to know exact image width and height of your headlines image that you are going to set in your preferences.
This is also important because the entire box will be containing image.

You need to change style. css and edit a couple of templates (headlines.tpl and headlines.xml.tpl).
headlines.tpl is your containing box, and you need to set height of that box (image height + 20 -30px because of the player).
In your headlines.xml.tpl you need to delete obsolete divs that you don't want to be visible (in my case, I removed date, author and full story link).

Rest of the customizations is css coding an absolute positioning of remained elements.
In my case I changed h1#headline_caption a, #headline_image and positioned them absolute and added .headline_background and .body_background classes with transparent white background.
DO U MIND TO PUT THE EXACT CSS CODE YOU USED IT THANKS ALOT :D

[Micha]

http://www.vivvo.net/forums/showthread.php?t=835

Here you go :) Hope it helps.