dslreports logo
site
 
    All Forums Hot Topics Gallery
spc

spacer




how-to block ads


Search Topic:
uniqs
19
share rss forum feed


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

Re: rollover buttons that do not require software installation

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!!!!



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..