Problemas con el menu despegable de Wordpress

joematraca · #1 (**permalink**) 02/12/2012, 12:29

Hola!!

Bueno, voy a intentar esplicarme ya que es algo dificil!

He realizado una nueva web, donde he utilizado la opción menu que da wordpress para crear unos despegables.

Mi problema es el siguiente: por ejemplo, cuando utilizo un video de redtube, y pongo en puntero del raton en el menu para que se abrea el despegable, este queda por detras del video y claro no se puede ver... El video siempre queda por delante y me tapa el despegable del menu.

Existe algo ya sea por css o por html para solucionar este problema??

gracias a todo

ArturoGallegos · #2 (**permalink**) 02/12/2012, 13:22

ese es un problema con el vídeo flash, debes aplicar un wmode transparent u opaque

también puedes intentar con un z-index en el menú aunque yo me inclinaría por el wmode

joematraca · #3 (**permalink**) 02/12/2012, 17:14

Gracias por responder!! Soy bastante novato en esto jeje y la verdad es que no entiendo muy bien lo que quiere decir.

Normalmente los codigos de los videos son estos:

Código:

<object height="344" width="434"><param name="allowfullscreen" value="true"><param name="AllowScriptAccess" value="always"><param name="movie" value="http://embed.redtube.com/player/"><param name="FlashVars" value="id=208750&style=redtube&autostart=false"><embed src="http://embed.redtube.com/player/?id=208750&style=redtube" allowfullscreen="true" AllowScriptAccess="always" flashvars="autostart=false" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" height="344" width="434" /></object>

ArturoGallegos · #4 (**permalink**) 02/12/2012, 17:25

1.- tenga la amabilidad de usar el highlight correcto cuando coloque código... así como lo ha presentado hasta flojera me dio después de verlo todo en una linea

2.- hay que tener iniciativa y si no conoce lo que se le indica trate de buscar en google si no encuentra información o sigue sin entender comentelo y se tratara de ser mas claro.

3.- el wmode se aplica con el siguiente código:

Código HTML:

Ver original<param name="wmode" value="transparent">

joematraca · #5 (**permalink**) 02/12/2012, 17:31

Pues siguiendo ssus indicaciones y concretamente el punto numero 2... Parece que ya ese código no funciona con los flash... De hecho lo acabo de probar y no ha funcionado.

Nekko · #6 (**permalink**) 02/12/2012, 17:34

Podrías publicar el código completo con la corrección que te hizo Ag666? Tenemos una URL en donde ver en vivo tu problema?

joematraca · #7 (**permalink**) 02/12/2012, 17:48

Si, el codigo con la correción seria el siguiente:

Cita:

Y el ejemplo lo puedes ver por ejemplo en esta web (que no es mia, pero haciendo yo la mia me pasa exactamente eso)

http://www.quefollon.com/secretaria-.../#.ULvnpoOanbU

Pasa al pasar el raton por encima de "CATEGORIAS" en el menú superior

ArturoGallegos · #8 (**permalink**) 02/12/2012, 17:53

se mas observador, has dejado un espacio en blanco en la palabra param

<p aram name="wmode" value="transparent">

deberías organizar tu código que así como lo presentas es mas difícil de leer y dejar pasar por alto errores tan simples.

joematraca · #9 (**permalink**) 02/12/2012, 18:00

Cita:

OBSERVA que esta bien puesto en el primer parametro. (te lo dejo en negrita)

Y por segunda vez... este código NO es mio, los propociona paginas como redtube.com, xvideos, youtube etc etc

luchozero · #10 (**permalink**) 03/12/2012, 05:44

Yo eso lo intente hace un tiempo y tampoco salio... creo recordar que me recomendaron lo mismo y no funcionó jamas.

Asi que busca otra solucion como cambiar el menú o algo, porque tampoco por aquí tienen mucha idea de solucionar ese problema

ArturoGallegos · #11 (**permalink**) 03/12/2012, 12:02

jajaja @luchozero como me ha causado gracia tu comentario, no tenemos mucha idea de como solucionarlo.... pues no, realmente no tenemos mucha idea cuando ni siquiera ustedes saben analizar su propio código y/o sitio web.

si observan en los dos primeros post de este tema el compañero nunca mostró su código y aun así le di dos opciones, wmode para usarlo con flash y z-index en caso de que no fuera con flash.

