Hello everyone, first off, I have to apologise for being a Newcastle United fan.
I’m pretty sure this is a simple thing to do, but I just can’t get my head around how to do it (or much else these days!). Look at the ‘News’, ‘Sport’, Weather’ etc menus at the very top of the page, above the yellow header, and when you roll over the various topics, the holding box gets a coloured underline (not the word itself).
Any ideas how this simple but effective rollover can be achieved?
Hi Trev,
There was a thread on this a while back and as far as I recall the answer was to use separate css menu actions for each link with a custom graphic underline. Hope that helps your thinking until someone has clearer instructions.
Simon
Thanks Simon, I’ll hunt for that (sometimes it’s hard just thinking what terms to put in for the search).
I’m not particularly concerned about the different coloured underlines, more just how to get the line there in the first place. I’ve only used the CSS menu action a couple of times, and I thought it added the line to the outside of the box, not contained within it. Next time I’m in Freeway I’ll give it a crack though, -never thought of using that action!
Trev
On 7 Feb 2013, at 09:37, Simon K wrote:
Hi Trev,
There was a thread on this a while back and as far as I recall the answer was to use separate css menu actions for each link with a custom graphic underline. Hope that helps your thinking until someone has clearer instructions.
Simon
Those are not actually divs, or html boxes. They are actually list items,
whose appearance is styled by CSS. No graphics involved.
–
Ernie Simpson
On Thu, Feb 7, 2013 at 3:03 AM, Trevreav email@hidden wrote:
Hello everyone, first off, I have to apologise for being a Newcastle
United fan.
I’m pretty sure this is a simple thing to do, but I just can’t get my head
around how to do it (or much else these days!). Look at the ‘News’,
‘Sport’, Weather’ etc menus at the very top of the page, above the yellow
header, and when you roll over the various topics, the holding box gets a
coloured underline (not the word itself).
Any ideas how this simple but effective rollover can be achieved?
Hi Trev,
Yes you are best off (IMHO) using the CSS Menus Action and setting the underlines as a custom border effect on rollover. Replicating the BBC example with unique colours for each menu would require a bit of manual CSS-ness but giving them all the same colour shouldn’t be an issue for the stock Action.
If you get stuck and need a sample give me a shout and I’ll try and find time later today to post one on Freeway Style (link below).
Regards,
Tim.
On 7 Feb 2013, at 10:14, Trevor Reaveley wrote:
I’m not particularly concerned about the different coloured underlines, more just how to get the line there in the first place. I’ve only used the CSS menu action a couple of times, and I thought it added the line to the outside of the box, not contained within it. Next time I’m in Freeway I’ll give it a crack though, -never thought of using that action!
Good afternoon Tim (and Ernie for your earlier reply).
Thanks for that. It’s not something immediate that will be happening. I just quite liked the effect and keeping it in my head for a possible future site I may be involved with.
Trev
On 7 Feb 2013, at 12:26, Tim Plumb wrote:
Hi Trev,
Yes you are best off (IMHO) using the CSS Menus Action and setting the underlines as a custom border effect on rollover. Replicating the BBC example with unique colours for each menu would require a bit of manual CSS-ness but giving them all the same colour shouldn’t be an issue for the stock Action.
If you get stuck and need a sample give me a shout and I’ll try and find time later today to post one on Freeway Style (link below).
Regards,
Tim.