miércoles, 25 de abril de 2012
Código y procedimiento para crear botones de menú en nuestra página web
para poder usar un programa de crear botones, tengo que recordar que tras poner el texto que necesito y el aspecto q me gustaria q tuviese, se van a generar uno o dos códigos.
cod. izquierda: css (sólo si uso "mouse over", si no, aparecerá "en blanco")
cod.derecha: el html necesario para q aparezca el botón del menú
Es importante recordar que deberias aplicar primero el codigo de apariencia (el "css") y luego, el boton sobre el q hará ese efecto.
Puedes probar este código que te propongo y recordar que no todos los navegadores aceptan cierto tipo de efectos:
<HTML>
<HEAD>
<TITLE> cabecera de tu web , es decir,
donde está la persona </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>
<form name="groovyform">
<input
type="button"
name="groovybtn1"
class="groovybutton"
value="Manuales Cursos Contacto"
title="Manuales gratuitos de todo tipo"
onMouseOver="goLite(this.form.name,this.name)"
onMouseOut="goDim(this.form.name,this.name)">
</form>
</BODY>
</HTML>
Suscribirse a:
Enviar comentarios (Atom)
No hay comentarios:
Publicar un comentario