Prueba este código:
<HTML>
<HEAD>
<TITLE> menú de cursos , para elegir lo que
quieras </TITLE>
</HEAD>
<BODY>
<A HREF="http://www.cursos.es">
<form name="groovyform">
<input
type="button"
name="groovybtn1"
class="groovybutton"
value="1.Cursos"
title="">
</form>
</A>
<A HREF="http://www.dondeestamos.es">
<form name="groovyform">
<input
type="button"
name="groovybtn1"
class="groovybutton"
value="2.Donde estamos"
title="">
</form>
<A HREF="http://www.manuales.es">
<form name="groovyform">
<input
type="button"
name="groovybtn1"
class="groovybutton"
value="3.Manuales"
title="">
</form>
Y luego, este otro, que es lo mismo, pero con código CSS delante, que le da formato a todos los botones:
<HTML>
<HEAD>
<TITLE> menú de cursos , para elegir lo que
quieras </TITLE>
</HEAD>
<BODY>
<style type="text/css">
input.groovybutton
{
font-size:16px;
font-family:Trebuchet MS,sans-serif;
font-weight:bold;
color:#FFFFFF;
width:400px;
background-color:#66CCCC;
border-style:groove;
border-color:#336633;
border-width:2px;
}
</style>
<script language="javascript">
function goLite(FRM,BTN)
{
window.document.forms[FRM].elements
[BTN].style.color = "#FFFFCC";
window.document.forms[FRM].elements
[BTN].style.borderColor = "#00CC00";
}
function goDim(FRM,BTN)
{
window.document.forms[FRM].elements
[BTN].style.color = "#FFFFFF";
window.document.forms[FRM].elements
[BTN].style.borderColor = "#336633";
}
</script>
<A HREF="http://www.cursos.es">
<form name="groovyform">
<input
type="button"
name="groovybtn1"
class="groovybutton"
value="1.Cursos"
title="">
</form>
</A>
<A HREF="http://www.dondeestamos.es">
<form name="groovyform">
<input
type="button"
name="groovybtn1"
class="groovybutton"
value="2.Donde estamos"
title="">
</form>
<A HREF="http://www.manuales.es">
<form name="groovyform">
<input
type="button"
name="groovybtn1"
class="groovybutton"
value="3.Manuales"
title="">
</form>
</BODY>
</HTML>
</BODY>
</HTML>
No hay comentarios:
Publicar un comentario