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.

Hover on post buttons

View previous topic View next topic Go down

Hover on post buttons

Post by jim96 on December 20th 2010, 11:58 am

I want to have a hover effect in my post buttons...
I have made the butons and what I need is the code.
I have the code for th nav bar gover but i need the hover code for post buttons (like edit, quote, report,etc)

Thanks Smile
Hope there is solution!

jim96
Forumember

Male Posts : 66
Reputation : 1
Language : English

http://acprojects.forumgreek.com/

Back to top Go down

Re: Hover on post buttons

Post by gregory1313 on December 20th 2010, 12:38 pm

i think you can hover your images at css only for nav bar..

gregory1313
Forumember

Male Posts : 64
Reputation : 0
Language : english

http://greekdownload.forumotion.com

Back to top Go down

Re: Hover on post buttons

Post by Emilio on December 20th 2010, 12:49 pm

No , not true
You can do it with post buttons

Emilio
Forumember

Male Posts : 496
Reputation : 17
Language : Dutch , English ( Learning French & Spanish)

http://www.graphilicious.forumotion.com

Back to top Go down

Re: Hover on post buttons

Post by jim96 on December 20th 2010, 12:59 pm

@Emilio wrote:No , not true
You can do it with post buttons

How?

jim96
Forumember

Male Posts : 66
Reputation : 1
Language : English

http://acprojects.forumgreek.com/

Back to top Go down

Re: Hover on post buttons

Post by Emilio on December 20th 2010, 1:52 pm

opacity: 0.7;
filter: alpha(opacity=70);

Emilio
Forumember

Male Posts : 496
Reputation : 17
Language : Dutch , English ( Learning French & Spanish)

http://www.graphilicious.forumotion.com

Back to top Go down

Re: Hover on post buttons

Post by jim96 on December 20th 2010, 2:39 pm

Can you make it more clear please?

jim96
Forumember

Male Posts : 66
Reputation : 1
Language : English

http://acprojects.forumgreek.com/

Back to top Go down

Re: Hover on post buttons

Post by gregory1313 on December 20th 2010, 8:42 pm

kai egw 8elw apantisi apo ton emilio... Very Happy

gregory1313
Forumember

Male Posts : 64
Reputation : 0
Language : english

http://greekdownload.forumotion.com

Back to top Go down

Re: Hover on post buttons

Post by jim96 on December 20th 2010, 8:44 pm

perimenoume na mas fwtisei Smile

or in English:

We are looking forward in reading Emilio's answer Smile

jim96
Forumember

Male Posts : 66
Reputation : 1
Language : English

http://acprojects.forumgreek.com/

Back to top Go down

Re: Hover on post buttons

Post by jim96 on December 22nd 2010, 5:23 pm

bump....

jim96
Forumember

Male Posts : 66
Reputation : 1
Language : English

http://acprojects.forumgreek.com/

Back to top Go down

Re: Hover on post buttons

Post by gregory1313 on December 23rd 2010, 12:19 pm

*bump*

gregory1313
Forumember

Male Posts : 64
Reputation : 0
Language : english

http://greekdownload.forumotion.com

Back to top Go down

Re: Hover on post buttons

Post by Ghostkim on January 3rd 2011, 9:11 pm

Guys please stop it...
they need to be placed in your css...
You have to find the selector for the buttons you want the opacity to appear..and you have to know some basic css syntax before attemting these..

@Jim96 wrote:perimenoume na mas fwtisei
who is going to "light you up"?

@Gregory1313 your forum has downloading content,which is agains the terms of free forums by forumotion.So,be careful.If someone reports this,your forum will be closed.I can report it anytime,even know..but i give you onother chance..remove them or your forum will get banned forever by onlineguardian.You will learn not to break the rules nextime..

Ghostkim
New Member

Male Posts : 10
Reputation : 0
Language : HTML/CSS/
Location : support forum

Back to top Go down

Re: Hover on post buttons

