elhacker.net cabecera Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.
 
Inicio Ayuda Buscar Ingresar Registrarse
26 Mayo 2012, 18:55  


Tema destacado:


+  Foro de elhacker.net
|-+  Informática
| |-+  Diseño Gráfico (Moderadores: Azielito, wvb, peib0l)
| | |-+  Como hago estos botoncitos???
0 Usuarios y 1 Visitante están viendo este tema.
Páginas: [1] Ir Abajo Respuesta Imprimir
Autor Tema: Como hago estos botoncitos???  (Leído 2,493 veces)
DaRk_EyeS


Desconectado Desconectado

Mensajes: 360


UNICAMENTE EL QUE HACE, APRENDE !!!


Ver Perfil WWW
Como hago estos botoncitos???
« en: 29 Marzo 2009, 04:06 »

Buenas necesito hacer los botoncito estos, que marco en la foto en ves de la figurita salga el nombre es decir en ves de la Flecha diga Limpiar Mensaje y en ves de la Crus diga Cerrar Privado

Pero trate de hacerlo en Photoshop pero me que dan muy fuera de lugar y no tengo la menor idea de como hacerlo alguien me puede ayudar o decirme como hacerlo

Cuendo se pone no se leen, no se le entiende nada de lo que dice quiero que cuando pongas lo botones se entienda

No se si me entiendes

El formato es gif



Saludosssssssssssssssssssssssss


En línea


Darioxhcx


Desconectado Desconectado

Mensajes: 2.149


Ver Perfil
Re: Como hago estos botoncitos???
« Respuesta #1 en: 29 Marzo 2009, 04:14 »

vos decis
q al pasarle el cursor del mouse salga un mensaje ?
eso no es con un gif
kisa no entendi bien

saludos


En línea

DaRk_EyeS


Desconectado Desconectado

Mensajes: 360


UNICAMENTE EL QUE HACE, APRENDE !!!


Ver Perfil WWW
Re: Como hago estos botoncitos???
« Respuesta #2 en: 29 Marzo 2009, 04:23 »

vos decis
q al pasarle el cursor del mouse salga un mensaje ?
eso no es con un gif
kisa no entendi bien

saludos

No cuando paso el mouse ya sale el mensaje lo que yo quiero es que se vea el mensaje en ves de la flecha y la crus entiendes.

Es decir que el boton diga el mensaje ese ( Entiendes ahora di que si plissssss)

Saludosssssssssssssssss
En línea


Darioxhcx


Desconectado Desconectado

Mensajes: 2.149


Ver Perfil
Re: Como hago estos botoncitos???
« Respuesta #3 en: 29 Marzo 2009, 04:26 »

si , pero es o no se puede con phtooshop ,
con flash capas , sera java tal vez
:morido:
xDD

lamento no poder ayudarte xd
suerte
saludos
En línea

DaRk_EyeS


Desconectado Desconectado

Mensajes: 360


UNICAMENTE EL QUE HACE, APRENDE !!!


Ver Perfil WWW
Re: Como hago estos botoncitos???
« Respuesta #4 en: 29 Marzo 2009, 04:32 »

si , pero es o no se puede con phtooshop ,
con flash capas , sera java tal vez
:morido:
xDD

lamento no poder ayudarte xd
suerte
saludos

Gracias de todo modos mano tan atento como siempre ahorita aparece alguien que me quiera tirar una mano.

Saludosssssssssssssssssssssssss
En línea


Azielito
no es
Moderador
***
Desconectado Desconectado

Mensajes: 9.114


>.<


Ver Perfil WWW
Re: Como hago estos botoncitos???
« Respuesta #5 en: 30 Marzo 2009, 17:29 »

Código:
<img src="cruz.gif" title="Cerrar privado">
Código:
<img src="cruz.gif" onMouseover="alert('Cerrar privado')">

'_'
En línea

Darioxhcx


Desconectado Desconectado

Mensajes: 2.149


Ver Perfil
Re: Como hago estos botoncitos???
« Respuesta #6 en: 30 Marzo 2009, 19:35 »

Código:
<img src="cruz.gif" title="Cerrar privado">
Código:
<img src="cruz.gif" onMouseover="alert('Cerrar privado')">

