LinkBack URL
About LinkBacksCiao, chi sa dare uno script java che faccia l'effetto pression esul bottone?
Visualizzazione risultati 1 fino 7 di 7
Discussione: effetto bottone
-
02-07-2004, 08.36.56 #1Guest
effetto bottone
-
02-07-2004, 09.29.30 #2Guest
Tutte queste cose, e anche di +, le trovi su html.it :smile:
-
02-07-2004, 09.40.56 #3Guest
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>
;)
-
02-07-2004, 09.59.10 #4
Utente
- Data registrazione
- 17-01-2004
- Messaggi
- 181
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>
-
02-07-2004, 10.22.13 #5Guest
ma io intendevo su di un'immagine!
-
02-07-2004, 10.29.29 #6Guest
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>
-
02-07-2004, 10.29.55 #7
Utente
- Data registrazione
- 17-01-2004
- Messaggi
- 181
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>Ultima modifica di flan : 02-07-2004 alle ore 10.33.12