Post by Emilio on January 3rd 2011, 11:04 pm

Code:
.posting img , .post-options img {
opacity: 0.5;
filter: alpha(opacity=50);
}
.posting img:hover , .post-options img:hover {
opacity: 1;
filter: alpha(opacity=100);
}

This will do it. To make the custom buttons more transparant , change the numbers like 0.3 and don't forget to change the Filter opacity to the same ammount

Emilio
Forumember

Male Posts : 496
Reputation : 17
Language : Dutch , English ( Learning French & Spanish)

http://www.graphilicious.forumotion.com

Back to top Go down

Re: Hover on post buttons

Post by gregory1313 on January 4th 2011, 12:19 pm

@Ghostkim wrote:Guys please stop it...
they need to be placed in your css...
You have to find the selector for the buttons you want the opacity to appear..and you have to know some basic css syntax before attemting these..

@Jim96 wrote:perimenoume na mas fwtisei
who is going to "light you up"?

@Gregory1313 your forum has downloading content,which is agains the terms of free forums by forumotion.So,be careful.If someone reports this,your forum will be closed.I can report it anytime,even know..but i give you onother chance..remove them or your forum will get banned forever by onlineguardian.You will learn not to break the rules nextime..

my forum hasn't downloads.
i deleted them before 1 year but i didn't changed my forum address...
its ok, isn't it?

gregory1313
Forumember

Male Posts : 64
Reputation : 0
Language : english

http://greekdownload.forumotion.com

Back to top Go down

Re: Hover on post buttons

Post by Ghostkim on January 4th 2011, 12:26 pm

sure,and stop writing greeklish.

Ghostkim
New Member

Male Posts : 10
Reputation : 0
Language : HTML/CSS/
Location : support forum

Back to top Go down

Re: Hover on post buttons

Post by jim96 on January 4th 2011, 11:10 pm

OK, Ghostkim just be cool Smile
I don't want to have hover opacity
I use this code for the navbar:

Code:
#i_icon_mini_register{width:100px; height:30px; background:url("Image'sURL") no-repeat 0 0;}
#i_icon_mini_register:hover{background:url("Image'sURL") no-repeat 0 -30px;}

and what I want is the same code edited for the buttons New Topic, Quote, Multi-Quote, Report, Locked, New PM, etc.
I have the double buttons ready and I want the CSS code.

@Ghostkim If you can answer th question please do it, if you can't or you don't want to just don't reply to the topic!!! Thanks Smile

jim96
Forumember

Male Posts : 66
Reputation : 1
Language : English

http://acprojects.forumgreek.com/

Back to top Go down

Re: Hover on post buttons

Post by Ghostkim on January 5th 2011, 1:54 pm

Since the code doesnt contain any images,i think you are going to paste them in the css arent you?

the selector for it is :

Code:

/****Reply button****/
.i_reply
/****New topic button***/
.i_post
/***Locked Button***/
.i_locked

The css is the same you just have to edit the background-image.

Ghostkim
New Member

Male Posts : 10
Reputation : 0
Language : HTML/CSS/
Location : support forum

Back to top Go down

Re: Hover on post buttons

Post by gregory1313 on January 6th 2011, 10:29 am

ghostkim are you greek? xD

gregory1313
Forumember

Male Posts : 64
Reputation : 0
Language : english

http://greekdownload.forumotion.com

Back to top Go down

Re: Hover on post buttons

Post by Ghostkim on January 6th 2011, 10:49 am

I used a word translator to think what the "" is these things and it appeared that it was greeklish....
Is the code working or not?

Ghostkim
New Member

Male Posts : 10
Reputation : 0
Language : HTML/CSS/
Location : support forum

Back to top Go down

Re: Hover on post buttons

Post by Day95walker on January 6th 2011, 11:30 am

Thanks

Day95walker
Forumember

Male Posts : 34
Reputation : 0
Language : English
Location : England

http://pathofexile.forumotion.co.uk/forum

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