HTML - Hacer botones

Hacer botones

Publicado por Samira (1 intervención) el 06/07/2005 21:09:20

Hola a todos

Agradeceria su ayuda, estoy haciendo una pagina pero conozco muy poco de HTML, en todo caso la estoy haciendo con MS Front Page xp, pero pienso insertar imagenes de flash mx, algo de photoshop, para hacerla mas atractiva a la vista.

Quisiera saber como se hacen los botones que cuando se le pasa el cursor por encima la cela cambia de color (como los botones del menu principal de www.WEBEXPERTO.COM)
con que programa los deberia hacer, claro q no resulten tan complejo.

Muchas gracias de antemano

Valora esta pregunta

Me gusta: Está pregunta es útil y esta clara

No me gusta: Está pregunta no esta clara o no es útil

Responder

RE:Hacer botones

Publicado por Juan_K (6 intervenciones) el 06/07/2005 22:35:20

Hola
para cambiar los colores usa los eventos onmousever (Cuando el cursor esta encima) y onmouseout (cuando salimos), y la propiedad "bgcolor" del objeto
Aqui te mando un ejemplo:

<TABLE  border=0 bgcolor="navy" width=100>

  <TR>

    <TD onmouseover='this.bgColor="#002E5B"' onmouseout='this.bgColor="navy"' align='center'>

		<a style="COLOR: rgb(255,255,255); TEXT-DECORATION: none"

    href="http://Tudireccion1"><font face="Verdana" size="1">Vinculo1</font></a></b></TD>

    </TR><TR>

    <TD onmouseover='this.bgColor="yellow"' onmouseout='this.bgColor="navy"' align='center'>

		<a style="COLOR: rgb(255,255,255); TEXT-DECORATION: none"

    href="http://Tudireccion2"><font face="Verdana" size="1">Vinculo2</font></a></TD>

    </TR><TR>

    <TD onmouseover='this.bgColor="red"' onmouseout='this.bgColor="navy"' align='center'>

		<a style="COLOR: rgb(255,255,255); TEXT-DECORATION: none"

    href="http://Tudireccion3"><font face="Verdana" size="1">Vinculo3</font></a></TD>

    </TR><TR>

    <TD onmouseover='this.bgColor="blue"' onmouseout='this.bgColor="navy"' align='center'>

		<a style="COLOR: rgb(255,255,255); TEXT-DECORATION: none"

    href="http://Tudireccion4"><font face="Verdana" size="1">Vinculo4</font></a></TD>

    </TR>

 </TABLE>

Valora esta respuesta

Me gusta: Está respuesta es útil y esta clara

No me gusta: Está respuesta no esta clara o no es útil

Comentar