Foros del Web » Creando para Internet » Diseño web »

Problema para editar botones

Estas en el tema de Problema para editar botones en el foro de Diseño web en Foros del Web. Hola!!! Tengo un inconveniente, no se que estoy haciendo mal, aprendí a hacer botones en Fireworks y luego lo exporto a Dreamweaver, de la sig. ...
  #1 (permalink)  
Antiguo 10/05/2010, 21:13
 
Fecha de Ingreso: febrero-2010
Mensajes: 31
Antigüedad: 7 años, 9 meses
Puntos: 0
Problema para editar botones

Hola!!!
Tengo un inconveniente, no se que estoy haciendo mal, aprendí a hacer botones en Fireworks y luego lo exporto a Dreamweaver, de la sig. manera:

Abro un doc. nuevo, edit/ insert/new button; ahí importo un boton hecho en photoshop (porque lo realice allí) y modify/symbol como botón, modify/Symbol/ edit symbol allí edito sus estados con un efecto de brillo saturación.

Lo grabo como PNG.

Cuando lo quiero exportar no me habilita esa función, aparece apagada.
Ya lo hice varias veces pero no se activa, que puede ser?

Gracias
  #2 (permalink)  
Antiguo 11/05/2010, 00:08
Avatar de kyedesigns  
Fecha de Ingreso: abril-2010
Ubicación: Continuamente en movimiento...
Mensajes: 99
Antigüedad: 7 años, 8 meses
Puntos: 4
Pregunta Respuesta: Problema para editar botones

Hola,

Bueno si a lo que te refieres es a que deseas hacer que el boton muestre un estado diferente al pasar el mouse sobre el boton (mouse over), con solo exportar en .PNG desde Fireworks, no funcionara. Necesitas codificar el boton para que haga el evento que deseas.

Aqui te dejo un ejemplo de lo que digo: http://eclectronics.web.officelive.com/test6.aspx

¿A eso es a lo que te refieres?

Saludos.
  #3 (permalink)  
Antiguo 11/05/2010, 14:06
 
Fecha de Ingreso: febrero-2010
Mensajes: 31
Antigüedad: 7 años, 9 meses
Puntos: 0
Respuesta: Problema para editar botones

Gracias por responderme!
Si lo que deseo hacer es hacer estados en el botón al pasar el mouse y al hacer clic sobre él, lo que hago es eitarlo desde firework, desde modify/Symbol/edit symbol y luego lo exporto para dreamweaver.

Es lo correcto o es mejor realizarlo en otro programa? Sé que se puede hacer en flash pero busco algo sencillo.

Nuevamente gracias
  #4 (permalink)  
Antiguo 11/05/2010, 15:19
Avatar de kyedesigns  
Fecha de Ingreso: abril-2010
Ubicación: Continuamente en movimiento...
Mensajes: 99
Antigüedad: 7 años, 8 meses
Puntos: 4
Respuesta: Problema para editar botones

Hola,

Bueno puedo decir que si, se puede hacer con flash si tienes conocimiento de como funciona la aplicación que utilices para desarrollar la animación.

Aunque se puede hacer a través de javascript, css e incluso Atributos de Eventos dentro del código HTML.

Aquí te dejo un ejemplo, que aunque no es el mejor, sirve para mostrarte como se podría hacer lo que deseas con Event Attributes dentro de la etiqueta <img>.

Cita:
<img src="Normal.gif" onmouseover="this.src='MouseSobre.gif'" onclick="this.src='MouseClick.gif'" "onmouseout="this.src='Normal.gif'">
Puedes ver mas informacion sobre esto aqui:
Como te dije anteriormente esta quizás no sea la mejor manera, pero es una forma de comenzar a entender los diferentes atributos que podemos darle a las imágenes dentro de HTML.

Si quieres una forma mas desarrollada (que personalmente la preferiría), podrías utilizar un script como este:

Entre <head> y </head>:
Cita:
<script type="text/javascript">
<!--

function roll(img_name, img_src)
{
document[img_name].src = img_src;
}

//-->
</script>
La imagen con enlace que iría donde lo desees:
Cita:
<a href="ENLACE.html"
onmouseover="roll('boton', 'MouseSobre.gif')"
onmouseout="roll('boton', 'Normal.gif')">

<img src="Normal.gif" width="143" height="39" border="0"
alt="Pasar el mouse sobre la imagen" name="boton" />

</a>
Saludos.
  #5 (permalink)  
Antiguo 11/05/2010, 15:32
 
Fecha de Ingreso: febrero-2010
Mensajes: 31
Antigüedad: 7 años, 9 meses
Puntos: 0
Respuesta: Problema para editar botones

gracias por ayudarme, pero lo que aprendí es mas sencillo.. esto me resulta muy complejo!!!

Etiquetas: botones
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 21:23.