Búsqueda en el Foro:
Buscar


« Ver tema anterior :: Ver siguiente tema »  
Autor Mensaje
Mensaje12-01-2009, 00:22 (UTC)    
Título del mensaje: ¿Como Puedo Agregarle Un Efecto A Un Boton?

Mmmm no se si estoy bien en colocar mi post aki, pero va mi pregunta:

¿Como Puedo Agregarle Un Efecto A Un Boton?

Lo que pasa k diseñe cada boton de mi pagina, despues me meti a controlar paginas y en el titulo la pegue asi <img src="URL DEL BOTOn"> y asi la deje, de echo se ve bien.

Lo k kiero hacer es k kuando el usuario pase el mouse por el boton este cambie de color o aga otro efecto padre. Uso la plantilla Butterfly color Blue.

Espero me puedan ayudar. les dejo la pagina para que la vean como le hice y me puedan ayudar: http://www.elpoblado.es.tl

De antemano Muchas Gracias, por su ayuda.
Mensaje12-01-2009, 00:43 (UTC)    
Título del mensaje:

Guauu! como has avanzado con el Buterfly!

Intenta esto:


Código:
<style type="text/css">
<!--
td.edit_nav_main{background-image:url(URL);}
td.edit_nav_main:hover{background-image:url(URL);}

-->
</style



Salu2.
______________
LO MAXIMO EN SMILEYS PARA MSN
Mensaje12-01-2009, 00:52 (UTC)    
Título del mensaje:

tus-emoticones escribió:
Guauu! como has avanzado con el Buterfly!

Intenta esto:


Código:
<style type="text/css">
<!--
td.edit_nav_main{background-image:url(URL);}
td.edit_nav_main:hover{background-image:url(URL);}

-->
</style



Salu2.


Pues ya intente ese codigo, pero no me funciono.

Pues del diseño hay la llevo poko a poko, lo k no e logrado kitar, es el letro k sale en mi baner "elpoblado" sale encimado en mi banner. pero lo k me gustaria es eso del los botones.
Mensaje12-01-2009, 01:27 (UTC)    
Título del mensaje:

Cundo empece en PWG Butterfly era mi diseño favorito y he aprendido bastante con la ayuda de todoclankai, pero saber como hacer el mouse over en el menú es una cuenta pendiente a pesar de que ya no use más ese design.
Hasta ahora no se sabe como hacerlo, puedes comprobarlo en este tema que he creado hace unos cuentos meses:
http://www.paginawebgratis.es/forum/viewtopic.php?t=4506

Salu2!
Mensaje12-01-2009, 14:40 (UTC)    
Título del mensaje:

Butterfly es el diseño más editable sin usar CSS. Es bueno...

Puedes hacer esto, poniendo en el título esto:

<img src="Aca ponen la imagen original" id="imagen" onmouseover="this.src='Aca ponen la imagen al pasar el cursor ' "onmouseout="this.src='Aca otra ves la imagen original'">

Más info: http://www.paginawebgratis.es/forum/viewtopic.php?t=20583
Mensaje12-01-2009, 22:43 (UTC)    
Título del mensaje: mm

nixoweb escribió:
Butterfly es el diseño más editable sin usar CSS. Es bueno...

Puedes hacer esto, poniendo en el título esto:

<img src="Aca ponen la imagen original" id="imagen" onmouseover="this.src='Aca ponen la imagen al pasar el cursor ' "onmouseout="this.src='Aca otra ves la imagen original'">

Más info: http://www.paginawebgratis.es/forum/viewtopic.php?t=20583


SI eso ya lo habia intentado, y si funciono, pero al momento de darle click, me manda a otra pagina de error, pero lo koloke en titulo. o odnde lo tengo k colocar.

cheke el link k me dejaste pero me surgio una duda

nixoweb escribió:
<a target="_self" href="La url al cual se va a dirigir la imagen"><img border="" src="Aca ponen la imagen original" id="imagen" onmouseover="this.src='Aca ponen la imagen cuando pasa el cursor' " onmouseout="this.src='aca devuelta la imagen original'" alt="" /></a>


esto no puedo colocarlo en el titulo de la pagina, pork si lo pongo la página ya no se llamaria Home Si no <a target="_self" href=...

entonces donde lo colocaria?


Ultima edición por elpoblado el Lun Ene 12, 2009 7:37 pm; editado 1 vez
Mensaje13-01-2009, 03:51 (UTC)    
Título del mensaje:

Debes quitarle todo el link (<a href="Url">), solo pon la parte que te dí:

Cita:
<img src="Aca ponen la imagen original" id="imagen" onmouseover="this.src='Aca ponen la imagen al pasar el cursor ' "onmouseout="this.src='Aca otra ves la imagen original'">


Cada página del menú debe tener sus dos imágenes (normal / al pasar el cursor), y vas completando los códigos y poniendolos en los títulos de las páginas. No pongas lo de <a href..... Solo pon lo que te dí.
Mensaje13-01-2009, 05:49 (UTC)    
Título del mensaje:

nixoweb escribió:
Debes quitarle todo el link (<a href="Url">), solo pon la parte que te dí:

Cita:
<img src="Aca ponen la imagen original" id="imagen" onmouseover="this.src='Aca ponen la imagen al pasar el cursor ' "onmouseout="this.src='Aca otra ves la imagen original'">


Cada página del menú debe tener sus dos imágenes (normal / al pasar el cursor), y vas completando los códigos y poniendolos en los títulos de las páginas. No pongas lo de <a href..... Solo pon lo que te dí.


Si lo k pasa k no me funciona, pork en titulo no tengo pór ejemplo "home" si no k tengo <img src"url del boton"> entonces hay es donde se cuatrapean los codigos, rekordemos k uso Butterfly.

y ya intente ponerle ese codigo, pero al darle click en el primer boton, no te redirecciona a home si no a una pagina de error-


Ultima edición por elpoblado el Mar Ene 13, 2009 1:50 am; editado 1 vez
Mensaje13-01-2009, 14:28 (UTC)    
Título del mensaje:

Ya se que no tienes HOME en el título, pero el contenido, es el de home. Si no has agregado un <a href en el título, la página debe ir bien. Prueba poniendo todo lo que te dí y avisas para ver qué error hay.
Mensaje13-01-2009, 23:19 (UTC)    
Título del mensaje:

nixoweb escribió:
Ya se que no tienes HOME en el título, pero el contenido, es el de home. Si no has agregado un <a href en el título, la página debe ir bien. Prueba poniendo todo lo que te dí y avisas para ver qué error hay.


Si de echo lo intente, y no lo hace, y si le das home te redirecciona a una pagina k te dice k no existe.
Mensaje14-01-2009, 00:24 (UTC)    
Título del mensaje:

Si no mantienes el código para que yo lo vea, nunca podré comprobarlo.

Aviso del Moderador "nixoweb":
[Hasta que no hagas 100% la publicidad visible, el tema no será reabierto
Aquí tienes un tutorial para hacerlo:
http://www.paginawebgratis.es/forum/viewtopic.php?t=8473
Y un videotutorial:
http://www.paginawebgratis.es/forum/viewtopic.php?t=19882
Una vez hecho, comunicarle a un moderador online para reabrir el tema]


/--------/

El usuario hizo visible la publicidad = El tema está reabierto nuevamente


Ultima edición por nixoweb el Mie Ene 14, 2009 11:46 am; editado 1 vez
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group