'_'
desaparece al pasar el mouse .__. ?
En línea

Azielito
no es
Moderador
***
Desconectado Desconectado

Mensajes: 9.114


>.<


Ver Perfil WWW
Re: Como hago estos botoncitos???
« Respuesta #7 en: 30 Marzo 2009, 19:54 »

no, no desaparece nada, solo "aparece" un texto al pasar el mouse en los dos casos, el primero con un cuadrito de texto y el segundo en un alert XD
En línea

Azielito
no es
Moderador
***
Desconectado Desconectado

Mensajes: 9.114


>.<


Ver Perfil WWW
Re: Como hago estos botoncitos???
« Respuesta #8 en: 30 Marzo 2009, 20:11 »

se me estaba ocurriendo, podrias hacer un rollover en CSS con la misma imagen gif que diga ese texto pero por debajo y con coordenadas "X" para el over, de esa forma pudieras tener algo así como...

http://rapidshare.com/files/loquesea.rar

pasa el cursor sobre el link (espra unos segundos) y sale "un texto" al lado de éste
En línea

DaRk_EyeS


Desconectado Desconectado

Mensajes: 360


UNICAMENTE EL QUE HACE, APRENDE !!!


Ver Perfil WWW
Re: Como hago estos botoncitos???
« Respuesta #9 en: 30 Marzo 2009, 21:10 »

El lick de Rapishare me da error qeu es eso que pusiste hay

Saludossssssssssssssssssssssssssssss
En línea


Darioxhcx


Desconectado Desconectado

Mensajes: 2.149


Ver Perfil
Re: Como hago estos botoncitos???
« Respuesta #10 en: 30 Marzo 2009, 21:19 »

pasa el mouse sobre ese link
vas aver qe aparecer una imsgen :P

es obvio que el link no anda , es un ejemplo
En línea

DaRk_EyeS


Desconectado Desconectado

Mensajes: 360


UNICAMENTE EL QUE HACE, APRENDE !!!


Ver Perfil WWW
Re: Como hago estos botoncitos???
« Respuesta #11 en: 30 Marzo 2009, 21:28 »

pasa el mouse sobre ese link
vas aver qe aparecer una imsgen :P

es obvio que el link no anda , es un ejemplo

Tampoco me sale nada
En línea


+ enrique ZP


Desconectado Desconectado

Mensajes: 2.937


X-Aqui


Ver Perfil WWW
Re: Como hago estos botoncitos???
« Respuesta #12 en: 27 Abril 2009, 21:04 »

Aqui te dejo un tutorial para crear un rollover en ImageReady que hice hace un tiempito atras, espero que te sea util.

Citar
Photoshop Tutorial: Rollover
Autor: Enrique Gutierrez Barrios

En este tutorial les voy a enseñar como crear un Rollover en Imageready, es algo que aprendi hasta hace poco, y es muy util para todo diseñador web, ya que le da mas vida a todas nuestras plantillas.

Lo primero que vamos a hacer es escoger el diseño al cual le vamos a querer dar el rollover. Yo estare utilizando este boton que hice en Adobe Photoshop.



Ahora nos vamos a Edit in ImageReady (Shift+Ctrl+M)



Una vez abierto el Imageready y con tu boton ahi, duplica la capa del boton y le cambias el color al texto para que se note el rollover.

Nota: Puedes hacer cualquier efecto que quieras, cambiar el color al texto, al boton, que se difumine el boton, lo que quieras...



Ahora agarra el Slice Tool (K) y has una seleccion del boton entero.



Ahora en Web Content vamos a buscar el boton con el slice y le vamos a dar Add Rollover State



Hecho esto vas a ver que se agrega un simbolo al recorte que hisimos con el Slice Tool.



Ahora esconde la capa de texto que agreaste. Es decir la ultima capa.



Listo hemos terminado. Ahora te vas a Save Optimezed As

Resultado:

http://www.zonaphotoshop.com/tutoriales/rollover/Rollover.html


Si te gusto el tutorial, porfavor visita! - Aqui -
En línea

Páginas: [1] Ir Arriba Respuesta Imprimir 

Ir a:  
Powered by SMF 1.1.16 | SMF © 2006-2008, Simple Machines