WebArtz - The Web Design Forum
Welcome to WebArtz, Guest!

WebArtz is a nice place for discussions related to web designing and coding. We help our members to code their own website templates with HTML and CSS. We give them advice on various issues.

To know more about WebArtz Forum, visit the About Us page.

At the moment, you are viewing the forum as a guest. As a guest you can't make post and participate in discussions. You need to register and become a member of the forum. Click the register link below and become a part of this forum.

Thank You


You are not connected. Please login or register

WebArtz - The Web Design Forum » Web Designing & Coding » CSS (Cascading Style Sheets) » hover question

View previous topic View next topic Go down  Message [Page 1 of 1]

1 hover question on Sun Dec 19, 2010 6:23 am

blade99


Registered Member
Registered Member
how to add a hover on post i will used this hover --> and

i will just ask the code for the hover.

please tell me.

http://dreamland.probb.ca/

2 Re: hover question on Sun Dec 19, 2010 10:55 am

ankillien


Administrator
Administrator
Which version and which buttons?

3 Re: hover question on Sun Dec 19, 2010 12:28 pm

blade99


Registered Member
Registered Member
that buttons the add as friend i need the code this is not for navigation but i want the code to hover a post.

http://dreamland.probb.ca/

4 Re: hover question on Sun Dec 19, 2010 12:38 pm

COR3 POW3R


Registered Member
Registered Member
It depends on which forum.

And please explain a bit better.

5 Re: hover question on Sun Dec 19, 2010 2:14 pm

Guest


Guest
where exactly do you want to place them?

6 Re: hover question on Sun Dec 19, 2010 6:32 pm

blade99


Registered Member
Registered Member
i will apply it to posts/messages. i just need the code the code i liked to ask is the with link.

http://dreamland.probb.ca/

7 Re: hover question on Sun Dec 19, 2010 6:49 pm

Guest


Guest
man i cant understand you.

You want to edit the preview/send buttons?

8 Re: hover question on Sun Dec 19, 2010 10:26 pm

blade99


Registered Member
Registered Member
no i want to post it on message.

http://dreamland.probb.ca/

9 Re: hover question on Sun Dec 19, 2010 10:46 pm

Guest


Guest
if you want to make the hover effect like the 2 images at your first post you will have to create 2 image first of all.

Now,you can also play with opacity for some hover effect.

add this to your css:
Code:

img#hoverimage {
  opacity: 0.6;
  -webkit-transition: opacity 0.6s ease-in-out;
}

img#hoverimage a:hover {
  opacity: 1.0;
}


and the html:
Code:

<img id="hoverimage" src="Your_image_link" />


View previous topic View next topic Back to top  Message [Page 1 of 1]

WebArtz - The Web Design Forum » Web Designing & Coding » CSS (Cascading Style Sheets) » hover question

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