Ciao, chi sa dare uno script java che faccia l'effetto pression esul bottone?
Printable View
Ciao, chi sa dare uno script java che faccia l'effetto pression esul bottone?
Tutte queste cose, e anche di +, le trovi su html.it :smile:
prova in questo modo:
<html>
<head>
<style>
.pulsante {border:2px outset #EEE; background-color:#AAA;color:#FFF;text-decoration:none; font-size:12px; padding:3px}
</style>
</head>
<body>
<a id="pippo" class="pulsante" href="pippo.html"
onmouseout="pippo.style.border='2px outset'"
onmousedown="pippo.style.border='2px inset'"> PROVA! </a>
</body>
</html>
;)
Se poi non vuoi usare il javascrip, ma solo CSS prova:
<html>
<head>
<style>
.bottone{
display:block;
heigth:20px;
width:50px;
border:1px solid #000;
border-left:1px solid #ddd;
border-top:1px solid #ddd;
background:silver;
text-align:center;
text-decoration:none;
}
.bottone:active{
border:1px solid #ddd;
border-left:1px solid #000;
border-top:1px solid #000;
}
</style>
</head>
<body>
<a class="bottone" href="altrapag.htm">Vai</a>
</body>
</html>
ma io intendevo su di un'immagine!
funziona anche con le immagini, sia in jscript che solo con i css, basta che nel link inserisci invece del testo una immagine, per esempio
<a class="bottone" href="altrapag.htm"><img src="prova.gif" border="0"></a>
Oppure usando l'immagine come sfondo del bottone: basta qualche piccola modifica: (e poi devi scrivere altezza e larghezza dell'immagine che usi) io qui gli ho dato nome 'sfondo.jpg':
<html>
<head>
<style>
.bottone{
display:block;
height:50px;
width:80px;
border:1px solid #000;
border-left:1px solid #ddd;
border-top:1px solid #ddd;
background:url(sfondo.jpg);
text-align:center;
text-decoration:none;
}
.bottone:active{
border:1px solid #ddd;
border-left:1px solid #000;
border-top:1px solid #000;
}
</style>
</head>
<body>
<a class="bottone" href="altrapag.htm"></a>
</body>
</html>