dslreports logo
site
 
    All Forums Hot Topics Gallery
spc

spacer




how-to block ads


Search Topic:
uniqs
1145
share rss forum feed


devicemanage
Premium
join:2002-03-16
Chalfont, PA

rollover buttons that do not require software installation

I was wondering what the button method of choice is out there today. I like the style of rollover buttons but they require active x permissions and sometimes an adobe installation. How are we getting around this today? Thank you!
--
»www.devicemanager.net



drew
Automatic
Premium
join:2002-07-10
Port Orchard, WA
kudos:6

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



cdru
Go Colts
Premium,MVM
join:2003-05-14
Fort Wayne, IN
kudos:7

1 recommendation

reply to devicemanage

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



ProtusMose
Immortal. Eternal.
Premium
join:2001-10-03
Bellevue, NE
kudos:4

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



DC DSL
There's a reason I'm Command.
Premium
join:2000-07-30
Washington, DC
kudos:2
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."



devicemanage
Premium
join:2002-03-16
Chalfont, PA
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



cdru
Go Colts
Premium,MVM
join:2003-05-14
Fort Wayne, IN
kudos:7
reply to DC DSL

said by DC DSL:

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.

I feel REALLY sorry for anyone who has to support a pre-IE6 browser.


AMDUSER
Premium
join:2003-05-28
Earth,
kudos:1
Reviews:
·AT&T U-Verse
·Time Warner Cable
reply to devicemanage

Example:
<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>
 

The above example would take you to cheese.com..
Anyways, I found this on Google... »www.cssbuttongenerator.com/ .. It will allow you to custom make CSS buttons. [As well as free... :) ]The code it generates does work with both IE and FireFox as well.


devicemanage
Premium
join:2002-03-16
Chalfont, PA

Thanks, great site!!!!



DC DSL
There's a reason I'm Command.
Premium
join:2000-07-30
Washington, DC
kudos:2
reply to cdru

said by cdru:

I feel REALLY sorry for anyone who has to support a pre-IE6 browser.

People who have javascript disabled are the Number One pain in the backside I've been dealing with the last 2-3 years. HTML5 on non-5 browsers is quite problematic as well (especially if it's one of the no javascript crowd). And I want it made legal to hurt Admins who 1) can't figure out the javascript thing themselves; and 2) don't know how to enable scripting for trusted sites *and* deal with whitelisting sites.
--
"Dance like the photo isn't being tagged; love like you've never been unfriended; and tweet like nobody is following."


drew
Automatic
Premium
join:2002-07-10
Port Orchard, WA
kudos:6

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



devicemanage
Premium
join:2002-03-16
Chalfont, PA
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



ProtusMose
Immortal. Eternal.
Premium
join:2001-10-03
Bellevue, NE
kudos:4

»purecssmenu.com/

no activex required.



AMDUSER
Premium
join:2003-05-28
Earth,
kudos:1
Reviews:
·AT&T U-Verse
·Time Warner Cable
reply to devicemanage

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