Hitskin.com

[Ape]

Ape

•  
•   

Ape

Administrator

Posts : 19314
Reputation : 2005
Language : fluent in dork / mumbojumbo & English haha

• Post n°1

fade slow on hover over main buttons phpBB2 forum

 by Ape May 14th 2014, 8:47 pm

Hi all i am a little lost here if anyone can help.

Can some one help me with a code to make all the buttons fade on hover over on my test site
The board is phpBB2 i would like this done by CSS system please

Buttons are all main board buttons as in
New topic
Post reply
Locked topic
Delete
IP
edit
all the report buttons
thanks button
Quote
Multi-quote
Multi-quote selected
Post new private message

i would like it to fade nice and slow if you can

Much thanks for any help

Ape

Last edited by APE on May 18th 2014, 11:31 pm; edited 2 times in total

LikeDislike

[Pizza Boi]

Pizza Boi

Pizza Boi

Hyperactive

Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

• Post n°2

Re: fade slow on hover over main buttons phpBB2 forum

 by Pizza Boi May 14th 2014, 9:03 pm

Hi

Okay, so not all of them are named in phpBB2 board so you have to name them yourself; however, I did find the names of a few so this is the CSS for them:

Code:

img#i_post1:hover, img.i_icon_ip:hover, img.i_icon_delete:hover, img.i_icon_quote:hover, ul.profile-icons li.ddvote:hover {
transition: 800ms;
opacity: 0;
}

These are the following I was not able to detect: Post, Locked, Multi-quote Buttons, All report buttons, and Post new messages.

Just name them in the templates .

Regards,
Pizza Boi

LikeDislike

[Ape]

Ape

•  
•   

Ape

Administrator

Posts : 19314
Reputation : 2005
Language : fluent in dork / mumbojumbo & English haha

• Post n°3

Re: fade slow on hover over main buttons phpBB2 forum

 by Ape May 14th 2014, 9:14 pm

Hi Pizza boi this makes the buttons go when you hover i want then just to fade out to say half there look.

also i know this can be done for all the rest of the buttons aswell as i had it before i just can't find the code anymore

LikeDislike

[Pizza Boi]

Pizza Boi

Pizza Boi

Hyperactive

Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

• Post n°4

Re: fade slow on hover over main buttons phpBB2 forum

 by Pizza Boi May 14th 2014, 9:17 pm

Hi

So half transparent? Try opacity: 0.5; also, you should try looking at your topic_list_box and viewtopic_body so you can see the button enclosed in { and } with their names... usually.

Regards,
Pizza Boi

LikeDislike

[Ape]

Ape

•  
•   

Ape

Administrator

Posts : 19314
Reputation : 2005
Language : fluent in dork / mumbojumbo & English haha

• Post n°5

Re: fade slow on hover over main buttons phpBB2 forum

 by Ape May 14th 2014, 9:37 pm

Thanks i think i have it now lol

LikeDislike

[Pizza Boi]

Pizza Boi

Pizza Boi

Hyperactive

Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

• Post n°6

Re: fade slow on hover over main buttons phpBB2 forum

 by Pizza Boi May 14th 2014, 9:41 pm

Hi

Sure, no worries bro~

The pizza's here! That'd be $2.99 .

No problem~

Regards,
Pizza Boi

LikeDislike

[Ape]

Ape

•  
•   

Ape

Administrator

Posts : 19314
Reputation : 2005
Language : fluent in dork / mumbojumbo & English haha

• Post n°7

Re: fade slow on hover over main buttons phpBB2 forum

 by Ape May 14th 2014, 10:46 pm

LOL


This is the Code used to do all the buttons

Code:

/*POST BUTTON FADES CODE*/
img#i_post, img#i_icon_guote:hover, img.i_msg_newpost:hover, img#post_mq2_4:hover, .post-options img:hover, profile-icon:hover, img.i_icon_edit:hover, img#Newtopic:hover, img#i_reply:hover, img#one:hover, img#i_post1:hover, img.i_icon_ip:hover, img.i_icon_delete:hover, img.i_icon_quote:hover, ul.profile-icons li.ddvote:hover {
transition: 800ms;
opacity: 0.7;
}
/*END OF BUTTON FADE CODE*/

  EDIT NOT DONE YET SORRY
I have one button still not fading
is the post Reply one this is the one that is on the Bottom of a topic

LikeDislike

[Pizza Boi]

Pizza Boi

Pizza Boi

Hyperactive

Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

• Post n°8

Re: fade slow on hover over main buttons phpBB2 forum

 by Pizza Boi May 15th 2014, 4:07 am

Hi

Do you have the top version too? Find this in your viewtopic_body:

Code:

<a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" id="i_reply" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
         <!-- END switch_user_authreply -->

Replace by:

Code:

<a href="{U_POST_REPLY_TOPIC}"><img class="reply" src="{REPLY_IMG}" id="i_reply" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
         <!-- END switch_user_authreply -->

And:

Code:

<!-- BEGIN switch_user_authreply -->
            <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
            <!-- END switch_user_authreply -->

Replace by:

Code:

<!-- BEGIN switch_user_authreply -->
            <a href="{U_POST_REPLY_TOPIC}"><img class="reply" src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
            <!-- END switch_user_authreply -->

Save and Publish < Add this in CSS:

Code:

.reply:hover {
  transition: 400ms;
  opacity: 0.5;
}

If you're using the default viewtopic_body template, you should find the bottom part in line 400+ and the first part in line 56 (Starting).

Regards,
Pizza Boi

LikeDislike

[Ape]

Ape

•  
•   

Ape

Administrator

Posts : 19314
Reputation : 2005
Language : fluent in dork / mumbojumbo & English haha

• Post n°9

Re: fade slow on hover over main buttons phpBB2 forum

 by Ape May 15th 2014, 11:40 am

No this did not work

LikeDislike

[Pizza Boi]

Pizza Boi

Pizza Boi

Hyperactive

Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

• Post n°10

Re: fade slow on hover over main buttons phpBB2 forum

 by Pizza Boi May 15th 2014, 2:55 pm

Hi

Can you please post your viewtopic_body instead? I'll use it in my test forum.

Regards,
Pizza Boi

LikeDislike

[Ape]

Ape

•  
•   

Ape

Administrator

Posts : 19314
Reputation : 2005
Language : fluent in dork / mumbojumbo & English haha

• Post n°11

Re: fade slow on hover over main buttons phpBB2 forum

 by Ape May 15th 2014, 5:53 pm

Ive removed the code gave by you Pizza boi Nothing has been touched in there until you gave me that code to add in there. I'm sure there is some other way to this without going in the templates maybe by java and CSS i have all of them working all but the one on the right hand side and some buttons in the PM system. so i can't see why them ones are not working if the top ones are and there the same buttons.    
This is the problem i see as you can see this button has a IP name to it but this one don't it just has img on the name tag and yet the top buttons have a name tag on both of them  

LikeDislike

[Pizza Boi]

Pizza Boi

Pizza Boi

Hyperactive

Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

• Post n°12

Re: fade slow on hover over main buttons phpBB2 forum

 by Pizza Boi May 16th 2014, 7:26 am

Hi

Oh, so it's Topic Locked. Okay, can you link me to a post where that can be seen? Also, where are the other areas you still have the hover problem? Sorry, I'm having a bit of a difficult time understanding your English =x .

Regards,
Pizza Boi

LikeDislike

[Ape]

Ape

•  
•   

Ape

Administrator

Posts : 19314
Reputation : 2005
Language : fluent in dork / mumbojumbo & English haha

• Post n°13

Re: fade slow on hover over main buttons phpBB2 forum

 by Ape May 16th 2014, 4:47 pm

It Don't matter if it's locked or not the button shows as IMG only there is NO Code to the button at all.
That is my problem. That one button DON'T have a Button Code to it no matter what you do.

maybe some one over in the Office could tell me why this Dont have a code to it or even what i have to do to get this sorted. all the rest of the buttons now work it's just that one i have a problem with.

LikeDislike

[Pizza Boi]

Pizza Boi

Pizza Boi

Hyperactive

Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

• Post n°14

Re: fade slow on hover over main buttons phpBB2 forum

 by Pizza Boi May 16th 2014, 6:41 pm

Hi

So it really doesn't help even if you check your viewtopic_box template? Because it works for me in my test forum.

Regards,
Pizza Boi

