Topic: Scroller CNN Headlines style (Read 3105 times)

ryangetz · « **on:** 28 September 2009, 23:52 »

Ok I've scratched my head enough and am reaching out for some help.

I want my scroller to run horizontally across my site and look just like the CNN Headlines example that you show.

Can you toss me the CSS styling that needs to be applied?

Saka · « **Reply #1 on:** 29 September 2009, 12:00 »

You just need to have a look at the demo source code and its CSS:
http://joomla15.sakic.net/modules/mod_ajaxscroller/mod_ajaxscroller/style59.css

ryangetz · « **Reply #2 on:** 05 October 2009, 21:24 »

thank you.

i have the module styled correctly now, but it seems to only be pulling one of the rss headlines and is not moving through the rest of the rss feed items. thoughts?

Saka · « **Reply #3 on:** 06 October 2009, 13:21 »

Could be JS error, can't tell without looking at the site.

ryangetz · « **Reply #4 on:** 12 October 2009, 19:47 »

here is a link.

http://ryangetz.net/site/

/administrator login info:

u: sakic
p: sakic

please take a look and let me know what you see

Saka · « **Reply #5 on:** 12 October 2009, 22:26 »

Could be a conflict with some other module. Try unpublishing other modules to find which.

ryangetz · « **Reply #6 on:** 12 October 2009, 22:31 »

I have unpublished everything.

could you please login and take a look?

Saka · « **Reply #7 on:** 12 October 2009, 22:41 »

The conflict is with "S5 Tab Show". I unpublished it and now it works.

ryangetz · « **Reply #8 on:** 13 October 2009, 00:15 »

i have it working now.

one final question on this.

it is displaying 2 items at a time. one all the way to the left and just a few characters of another item on the right hand side.

oh yea and which line do i edit to control the font size?

thoughts?

Saka · « **Reply #9 on:** 13 October 2009, 01:37 »

Edit its CSS file (http://ryangetz.net/site/modules/mod_ajaxscroller/mod_ajaxscroller/style.css).
Increase the width where it says /* edit this value for your own module width */. In BOTH places.

Put the font size in div a:

Code: [Select]

div.mScroller div a {
    font-size: 12px;
}

Author Topic: Scroller CNN Headlines style (Read 3105 times)

ryangetz

Scroller CNN Headlines style

Saka

Re: Scroller CNN Headlines style

ryangetz

Re: Scroller CNN Headlines style

Saka

Re: Scroller CNN Headlines style

ryangetz

Re: Scroller CNN Headlines style

Saka

Re: Scroller CNN Headlines style

ryangetz

Re: Scroller CNN Headlines style

Saka

Re: Scroller CNN Headlines style

ryangetz

Re: Scroller CNN Headlines style

Saka

Re: Scroller CNN Headlines style