OS and Software > Webmasters and Developers > rollover buttons that do not require software installation

rollover buttons that do not require software installation

My go-to button: »jqueryui.com/button/

reply to devicemanage
I'm missing something. What's wrong with CSS styling using :hover, :active, and :focus?

CSS is the way to go. Even if you go with Java, there's no need to go with any activex.

reply to devicemanage
Another vote for CSS. And, if any of your visitors are using an ancient browser with outdated CSS support, too bad. Supporting laggards and Luddites is no longer justifiable. Also, DO NOT use ActiveX, Flash, or Java. There are tons of security issues, not to mention AX being specifically for IE. And people are increasingly hostile toward being forced to install software or authorize permissions just to see a website.
--
"Dance like the photo isn't being tagged; love like you've never been unfriended; and tweet like nobody is following."

reply to devicemanage
Thank you for the reply's!!!

Does anyone have an example of the code for creating buttons in CSS mode?
--
»www.devicemanager.net

reply to DC DSL

reply to devicemanage

<a href="http://www.cheese.com" class="classname">Cheese!</a>
<style type="text/css">
.classname {
-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
box-shadow:inset 0px 1px 0px 0px #ffffff;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
background-color:#ededed;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
border:1px solid #dcdcdc;
display:inline-block;
color:#777777;
font-family:arial;
font-size:15px;
font-weight:bold;
padding:6px 24px;
text-decoration:none;
text-shadow:1px 1px 0px #ffffff;
}.classname:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
background-color:#dfdfdf;
}.classname:active {
position:relative;
top:1px;
}
</style>
 

Thanks, great site!!!!

reply to cdru

I'm glad I get to support IE7 and IE8... and that's it. And only IE7 for the remainder of the year.

reply to AMDUSER
I have been playing with this site a bit but I noticed in IE it requires you to allow active x controls. Is this the only way to use these buttons? I'm trying to get away from user interaction and make the page load seemlessly.
--
»www.devicemanager.net

»purecssmenu.com/

no activex required.

reply to devicemanage
I agree with ProtusMose ...
I completely disabled activex [including notifcations] for IE on my computer and it still worked.
Hmm..