The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Make the buttons dynamic.

View previous topic View next topic Go down

Make the buttons dynamic.

Post by Ivy_2819 on December 19th 2012, 3:48 am

Hello,
I just read and followed this tutorial, it works perfectly Smile 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: http://help.forumotion.com/t117959-how-can-i-add-effects-to-picture-when-i-hover-it#773367 . Thank you.

Ivy_2819
Forumember

Female Posts : 129
Reputation : 3
Language : Vietnamese and English
Location : Houston, TX, USA

http://steven.forumvi.com/

Back to top Go down

Re: Make the buttons dynamic.

Post by Ivy_2819 on December 20th 2012, 4:51 am

BUMP!

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

Ivy_2819
Forumember

Female Posts : 129
Reputation : 3
Language : Vietnamese and English
Location : Houston, TX, USA

http://steven.forumvi.com/

Back to top Go down

Re: Make the buttons dynamic.

Post by LGforum on December 20th 2012, 8:12 am

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
Hyperactive

Male Posts : 2254
Reputation : 254
Language : English
Location : UK

http://www.avacweb.com/

Back to top Go down

Re: Make the buttons dynamic.

Post by Ivy_2819 on December 20th 2012, 8:54 am

@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 Smile About IE, not very much people using it now so... If I understand it wrong somehow please tell me and I apologize for that Smile. And also, could you give me a solution for what I asked for above? Thank you very much Smile

Ivy_2819
Forumember

Female Posts : 129
Reputation : 3
Language : Vietnamese and English
Location : Houston, TX, USA

http://steven.forumvi.com/

Back to top Go down

Re: Make the buttons dynamic.

Post by Ivy_2819 on December 25th 2012, 12:24 pm

BUMP

Ivy_2819
Forumember

Female Posts : 129
Reputation : 3
Language : Vietnamese and English
Location : Houston, TX, USA

http://steven.forumvi.com/

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum