The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

phbb2 hover over effects

3 posters

Go down

phbb2 hover over effects Empty phbb2 hover over effects

Post by Deggerz January 27th 2012, 6:05 pm

I saw this effect on another forum. Its when you hover over a link
phbb2 hover over effects Hoverover

Anybody know how this is done?
Because I would really like to add this to my forum Smile

http://gamebefore.actieforum.com
avatar
Deggerz
New Member

Posts : 20
Reputation : 0
Language : English

Back to top Go down

phbb2 hover over effects Empty Re: phbb2 hover over effects

Post by warfreak January 27th 2012, 6:42 pm

Deggerz wrote:I saw this effect on another forum. Its when you hover over a link
phbb2 hover over effects Hoverover

Anybody know how this is done?
Because I would really like to add this to my forum Smile

http://gamebefore.actieforum.com

try this i add some gliiter image you can remove it.. put it in your css
Code:
a:hover{
 text-shadow: 0 0 0.9em #FF0000, 0 0 0.9em #FF0000, 0 0 0.9em #FF0000e;
 font-weight:bold;
  background-image:url(http://i22.servimg.com/u/f22/15/42/72/40/bling110.gif);}


avatar
warfreak
Forumember

Posts : 100
Reputation : 2
Language : English

http://geekpinoy.forums.fm/

Back to top Go down

phbb2 hover over effects Empty Re: phbb2 hover over effects

Post by Deggerz January 27th 2012, 7:24 pm

Thats amazing!
However, it doesnt FULLY work. It works for board threads, etc. But not the navigation

phbb2 hover over effects Hoverover2
^ Working

phbb2 hover over effects Hoverover3
^ Not working

Ive made the "uncoding" CSS hover over link white
Code:
/*HOVER OVER EFFECTS*/
a:hover{
  text-shadow:1px 1px 3px #ffffff;
  font-weight:bold;
  text-color: #ffffff
  background-image:url(http://i22.servimg.com/u/f22/15/42/72/40/bling110.gif);}


Also, any idea on how to remove the underline?
avatar
Deggerz
New Member

Posts : 20
Reputation : 0
Language : English

Back to top Go down

phbb2 hover over effects Empty Re: phbb2 hover over effects

Post by Vito-UFA January 28th 2012, 12:41 am

Deggerz wrote:
Also, any idea on how to remove the underline?
Code:
a { text-decoration: none; }
Vito-UFA
Vito-UFA
Forumember

Male Posts : 118
Reputation : 6
Language : polish/english
Location : Lodz

http://www.ufa-league.net/forum

Back to top Go down

phbb2 hover over effects Empty Re: phbb2 hover over effects

Post by Deggerz January 28th 2012, 1:28 am

Vito-UFA wrote:
Code:
a { text-decoration: none; }

Brilliant!
Now just need the other links fixed and then this topic is solved Smile

avatar
Deggerz
New Member

Posts : 20
Reputation : 0
Language : English

Back to top Go down

phbb2 hover over effects Empty Re: phbb2 hover over effects

Post by Vito-UFA January 28th 2012, 1:50 am

So whats the other problem again ?
Vito-UFA
Vito-UFA
Forumember

Male Posts : 118
Reputation : 6
Language : polish/english
Location : Lodz

http://www.ufa-league.net/forum

Back to top Go down

phbb2 hover over effects Empty Re: phbb2 hover over effects

Post by Deggerz January 28th 2012, 5:47 pm

Deggerz wrote:Thats amazing!
However, it doesnt FULLY work. It works for board threads, etc. But not the navigation

phbb2 hover over effects Hoverover2
^ Working

phbb2 hover over effects Hoverover3
^ Not working

Ive made the "uncoding" CSS hover over link white
Code:
/*HOVER OVER EFFECTS*/
a:hover{
  text-shadow:1px 1px 3px #ffffff;
  font-weight:bold;
  text-color: #ffffff
  background-image:url(http://i22.servimg.com/u/f22/15/42/72/40/bling110.gif);}


Also, any idea on how to remove the underline?


That

Also, how come when i hover over a link there is still an underline

Code:
a:hover{
  text-shadow:1px 1px 3px #ffffff;
  font-weight:bold;
  text-color: #ffffff;
  text-decoration: none;
  background-image:url(http://i22.servimg.com/u/f22/15/42/72/40/bling110.gif);}
avatar
Deggerz
New Member

Posts : 20
Reputation : 0
Language : English

Back to top Go down

phbb2 hover over effects Empty Re: phbb2 hover over effects

Post by Vito-UFA January 28th 2012, 7:18 pm

If you added
Code:
a { text-decoration: none; }
code i gave you in the form i gave you and it didnt help so its mean that in your CSS must be specified in other code that it need to be underlined
try add this:
Code:
a.forumlink:hover {
text-decoration: none !important;
}
Vito-UFA
Vito-UFA
Forumember

Male Posts : 118
Reputation : 6
Language : polish/english
Location : Lodz

http://www.ufa-league.net/forum

Back to top Go down

Back to top

- Similar topics

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