ha regresado mostrando un código para insertar flash tremendamente desorganizado que me digo flojera leer pero ok.

hoy me he tomado la molestia de leerlo, primero deja un espacio en blanco en la palabra <p aram... y después en <e mbed..., como bien ha dicho otro compañero a otros usuarios tal parece que quieren les limpiemos los mocos y los llevemos de la mano.

Ahora bien he ido a ver el sitio pensando que fue error de dedo al copiar el código aquí... pero Compañero @joematraca, explíqueme porque ha insistido con un código flash si en su sitio muestra el vídeo con un iframe, como rayos pretende solucionar su problema con el wmode que le he dado si esta insertando un iframe

Código HTML:

Ver original<iframe width="580" height="455"  src="http://embed.redtube.com/player/?id=284557&style=redtube"></iframe>

Nosotros vivimos y comemos diariamente creando sitios, dando soporte y mas.... estamos dispuestos a apoyarles en sus dudas para que aprendan pero no estamos para llevarlos de las manos y enseñarles todo y menos resolver sus problemas cuando ustedes mismos son incapaces de ver donde esta.

PD. hay una disculpa creo que desayune gallo y me he ido de largo jeje

ArturoGallegos · #12 (**permalink**) 03/12/2012, 13:01

Bueno ya después de bajarle dos rayitas al desayuno de gallo, aquí te va la solución.... si te gusta bien si no también.

He revisado el código

Del código que te dan en Redtube puedes encontrar esta linea

Código HTML:

Ver original<embed src="http://embed.redtube.com/player/?id=193622&style=redtube" allowfullscreen="true" AllowScriptAccess="always" flashvars="autostart=false" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" height="344" width="434" />

de esa linea necesitas copiar la ruta SRC para obtener

Código HTML:

Ver originalhttp://embed.redtube.com/player/?id=193622&style=redtube

después copia el código que te pongo y reemplaza estas dos lineas

Código HTML:

Ver original<object type="application/x-shockwave-flash"
  data="http://embed.redtube.com/player/?id=193622&style=redtube" width="434" height="344">
<param name="movie" value="http://embed.redtube.com/player/?id=193622&style=redtube" />

para obtener el siguiente código, este ya es totalmente funcional y no tendrás el problema con el menú

Código HTML:

Ver original<!-- Animacion Flash -->
<!--[if !IE]> -->
<object type="application/x-shockwave-flash"
  data="http://embed.redtube.com/player/?id=193622&style=redtube" width="434" height="344">
<!-- <![endif]-->
 
<!--[if IE]>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
  codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0"
  width="434" height="344">
  <param name="movie" value="http://embed.redtube.com/player/?id=193622&style=redtube" />
<!--><!--dgx-->
  <param name="loop" value="true" />
  <param name="menu" value="false" />
  <param name="wmode" value="transparent" />
<param name="allowfullscreen" value="true" />
  <p>This is <b>alternative</b> content.</p>
</object>
<!-- <![endif]-->
<!-- Fin de Animacion Flash -->

Esto lo he hecho porque tras revisar el código de redtube, usándolo tal cual no me respetaba el uso del wmode, así que es tu decisión utilizar o no esta solución.

si te resulta muy difícil de hacer muchas veces, yo te recomendaría crear un plugin para que puedas usar shortcode con parámetros y solo necesitar copiar la ID

al estilo [redtube id="193622"]

No es complicado este tipo de plugin así que no creo que sea muy caro, ya te tocara pasar a la sección de empleo y recibir propuestas.

Otra cosa, tras revisar si wordpress te modifica el código del flash no he dado con el motivo razón o circunstancia para que lo tengas insertado con un iframe y vengas a hacer aquí un parloteo porque no te funciona el wmode.

Nota: antes que me regañen por colocar dos comentarios seguidos en lugar de editar el anterior, lo hice porque me parecía que ya era muy largo el anterior como para juntarlos.

zanguanga · #13 (**permalink**) 03/12/2012, 13:38

Cita:

Nota: antes que me regañen por colocar dos comentarios seguidos en lugar de editar el anterior, lo hice porque me parecía que ya era muy largo el anterior como para juntarlos.

¿Regañarte? personalmente estoy a favor nominarte al premio de la paciencia y enviar el tema al foro de HTML