boton en movimiento

puedes ser algo mas explicito, comon son los botones por ejenplo , oestan echos en gif, o en flash,no se si nos explicas algo mas te podran ayudar

estan en formato gif

bueno no es que sea muy aclaratoria tu respuesta. si pones los codigos o pones alguna imagen ,pues mejor que mejor,porque puedes tener una imagen en gif ,pero puede ser estatica,no se si me entiendes,le has dado movimiento al boton cuando lo has creado¿

pues, si los botones no tienen comportamiento es decir, son imagenes

puedes hacer lo siguiente

recuerdas lo de :

a:
a.link
a.hover

bueno, pues en ellos, puedes meter las diferentes imagenes que han de tener

por ejemplo el boton sin pulsar es:
boton1.gif

y cuando el rato pasa por encima, cambie a:
boton2.gif

y cuando es pulsado es:
boton3.gif

me explico??????


saludos

me puedes dar el enlase donde explican esa parte

Publicado: Vie Nov 02, 2007 10:17 pm Asunto:

--------------------------------------------------------------------------------


/*esto es mi hoja de estilos*/
A:link { font-weight: bold ; color: blue ; text-decoration: none; }

A:visited { font-weight: bold ; color: blue ; text-decoration: none; }

A:hover { font-weight: bold ; color: red ; }

A:active { font-weight: bold ; color: green ; }


/*fin de mi hoja de estilos*/

cambia los colores a tu gusto,
saludos

disculpa q yo sea un poco bruto pero como quedaria para darle el efecto un boton o imagen

Sería por ejemplo asi:

/*esto es mi hoja de estilos*/
A:
A:link {background-image:url(objetos/boton1.gif) }

A:visited {background-image:url(objetos/boton2.gif) }

A:hover {background-image:url(objetos/boton3.gif) }

A:active {background-image:url(objetos/boton4.gif )}


Si es que tienes todas esas imagenes, y están dentro de la carpeta objetos

y si ese comportamiento solo lo quieres para determinada capa ejemplo
menu lo pones asi:

#menu A: {}

#menu A:link {background-image:url(objetos/boton1.gif) }

#menu A:visited {background-image:url(objetos/boton2.gif) }

#menu A:hover {background-image:url(objetos/boton3.gif) }

#menu A:active {background-image:url(objetos/boton4.gif )}

espero haberme explicado bien
saludos

tengon las 4 imagenes en mi carpeta de objetos con los nombres de :
boton 1,2,3,4

y en mi oja de estilo tengo esto:

body {background-color: #000000 ; background-image: url(objetos/fondo 1ab.jpg) ; background-repeat:y ; background-position: center top}

A:
A:link {background-image:url(objetos/boton1.gif) }

A:visited {background-image:url(objetos/boton2.gif) }

A:hover {background-image:url(objetos/boton3.gif) }

A:active {background-image:url(objetos/boton4.gif )}

no se q mas deba haser para q surja efecto

La primera linea está mal. va sin los dos puntos y le faltan los corchetes.

A {}
A:link {background-image:url(objetos/boton1.gif) }
A:visited {background-image:url(objetos/boton2.gif) }
A:hover {background-image:url(objetos/boton3.gif) }
A:active {background-image:url(objetos/boton4.gif )}

Por lo demas, solo te falta subir los archivos de los dibujos al servidor.

Yaneth escribió:pues, si los botones no tienen comportamiento es decir, son imagenes

puedes hacer lo siguiente

recuerdas lo de :

a:
a.link
a.hover

bueno, pues en ellos, puedes meter las diferentes imagenes que han de tener

por ejemplo el boton sin pulsar es:
boton1.gif

y cuando el rato pasa por encima, cambie a:
boton2.gif

y cuando es pulsado es:
boton3.gif

me explico??????


saludos

Muy interesante 8) Esto a lo mejor me sirve :P

y si kiero poner tres botones con este efecto? (tres enlaces kiero decir) como se pone??

A1 {}
A1:link {background-image:url(objetos/boton1.gif) }
A1:visited {background-image:url(objetos/boton2.gif) }
A1:hover {background-image:url(objetos/boton3.gif) }
A1:active {background-image:url(objetos/boton4.gif )}

A2 {}
A2:link {background-image:url(objetos/boton1.gif) }
A2:visited {background-image:url(objetos/boton2.gif) }
A2:hover {background-image:url(objetos/boton3.gif) }
A2:active {background-image:url(objetos/boton4.gif )}


