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 Mon Dec 20, 2010 5: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 Mon Dec 20, 2010 6:38 am

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 Mon Dec 20, 2010 6:49 am

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 Mon Dec 20, 2010 6:59 am

@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 Mon Dec 20, 2010 7:52 am

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 Mon Dec 20, 2010 8:39 am

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 Mon Dec 20, 2010 2: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 Mon Dec 20, 2010 2: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 Wed Dec 22, 2010 11:23 am

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 Thu Dec 23, 2010 6:19 am

*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 Mon Jan 03, 2011 3: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 Mon Jan 03, 2011 5: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 Tue Jan 04, 2011 6:19 am

@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 Tue Jan 04, 2011 6:26 am

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 Tue Jan 04, 2011 5: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 Wed Jan 05, 2011 7:54 am

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 Thu Jan 06, 2011 4: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 Thu Jan 06, 2011 4: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 Thu Jan 06, 2011 5:30 am

Thanks
avatar
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