sky sports breaking news (style) news fader

[mickyflash]

Hi there, well this may be a challenge for you

Is it possible to change the news fader, so it is a different colour from the rest of my forum (yellow)

also so that it runs across the whole of the screen, and not just through the width of my forum.

and possibly although probably not possible so it fixed to the bottom of the screen at all times?

Im looking to emulate the sky sports news bar like this:


my forum is here

I have found this coding in the style sheet, but have know idea what to do with it it might help

/* News Bar */
#news { color: Crim_tree_color; font: Crim_tree_font; text-decoration: Crim_tree_decoration; z-index: 9; height: 20px; font: Crim_tree_font; background-color: Crim_tree_background_color; overflow: hidden; margin: 0 auto 10px; border: Crim_tree_border_width Crim_tree_border_style Crim_tree_border_color; .rounded-corners(Crim_tree_border_radius); }
#news .items { height: 20px; position: relative; overflow: hidden; }
#news .items > div > div { padding: 0 10px; line-height: 20px !important; }
#news .items div img { vertical-align: text-bottom; }
#news .nav { float: left; background-position: center; }
#news .nav > span { border-width: 0px 1px 0px 0px; border-style: solid; border-color: transparent; cursor: default; float: left; display: inline-block; padding: 0 3px; height: 20px; }
#news .nav > span.title { text-align: center; display: inline-block; height: 20px; padding: 0px 6px; line-height: 20px !important; }
#news .nav .arrow.left { .rounded-corners(Crim_tree_border_radius, 0, 0, Crim_tree_border_radius); }
#news .nav .arrow.left span { border-right-color: Crim_tree_border_color; }
#news .nav .arrow.right span { border-left-color: Crim_tree_border_color; }
#news .nav:hover { background-color: Crim_tree_hover_background_color; }
#news .nav:hover > span { border: Crim_tree_border_width Crim_tree_border_style Crim_tree_border_color; border-width: 0px Crim_tree_border_width 0px 0px; }
#news .nav:hover .arrow { background-color: Crim_tree_hover_background_color; }

I realize i may have to live with just changing the colour, and any advice on this would be awesome. but if you don't ask you don't get

Thanks

[Tumbleweed]

I'm sure there is a better way but I just added this to the bottom of my style sheet and it puts it in a fixed position at the bottom: (I tend to put things at the bottom of the style sheet in case I change my mind and not have to remember what I edited in the default css but that may not be optimal)

/*move newsfader to bottom*/
#news{
background-color:#ddddcc;
color:#333344;
width:900px;
position:fixed;
bottom:-12px;
}

Not sure if you wanted other things showing in that area. For some reason, I can't find the news feed in any of the templates but I may be missing it.

[mickyflash]

Wow, That's almost perfect! Thanks

Quick Question though, I have Brian's Sidebar Redux plugin installed on my forum. Is there anyway to put the news feed on top of this plugin?, so it stretches right across the screen. Also is it possible to make the news fader global so its on every page?

no worries, if this is not possible it still looks great!

[Brian]

Hi, mickyflash.

By default, the news feed always comes after the forum's header codes (which includes the code for the sidebars). You can overcome this by doing the following two steps.

1. Go to Structure > Layout Templates > Home and remove this line from the very start.

$[news]

2. Go to Structure > Layout Templates > Forum Wrapper and fine the line that says $[header]. Add the text in green before it.

$[news]
$[header]

[mickyflash]

Thanks once again Brian, it works great

[mickyflash]

Sorry to bug you both again, but while I have you.. Is there anyway to add the word "breaking" to the news fader title

I have had a look using the search fuctions but all those codes appear to be for v4

Thanks again