y luego el html? como va?

<a1 ....></a>

boton uno

pero creo que no debe ser solamente un numero
o empezar con numero, no se si me explique, pero creo haber leido que deben ser letras


A uno {}
A uno:link {background-image:url(objetos/boton1.gif) }
A uno:visited {background-image:url(objetos/boton2.gif) }
A uno:hover {background-image:url(objetos/boton3.gif) }
A uno:active {background-image:url(objetos/boton4.gif )}


algo


espero haberme explicado jeje

saludos

como siempre, te has explicado perfectamente!! muchas gracias y un beso

PD: los acordes y canciones de mi pagina te sirven? jejej en cuanto ponga todo como quiero empezare a ampliar el cancioenro :P podre canciones mas.. "comunes" :P

refrescame la memoria de todas formas plis

A uno {}
A uno:link {background-image:url(objetos/boton1.gif) }
A uno:visited {background-image:url(objetos/boton2.gif) }
A uno:hover {background-image:url(objetos/boton3.gif) }
A uno:active {background-image:url(objetos/boton4.gif )}


A uno {} --> ¿¿??
link --> estado inicial
visited --> enlace visitado
hover --> cuando pasamos el raton por encima
active --> cuando hacemos clik(el boton del raton pulsado)

mira esto,

A { } /*Para caracteristicas generales a los enlaces*/
A:LINK { } /*para el enlace, tal cual*/
A:VISITED { } /*Para cuando ha sido visitado*/
A:HOVER { } /*Cuando el ratón está sobre él*/
A:ACTIVE { } /*Cuando está siendo pulsado*/


saludos

vaya.. no me va...

[contenido no disponible]





A boton1 {}
A boton1:link {background-image:url(../cas/objetos/botonitzuli.jpg )}
A boton1:visited {}
A boton1:hover {}
A boton1:active {background-image:url(../cas/objetos/botonitzuli2.jpg )}




donde LA HE CAGADO? EN LA MAYUSCULA DE LA "A"?

ya se el error!:P el enlace es una imagen! y tengo que kitar esa imagen para ue se vea lo "que hay debado" pero como hago ke se vea ese hueco?

ya no entendi

sorry

ya lo subiste???

dejame verlo :wink:

ahora lo subo seg!

YA

http://iruzun.es/mix/larrunarri.html

el boton que esta abajo del todo

Hola creo que debería ser asi:

aqui el texto

pero como el texto ya lo trae el boton supongo que debe funcionar con un espacio irrompible o,

pero creo que estoy escribiendo al la ligera (con suposisiones) haré una prueba y te comento

saludos

sustituyendo la imagen por el texto tampoco se ve la imagen de fondo...:S

Te falta un puntito de nada...

A.boton1 {}
A.boton1:link {background-image:url(../cas/objetos/botonitzuli.jpg )}
A.boton1:visited {}
A.boton1:hover {}
A.boton1:active {background-image:url(../cas/objetos/botonitzuli2.jpg )}

Mira a ver así.

Pues si, pero la falla no es esa jefe

lo que pasa, es que el está insertando una imagen
y luego en la hoja de estilos le pone los comportamientos en el

a.link

pero como la imagen está ahi, pues no se puede ver el fondo jejeje

Creo que ya me hice bolas

hice algunas pruebas y le puse asi:

<a class="boton1 href="#></a>

pero no funciona porque no hay nada dentro
entonces le meti un espacio irrompible
asi
<a class="boton1" href="#">


pero la imagen de fondo, solo se vé en ese espacio tan pequeño, y no nos la muestra completa

intente ponerle ancho y alto en la hoja de estilos
asi:
A.boton1 { background-image:url(objetos/botonitzuli.jpg);width:300px}

pero tampoco me lo tomó la cosa esta, asi que después de varios intentos con margin, lo unico que me funcionó fue el padding jejejje :wink:

y me ha quedado asi la hoja de estilos

A.boton1 { background-image:url(objetos/botonitzuli.jpg); padding:0px 0px 30px 593px; text-decoration:none}
A.boton1:link {}
A.boton1:visited {}
A.boton1:hover {}
A.boton1:active {background-image:url(objetos/botonitzuli2.jpg); padding:0px 0px 30px 593px}


así se ve muy bonito jejejjeje

intentalo asi, y verás que funciona muuy bien

saludos