News Fader Scroll

[Rosefriend]

Is it possible Todge to make this work in V5 please??

support.proboards.com/post/492368/thread

RF

[Todge]

It should be, I've not played with the News Fader on V5 yet. I'll have a look.

[Rosefriend]

Many thanks Todge.

RF

[Todge]

Are you talking about the News Feed? If so, it already scrolls... Kind of.

I take it you would like it to scroll right across and disappear off the side?

[blueshead]

Or maybe it could be centered.. And Flash at different speeds..

[Former Member]

Feb 10, 2013 4:40:37 GMT -8 Todge said:

Are you talking about the News Feed? If so, it already scrolls... Kind of.

I take it you would like it to scroll right across and disappear off the side?

I'm keeping a close eye on this thread as I'm not keen on the current News Feed.  

[Rosefriend]

Feb 11, 2013 4:50:46 GMT -8 blueshead said:

Or maybe it could be centered.. And Flash at different speeds..

Ooooo - I hope that is an option..!!

RF

[blueshead]

Feb 11, 2013 7:45:24 GMT -8 @ritab said:

Feb 10, 2013 4:40:37 GMT -8 Todge said:

Are you talking about the News Feed? If so, it already scrolls... Kind of.

I take it you would like it to scroll right across and disappear off the side?

I'm keeping a close eye on this thread as I'm not keen on the current News Feed.  

Me too.. But I think it is getting better.. And will be soon..   We are after all ,Rita just coming out of beta.. and I look forward to more new changes..

[Rosefriend]

Any news on this option perhaps Todge ??

RF

[Todge]

Yes, sorry..

Put this in your Main Footer

<script type="text/javascript">
<!--

// Edit below...

var newsSize = '25';
var newsDirection = 'left';
var newsSpeed = '2';
var newsHeight = '50px';
var newsColor = 'red';

// Edit above...


if(document.getElementById('news'))
{
var newsJoin = '<br>';
var newsFader = document.getElementById('news');
var newsContent = newsFader.getElementsByTagName('div');
if(newsDirection.match(/(left|right)/i))
{
newsJoin = ' ';
newsHeight = (parseInt(newsSize)+10)+'px';
newsFader.style.padding = '5px 0px 5px 0px';
}

for(n=0; n<newsContent.length; n++)
{
if(newsContent[n].className == 'items')
{
var newsDivs = newsContent[n].getElementsByTagName('div');
newsContent = '';
break;
}}

for(n=0; n<newsDivs.length-1; n++)
{
newsContent += newsDivs[n].innerHTML += newsJoin;
}
newsContent += newsDivs[newsDivs.length-1].innerHTML;

newsContent = '<marquee scrollamount="'+newsSpeed+'" style="text-align: center; font-size: '+newsSize+'px;" direction="'+newsDirection+'">'+newsContent+'</marquee>';

with(newsFader)
{
style.backgroundColor = newsColor;
style.height = newsHeight;
innerHTML = newsContent;
}
}
// -->
</script>

Edit where it says.

[Rosefriend]

Marvellous Todge - many thanks - it works very well.

RF

[Todge]

No worries..

[Rosefriend]

Any chance of using Hex numbers perhaps Todge ??

Rf

[Todge]

You already can.. Instead of a color name like 'red', just use a hex number preceded by the hash symbol, '#123456' for example.

[Rosefriend]

Mar 11, 2013 11:45:57 GMT -8 Todge said:

You already can.. Instead of a color name like 'red', just use a hex number preceded by the hash symbol, '#123456' for example.

That's the problem Todge - I forgot the "#" - sorry and thanks again!!

RF