LikeDislike

[Ape]

Ape

•  
•   

Ape

Administrator

Posts : 19314
Reputation : 2005
Language : fluent in dork / mumbojumbo & English haha

• Post n°15

Re: fade slow on hover over main buttons phpBB2 forum

 by Ape May 17th 2014, 4:56 pm

No it don't help me at all.

I have asked Buttercup to ask the tech staff for more help on this as this is not a problem that we can work out for our self i don't think.

as it's the weekend the staff are out of the office.

LikeDislike

[TheCrow]

TheCrow

•  
•   

TheCrow

Manager

Posts : 6916
Reputation : 795
Language : Greek, English

• Post n°16

Re: fade slow on hover over main buttons phpBB2 forum

 by TheCrow May 17th 2014, 5:06 pm

No it don't help me at all.

I have asked Buttercup to ask the tech staff for more help on this as this is not a problem that we can work out for our self i don't think.

as it's the weekend the staff are out of the office.

If someone checks the forum and sees the button may help. Like this its no use..

LikeDislike

[Ape]

Ape

•  
•   

Ape

Administrator

Posts : 19314
Reputation : 2005
Language : fluent in dork / mumbojumbo & English haha

• Post n°17

Re: fade slow on hover over main buttons phpBB2 forum

 by Ape May 17th 2014, 5:10 pm

Your welcome to look for your self here is the test forum I'ts on all the forums i have looked at
http://mytestforum.forumotion.co.uk/ its the same with the real forum they all have a the same thing. No button ID i was told that if you do the top one then the bottom one is a same link but all the rest of the buttons have worked it's just that one that has the problem. but without an account you will not see the buttons anyway

LikeDislike

[bob77707]

bob77707

bob77707

Forumember

Posts : 48
Reputation : 4
Language : English

• Post n°18

Re: fade slow on hover over main buttons phpBB2 forum

 by bob77707 May 18th 2014, 12:04 pm

Code:

span.nav img:hover {
  transition: 800ms;
  opacity: 0.7;
}

LikeDislike

[Ape]

Ape

•  
•   

Ape

Administrator

Posts : 19314
Reputation : 2005
Language : fluent in dork / mumbojumbo & English haha

• Post n°19

Re: fade slow on hover over main buttons phpBB2 forum

 by Ape May 18th 2014, 11:04 pm

Thank you so much Bob
the only other ones i have a problem with now is the post replay in the Pm system that also comes up with IMG

LikeDislike

[bob77707]

bob77707

bob77707

Forumember

Posts : 48
Reputation : 4
Language : English

• Post n°20

Re: fade slow on hover over main buttons phpBB2 forum

 by bob77707 May 18th 2014, 11:22 pm

You're welcome   

This should do the trick for the PM buttons:

Code:

.three-col a img:hover {
  transition: 800ms;
  opacity: 0.7;
}

LikeDislike

[Ape]

Ape

•  
•   

Ape

Administrator

Posts : 19314
Reputation : 2005
Language : fluent in dork / mumbojumbo & English haha

• Post n°21

Re: fade slow on hover over main buttons phpBB2 forum

 by Ape May 18th 2014, 11:30 pm

Code:

span.nav img:hover {
   transition: 800ms;
   opacity: 0.7;
}

You're welcome   

This should do the trick for the PM buttons:

Code:

.three-col a img:hover {
  transition: 800ms;
  opacity: 0.7;
}

Bob you are the best Thank you so much i am that happy now i could kiss you lol JOKES you really don't know how much i have been going mad in my mind about this lol i had all them Codes a long time a go but lost them when i got a new computer You Rock mate thank you  
+1 and a thanks lol

problem solved that a big thank you Bob

LikeDislike

[SLGray]

SLGray

•  
•   

SLGray

Administrator

Posts : 51496
Reputation : 3523
Language : English
Location : United States

• Post n°22

Re: fade slow on hover over main buttons phpBB2 forum

 by SLGray May 19th 2014, 1:48 am

Topic Solved & Archived

Lost Founder's Password |Forum's Utilities |Report a Forum |General Rules |FAQ |Tricks & Tips

You need one post to send a PM.

When your topic has been solved, ensure you mark the topic solved.

Never post your email in public.

LikeDislike