/    Sign up×
Community /Pin to ProfileBookmark

How do I get the font to change colors too…(Example)

Copy linkTweet thisAlerts:
Mar 01.2006

I want the font to turn to #9797B9 when the mouse is over it.

<style type=”text/css”>

.hovermenu ul{
font: bold 13px arial;
padding-left: 0;
margin-left: 0;
height: 20px;
}

.hovermenu ul li{
list-style: none;
display: inline;
}

.hovermenu ul li a{
padding: 2px 0.5em;
text-decoration: none;
float: left;
color: black;
background-color: #9797B9;
border: 2px solid #9797B9;
}

.hovermenu ul li a:hover{
background-color: #F2EDEA;
border-style: none;
}

html>body .hovermenu ul li a:active{ /* Apply mousedown effect only to NON IE browsers */
border-style: inset;
}
</style>

to post a comment
HTML

5 Comments(s) ↴

Copy linkTweet thisAlerts:
@Wisest_GuyMar 01.2006 — font color is set using:

{COLOR:9797B9;}
Copy linkTweet thisAlerts:
@skooterauthorMar 01.2006 — I still cant get it to work :0( Is there any way you can paste it into the code I put on here so I can try copy and pasting that to see if it works?
Copy linkTweet thisAlerts:
@Wisest_GuyMar 01.2006 — [CODE]
<style>
.hovermenu ul li a:hover{color:9797B9;background-color:F2EDEA;border-style: none;}
</style>
[/CODE]
Copy linkTweet thisAlerts:
@felgallMar 01.2006 — color:#9797B9

The # must be there for it to work.
Copy linkTweet thisAlerts:
@pcthugMar 02.2006 — the # sets it as Hexdecimal format, without the # the color will just be ignored:[CODE].hovermenu ul li a:hover{color:#9797B9;background-color:#F2EDEA;border-style: none;}[/CODE]
×

Success!

Help @skooter spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.15,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...