How can I add hover effect to dropdown menu
- hsbczwuzrifnzhd
- Offline Topic Author
- New Member
- Posts: 9
- Thanks: 0
How can I add hover effect to dropdown menu was created by hsbczwuzrifnzhd
Posted 11 years 9 months ago #4530
How can I add hover effect to dropdown menu item background with css?
I want background color change when I hover over it, from green to red for instance, how css code should look?
Following css rule is only static
/* child item container */
div#<?php echo $id; ?> ul.maximenuck li div.floatck {
background : green;
border : 1px solid #707070;
Thanks in advance.
I want background color change when I hover over it, from green to red for instance, how css code should look?
Following css rule is only static
/* child item container */
div#<?php echo $id; ?> ul.maximenuck li div.floatck {
background : green;
border : 1px solid #707070;
Thanks in advance.
Please Log in or Create an account to join the conversation.
Replied by ced1870 on topic Re: How can I add hover effect to dropdown menu
Posted 11 years 9 months ago #4537
Hi
In css you can use the :hover pseudo class
CEd
PS : "hello" or "hi" would be a good starting point
In css you can use the :hover pseudo class
CEd
PS : "hello" or "hi" would be a good starting point
Joomlack Webmaster and Developer
Last Edit:11 years 9 months ago
by ced1870
Last edit: 11 years 9 months ago by ced1870.
The following user(s) said Thank You: hsbczwuzrifnzhd
Please Log in or Create an account to join the conversation.
- hsbczwuzrifnzhd
- Offline Topic Author
- New Member
- Posts: 9
- Thanks: 0
Replied by hsbczwuzrifnzhd on topic Re: How can I add hover effect to dropdown menu
Posted 11 years 9 months ago #4543
Hi,
to everyone, especially to you ced1870
I am sorry I forgotten to sa hello. My head was full of css code and burning.
ced1870 thank you for taking your time and effort to answer to my question.
I didn't quite understood how can add pseudo class
I did my best is it like this?
div#<?php echo $id; ?> ul.maximenuck li div.floatck a:hover {
background-color: 9e005d;
}
I did it just that, but nothing happens.
I have run out of css ideas, sorry.
Thanks in advance
to everyone, especially to you ced1870
I am sorry I forgotten to sa hello. My head was full of css code and burning.
ced1870 thank you for taking your time and effort to answer to my question.
I didn't quite understood how can add pseudo class
I did my best is it like this?
div#<?php echo $id; ?> ul.maximenuck li div.floatck a:hover {
background-color: 9e005d;
}
I did it just that, but nothing happens.
I have run out of css ideas, sorry.
Thanks in advance
Please Log in or Create an account to join the conversation.
Replied by ced1870 on topic Re: How can I add hover effect to dropdown menu
Posted 11 years 9 months ago #4544
ok so give me your url and tell me exactly what you would like to change
Ced
Ced
Joomlack Webmaster and Developer
by ced1870
Please Log in or Create an account to join the conversation.
- hsbczwuzrifnzhd
- Offline Topic Author
- New Member
- Posts: 9
- Thanks: 0
Replied by hsbczwuzrifnzhd on topic Re: How can I add hover effect to dropdown menu
Posted 11 years 9 months ago #4547
Hi ced1870,
Url of my web site is sajtoteka.com
Second button from right on horizontal menu has dropdown submenu.
Bacground color of dropdown is dark blue, I would like when I hover over buton that background color change for instance to ligh blue, that is it.
Ced1870 thank you for your time and effort answering to my question.
Url of my web site is sajtoteka.com
Second button from right on horizontal menu has dropdown submenu.
Bacground color of dropdown is dark blue, I would like when I hover over buton that background color change for instance to ligh blue, that is it.
Ced1870 thank you for your time and effort answering to my question.
Please Log in or Create an account to join the conversation.
Replied by ced1870 on topic Re: How can I add hover effect to dropdown menu
Posted 11 years 9 months ago #4548
ok !
try with this code :
Ced
try with this code :
Code:
div#maximenuck-pocetna ul.maximenuck li.level1 li.maximenuck:hover {
background: red;
}
I do my best to help people as I canCed1870 thank you for your time and effort answering to my question.
Ced
Joomlack Webmaster and Developer
by ced1870
The following user(s) said Thank You: hsbczwuzrifnzhd
Please Log in or Create an account to join the conversation.
Time to create page: 0.766 seconds