Búsqueda en el Foro:
Buscar


« Ver tema anterior :: Ver siguiente tema »  
Autor Mensaje
Mensaje16-07-2008, 20:58 (UTC)    
Título del mensaje: On Mouse Over/Out en Menú de Butterfly

Hola a todos! de nuevo aquí para nutrir mi web y a este foro...
En esta oportunidad me gustaría saber cuál es el código para que los botones del menú de la derecha de la plantilla Butterfly hagan el cambio de imagen cuando el cursor pase sobre ellos... En Ice Blue me ha resultado muy sencillo, pero en Butterfly por más extraña combinación de códigos que he intentado no he conseguido lograrlo...
¿Es posible aplicar la función On Mouse Over/Out en los botones del Menú de BUTTERFLY?
TO-K!
Mensaje16-07-2008, 21:16 (UTC)    
Título del mensaje:

YA PIDE EL CODIGO ENTERO

Código:

<style type="text/css">
<!--
td.nav_bar_bottom{background-image: url(AQUI LA URL DEL BOTON1);background-repeat:no-repeat;}
td.edit_nav_main{background-image:url(AQUI LA URL DEL BOTON2);}
-->
</style>

______________
Mensaje16-07-2008, 21:31 (UTC)    
Título del mensaje:

team-webmaster escribió:
YA PIDE EL CODIGO ENTERO

Código:

<style type="text/css">
<!--
td.nav_bar_bottom{background-image: url(AQUI LA URL DEL BOTON1);background-repeat:no-repeat;}
td.edit_nav_main{background-image:url(AQUI LA URL DEL BOTON2);}
-->
</style>


mmmm.... lamentablemente no me ha sevido ese código... la parte de "URL DEL BOTÓN1" afecta a otro elemento ajeno a los botones...

Según lo que he leído el el código de fuente de mi web el "class" del botón 1 es igual al del botón 2... pero no se... Alguien tiene la respuesta?
Mensaje16-07-2008, 21:33 (UTC)    
Título del mensaje:

tokarg escribió:
team-webmaster escribió:
YA PIDE EL CODIGO ENTERO

Código:

<style type="text/css">
<!--
td.nav_bar_bottom{background-image: url(AQUI LA URL DEL BOTON1);background-repeat:no-repeat;}
td.edit_nav_main{background-image:url(AQUI LA URL DEL BOTON2);}
-->
</style>


mmmm.... lamentablemente no me ha sevido ese código... la parte de "URL DEL BOTÓN1" afecta a otro elemento ajeno a los botones...

Según lo que he leído el el código de fuente de mi web el "class" del botón 1 es igual al del botón 2... pero no se... Alguien tiene la respuesta?


pues ahora estoy entrando a butterfly es demasiado complicado
______________
Mensaje18-07-2008, 20:47 (UTC)    
Título del mensaje:

¿Nadie tiene la respuesta a mi pregunta?
Mensaje18-07-2008, 21:41 (UTC)    
Título del mensaje:

Código:
<style type="text/css">


<!--
td.nav:hover{background-image: url(URL DEL BOTON AL PASAR EL MOUSE);}

--></style>

<style type="text/css">


mira si te sirve
______________
DISFRUTA DEL MEJOR FUTBOL ONLINE EN CALIDAD HD CON TUS EQUIPOS FAVORITOS
http://satsports.es.tl/


Ultima edición por migoo el Vie Jul 18, 2008 5:42 pm; editado 1 vez
Mensaje18-07-2008, 22:42 (UTC)    
Título del mensaje:

prueba este:

<style type="text/css">
<!--
td.nav_bar_bottom{background-image: url(AQUI LA URL DEL BOTON1);background-repeat:no-repeat;}
td.nav_bar_bottom:hover{background-image:url(AQUI LA URL DEL BOTON2);}
-->
</style>
Mensaje19-07-2008, 00:55 (UTC)    
Título del mensaje:

Guau! realmente no se porque será tan dificil pero ninguno de esos códigos funcionan! Los coloqué hasta en los boxes (1 por 1 jajajaj)... El código d "nixo" afecta de igual manera que el código de "team"; y el de "migoo" tampoco ha funcionado... SERÁ UNA INCOGNITA IMPOSIBLE DE RESOLVER?! jjajaja... A seguir probando amigos!.
TO-K!
Mensaje19-07-2008, 01:26 (UTC)    
Título del mensaje:

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

-->
</style>

______________


Ultima edición por team-webmaster el Vie Jul 18, 2008 9:26 pm; editado 1 vez
Mensaje19-07-2008, 01:35 (UTC)    
Título del mensaje:

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

-->
</style>

mmmmmm.... lamentablemente tampoco, solo funciona para el "botón1", pero el "botón2" (al pasar el mouse) se mantiene como el predeterminado.
Gracias igual.
Mensaje19-07-2008, 01:40 (UTC)    
Título del mensaje:

[/quote]
mmmmmm.... lamentablemente tampoco, solo funciona para el "botón1", pero el "botón2" (al pasar el mouse) se mantiene como el predeterminado.
Gracias igual.[/quote]

jaja lo se solo me puse a inventar con ese codigo jaja
______________
Mensaje19-07-2008, 01:47 (UTC)    
Título del mensaje:

[/quote]jaja lo se solo me puse a inventar con ese codigo jaja[/quote]

jajajaj... bueh si quieres sigue inventando q en una de esas damos con el código correcto! Salu2
TO-K!


Ultima edición por tokarg el Vie Jul 18, 2008 9:47 pm; editado 1 vez
Mensaje19-07-2008, 01:57 (UTC)    
Título del mensaje:

NO FUNCIONA EL CODIGO?
______________
Mensaje19-07-2008, 02:08 (UTC)    
Título del mensaje:

team-webmaster escribió:
NO FUNCIONA EL CODIGO?

No.... como te he dicho "solo funciona para el "botón1", pero el "botón2" (al pasar el mouse) se mantiene como el que PWG trae por defecto"...
TO-K!
Mensaje19-07-2008, 02:25 (UTC)    
Título del mensaje:

y si lo hacen ustedes mismos?
Renombran la pagina, en vez de llamarse: Home,
le ponen:<div class="menu01">Menu</div>

Y en texto por debajo de la pagina ponen:
codigo escribió:
<style type="text/css">
<!--
.menu01{padding:0 0 20px; line-height:33px; background-image:url(Url Boton);
margin-left:-25px;margin-top: -0px;widht: 185px;height: 33px;}
.menu01:hover{padding:0 0 20px; line-height:33px; background-image:url(Url Boton hover);
margin-left:-25px;margin-top: -0px;185px;height: 33px;}
-->
</style>


• Lo que esta en azul es el ancho y alto del boton de la plantilla butterfly (no me los se, asi que tienes que averiguarlo tu)
• Lo que esta en naranjo es por si la imagen del boton te aparece corrida, con eso la configuras bien ya sea que hay que moverla 5 pixelez a la izquierda o que se yo
• lo de verde es el margen, el line-height dejalo del mismo ancho que el boton de butterfly

¡¡¡Esto es una medida Parche !!!!,por si te urge mucho cambiarlo


Ultima edición por diegovenegas el Vie Jul 18, 2008 10:27 pm; editado 1 vez
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group