Link to home
Start Free TrialLog in
Avatar of movieprodw
movieprodw

asked on

div hover effect

Hello,

I have a div and it has a form in it, it is on the home page so I want it to show but if they are not logged in then I want to have it so that when they hover over the div it is grayed out and says [!] Please log in or create an account.

Any ideas of how to do that? I know to make it check to see if they are logged in but how do you make a div have an affect on hover like that.

Logged in
<div id="contentForm"><form>...</form></div>

NOT logged in
<div id="contentForm" class="login"><form>...</form></div>
ASKER CERTIFIED SOLUTION
Avatar of leakim971
leakim971
Flag of Guadeloupe image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
SOLUTION
Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
SOLUTION
Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
SOLUTION
Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
SOLUTION
Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
SOLUTION
Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Avatar of movieprodw
movieprodw

ASKER

Thanks for the help