Make the buttons dynamic.

Hello,
I just read and followed this tutorial, it works perfectly and I was wondering if I can make the other buttons (start new topic, reply, send message) dynamic like my navbar ?

This is the turtorial I followed.

Transform menu in a dynamic menu (works only if you have pictures in the menu):

Code:


ul.linklist li a img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 0.5;}

ul.linklist li a img:hover {
filter:alpha(opacity=100);
-moz-opacity: 0.85;
opacity: 1.0;
position: relative;
top: -2px;}


P/S: I have one topic that have almost the same issue, but since no one reply it, I'll mark it as solved or may be you could delete it for me ? Here's the link: https://help.forumotion.com/t117959-how-can-i-add-effects-to-picture-when-i-hover-it#773367 . Thank you.

BUMP!

I know you guys are busy but my topics(questions) haven't been answer lately. Please check the others, too. Thanks.

That CSS is amazingly daft. The author has tried to support multiple browsers by including other browsers opacity options but like every one has a different value set.

IE will have 100 opacity then 100 opacity on hover... So pointless
Mozilla will have 1 opacity and then 0.85 opacity on hover, which I'm guessing is the effect your going for.
And any other browser will start off with 0.5 opacity and on hover have 1 opacity which the complete opposite of what your presumably aiming for.

The different browser versions need to match to what your actually doing, don't just stick em in and ignore the values.

Change the CSS to this so that it actually makes logical sense;

Code:


ul.linklist li a img {
filter:alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;}

ul.linklist li a img:hover {
filter:alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;
position: relative;
top: -2px;}

LGforum wrote:That CSS is amazingly daft. The author has tried to support multiple browsers by including other browsers opacity options but like every one has a different value set.

IE will have 100 opacity then 100 opacity on hover... So pointless
Mozilla will have 1 opacity and then 0.85 opacity on hover, which I'm guessing is the effect your going for.
And any other browser will start off with 0.5 opacity and on hover have 1 opacity which the complete opposite of what your presumably aiming for.

The different browser versions need to match to what your actually doing, don't just stick em in and ignore the values.

Change the CSS to this so that it actually makes logical sense;

Code:


ul.linklist li a img {
filter:alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;}

ul.linklist li a img:hover {
filter:alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;
position: relative;
top: -2px;}

Well, thank you but I've go to my forum in different browsers such as Firefox, Safari, Chrome, Dolphin and even try it on mobile devices (Ipad and Iphone), everything included the navbar works fine tjust the way I want it. And I also have ask many user about the new navbar, they seems to like it About IE, not very much people using it now so... If I understand it wrong somehow please tell me and I apologize for that . And also, could you give me a solution for what I asked for above? Thank you very much

BUMP