Muy expertacular llevaba tiempo buscando un video asi gracias por compartir su conocimiento es de gran Ayuda para los que estamos comenzando. Muchas Gracias 🙏🙏
Buenas!! Tengo un problemilla y es que cuando hago click en el botón, me lleva arriba simplemente, como un # normal... No se que hacer... he puesto todo exacto a como lo has hecho tú
Hola Juruca, acabo de ver tu comentario. No se como pero no lo he visto hasta ahora. Sorry. Revisa el código que acabo de modificar en la descripción del video. Ya me cuentas si se te solucionó. Un saludo
me ha venido de perlas, se que se puede editar el hover con elementor, pero como se podria hacer para que cuando das al boton se quede como activo hasta que des a otro boton. gracias
Es un contenido un poco anticuado, ya tiene su tiempo. Con los tabs y los contenedores anidados puedes conseguir algo similar. Te dejo este video: th-cam.com/video/R7gG4v3EbpA/w-d-xo.html
Hola Rafael, He recibido la notificación de un comentario tuyo haciendo una consulta, pero a parte de la notificación no puedo leer integramente tu mensaje ni tampoco lo encuentro. Puedes volverlo a enviar sin responder a un comentario a ver si así me llega?
@@byteweb3753 oye sí.!! no sé por qué YT lo sacó.. tal vez era porque tenía un enlace y el robot lo interpretó como spam.. no lo sé.. y ese enlace era parte de una consulta q quiero hacerte.. déjame ver si mi consulta se entiende: ¿sabes por casualidad cómo hago para que aparezca ese BOTÓN PARPADEANDO q se muestra en las web d noticias y de finanzas? ese botón q da la SENSACIÓN q "Estamos en vivo" veo q sabes truquitos muy útiles usando código, y me preguntaba si sabías cómo hacer eso. no quiero colocar la web q tengo d ejemplo pq no sé si YT vuelva a quitar mi consulta. slds.
Hola buenas tardes, muy buen video. Quisiera preguntarte, no tenemos el plugin instalado para usar CSS personalizado a la hora de dar configuración de la página, serías tan amable de decirme el nombre para poderlo descargar? Saludos
Muchas gracias por el tutorial, todo funciona ok, pero por ejemplo todos los botones me despliegan la informacion del row1, siendo que cada informacion le puse la clase adecuada row2 row, row3 row etc, cual puede ser el inconveniente?
Hola tengo una pregunta hay forma de hacer esto pero en lugar de tablas hacerlo con galerías de media carousel y supongo que el código script cambiaría lo intente con el que muestras pero el contenido de la fila 2, 3 y 4 falla en el momento de ocultarlo
Comentarte también que dependiendo de las galeria de imágenes con carrusel que vayas a insertar puede penalizar considerablemente la velocidad de carga de la pagina. Un saludo.
Hola Andres, a ver si te refieres a lo que explico en este video adaptando el contenido del desplegable a tus necesidades. th-cam.com/video/31WNVN4rvxM/w-d-xo.html Un saludo.
Excelente video. Una consulta. En el menú tengo una página llamada "multimedia" en esta página pondría 3 botones. El contenido puede ser cualquiera? puedo poner galeria de fotos, galería de videos y galeria de audios? Cada una con su diseño? Muchas gracias
Hola Santiago, si lo hiciste con 5 botones debes crear clases nuevas para el botón extra. Además deberas duplicar uno de los eventos click que hay dentro de jQuery(document).ready(function($) y modificar las clases por las del botón extra. Un saludo.
men la verdad no me funciono y no entiendo porque hice tal cual el video, ya al momento de actualizar no me aparece el bien el contenido de cada botón o simplemente no abre, que puede ser ayúdame
Maestro excelente video, una consulta tengo el siguiente problema he activado todo pero en vez de columnas son secciones , por ejemplo di click al boton 1 me muestra la información pero si le vuelvo a dar clic me desaparece la seccion, como puedo evitar eso ? , quiero que cuando este en la sección del boton 1 aunque le vuelva a dar click no se oculte. Gracias por el tiempo y los trucos brindados, son bastante buenos. Otra consulta hay manera si yo creo varios anclas en la pagina por secciones, al darle click y me lleve a una sección las demas se oculten.
Hola Byteweb, me encantó tu video, y logre hacerlo funcionar mientras estoy dentro de la edición de Wordpress pero una vez que lo abro como usuario, no funciona el boton, sabes que puede estar pasando?
Me encantan tus videos, en tu canal encuentro mucho contenido que no encuentro en ningún otro canal. No sé si finalmente no has querido dejar el enlace con el código HTML o simplemente se te ha olvidado ponerlo. Agradecería mucho que cuando utilices códigos HTML, los dejases en la descripción. Acabo de hacer las 4 tablas de precio y los botones y ahora no puedo finalizar porque me falta el código.
Ups, pues se me olvidó ponerlo. Te estoy respondiendo desde el movil por lo que ahora mismo no puedo hacerte llegar el script, pero en cuanto pueda lo pongo. Siento hacerte esperar, te aviso. Un saludo.
@@byteweb3753 Genial, ha quedado muy bien! No lo he podido hacer tal y como lo explicas en en video porque yo no tengo Elemento pro. Te comento como lo he hecho yo por si ayuda a alguien. ¡OJO! Yo no sé nada de plugins y menos aún de webs pero os dejo mi aportación. He instalado dos plugins (ElementsKit) y ( Modular Custom CSS) --> ElementsKit --> Lo he instalado porque trae muchos widgets gratuitos que tiene Elementor pro como las tablas de precios. --->Modular Custom CSS --> Lo he utilizado para añadir el script final porque con Elementor gratis no puedes añadir css adicionales o al menos yo no sabia. Muchas gracias por todos tu videos, me están ayudando mucho!
@@rociocastro5303 Genial, siempre son bienvenidas las aportaciones al canal. Comentarte que la funcion multicontent toggle si que se puede crear con la version gratuita de Elementor, lo unico que no puedes insertar las tablas de precios porque si que es un widget de la versión pro. por otra parte, el script de javascript si que se puede insertar con el widget de HTML. Ya por último, si cuando haces referencia al script final hablas de los css (Que por el plugin al que haces referencia creo que si), puedes ahorrarte el plugin insertando el CSS en apariencia/personalizar/CSS adicional. De nuevo, gracias por tu aporte desinteresado y gracias por tu agradecimiento. Cualquier duda dejala en comentarios y en la medida de las posibilidades y de mis conocimento te ayudare. Un saludo.
hola Carlos.! no, ese no es el botón :( y efectivamente, youtube no me deja ingresar enlaces.. debe ser q los considera spam he intentado d varias maneras colocar el enlace, y nada. si no es mucha molestia, te voy a escibir a tu email y mandarte por allí la web modelo donde se muestra el botón en cuestión. slds.!
Hola Rafael, le estuve dando vueltas a lo que me comentaste y solo he conseguido realizarlo con HTML y CSS. Te mando en enlace en el que he encontrado la información: www.florin-pop.com/blog/2019/03/css-pulse-effect/ Espero que te sirva de ayuda
@@byteweb3753 oye gracias x tomarte el gesto y la molestia .!! y te confirmo q SÍ.! ese es el botón al q me refiero.. vaya.!! déjame ahora ponerme a darle un vistazo... y jugar con él las posibilidades de uso q tengo en mente. gracias Carlos.!!
@@byteweb3753 estaré atento a eso q se te ha ocurrido Carlos, pq te cuento q yo domino muy bien wordpress, woocomerce y elementor, PERO SOLO como diseñador y maquetador web (enfocado en ventas).. y no trabajo a fondo el manejar script y códigos como lo haría un programador o al nivel como lo haces tú... pq vengo de otra industria (economía y finanzas,y apenas llevo 15 meses... y en algún momento futuro me meteré con php + javascript o con python + javascript) por eso busco, mientras tanto, pedazos de códigos ya listos para "copiar y pegar", para personas como yo.. "híbridas" por ahora estoy montando una d mis tiendas pq me encanta el ecommerce.. y sí, en su momento te contaré cuando la tenga lista pq aún la tengo en construcción. muchos d tus videos los tengo "debajo d mi cama"... a la vista, pq quiero aprender 🙄🤓.. jaja.. gracias .!👊
Script para multicontent toggle:
jQuery(document).ready(function($){
$( ".show1" ).click(function(e) {
e.preventDefault();
$(".row").not(".row1").slideUp();
$( ".row1" ).slideToggle( "slow", function() {
});
});
$( ".show2" ).click(function(e) {
e.preventDefault();
$(".row").not(".row2").slideUp();
$( ".row2" ).slideToggle( "slow", function() {
});
});
$( ".show3" ).click(function(e) {
e.preventDefault();
$(".row").not(".row3").slideUp();
$( ".row3" ).slideToggle( "slow", function() {
});
});
$( ".show4" ).click(function(e) {
e.preventDefault();
$(".row").not(".row4").slideUp();
$( ".row4" ).slideToggle( "slow", function() {
});
});
});
Muy expertacular llevaba tiempo buscando un video asi gracias por compartir su conocimiento es de gran Ayuda para los que estamos comenzando. Muchas Gracias 🙏🙏
gracias a ti por tu comentario y agradecimiento. Un saludo.
Excelente!!! Muchas gracias solo lo había encontrado con elementor Pro
Gracias a ti por tu comentario y agradecimiento.
¡Que pedazo de tutorial! Mil gracias, funcionó 100%
Gracias a ti por tu comentario y agradecimiento. Un saludo.
GRACIAS POR ESTE VIDEO CAPO !!!
LO LOGRE GRACIAS A TI !!
Excelente, gran aporte. Cómo siempre gran video.
Gracias por tu comentario.
Un saludo.
Buenas!!
Tengo un problemilla y es que cuando hago click en el botón, me lleva arriba simplemente, como un # normal...
No se que hacer... he puesto todo exacto a como lo has hecho tú
Hola Juruca, acabo de ver tu comentario. No se como pero no lo he visto hasta ahora. Sorry.
Revisa el código que acabo de modificar en la descripción del video. Ya me cuentas si se te solucionó.
Un saludo
me ha venido de perlas, se que se puede editar el hover con elementor, pero como se podria hacer para que cuando das al boton se quede como activo hasta que des a otro boton. gracias
Estoy en ello, de momento no lo he conseguido. Si lo consigo te digo algo.
Un saludo.
tiene una animación un poco rara como se puede hacer para que no suba desde abajo sino que aparezca y ya el contenido?
Es un contenido un poco anticuado, ya tiene su tiempo. Con los tabs y los contenedores anidados puedes conseguir algo similar. Te dejo este video: th-cam.com/video/R7gG4v3EbpA/w-d-xo.html
me explotó la cabeza. genial.!
wow.!
jajajajaja....me ha encantado tu comentario.
Muchas gracias Rafael.
Hola Rafael, He recibido la notificación de un comentario tuyo haciendo una consulta, pero a parte de la notificación no puedo leer integramente tu mensaje ni tampoco lo encuentro. Puedes volverlo a enviar sin responder a un comentario a ver si así me llega?
@@byteweb3753 oye sí.!! no sé por qué YT lo sacó.. tal vez era porque tenía un enlace y el robot lo interpretó como spam.. no lo sé.. y ese enlace era parte de una consulta q quiero hacerte.. déjame ver si mi consulta se entiende:
¿sabes por casualidad cómo hago para que aparezca ese BOTÓN PARPADEANDO q se muestra en las web d noticias y de finanzas? ese botón q da la SENSACIÓN q "Estamos en vivo"
veo q sabes truquitos muy útiles usando código, y me preguntaba si sabías cómo hacer eso.
no quiero colocar la web q tengo d ejemplo pq no sé si YT vuelva a quitar mi consulta.
slds.
@@rafaeln.castrom.6453 Hola Rafael, a ver si es este el widget que encontraste: unlimited-elements.com/call-to-action-button-widget-for-elementor/
Muchísimas gracias!!! Lo necesitaba mucho
Gracias a ti Juanín, por tu comentario y agradecimiento. Me alegro que te fuera útil. Un saludo.
Hola buenas tardes, muy buen video. Quisiera preguntarte, no tenemos el plugin instalado para usar CSS personalizado a la hora de dar configuración de la página, serías tan amable de decirme el nombre para poderlo descargar? Saludos
Puedes poner los CSS sin necesidad de instalar mas plugins. Desde tu admin de Wordpress ves a apariencia/personalizar/ CSS adicional.
Un saludo.
Buen video, muchas gracias por enseñarnos a hacer esto
Gracias a ti por tu comentario y agradecimiento. Un saludo.
Muchas gracias por el tutorial, todo funciona ok, pero por ejemplo todos los botones me despliegan la informacion del row1, siendo que cada informacion le puse la clase adecuada row2 row, row3 row etc, cual puede ser el inconveniente?
Alguien que me de una mano? de porque solo muestra el contenido de row1
Mira este video a ver si te soluciona el problema: th-cam.com/video/R7gG4v3EbpA/w-d-xo.html
como haces para que el boton cambie de color al presionarlo?
pues desde los ajustes de los estilos del botón al hacer el hover.
Hola tengo una pregunta hay forma de hacer esto pero en lugar de tablas hacerlo con galerías de media carousel y supongo que el código script cambiaría lo intente con el que muestras pero el contenido de la fila 2, 3 y 4 falla en el momento de ocultarlo
Hola Iñaki, el contenido del multicambiador puede ser el que tu quieras.
¿Añadiste los css para ocultar las filas 2,3,4?
Un saludo.
Comentarte también que dependiendo de las galeria de imágenes con carrusel que vayas a insertar puede penalizar considerablemente la velocidad de carga de la pagina.
Un saludo.
@@byteweb3753 Hola si lo añadí es en ese momento en el que cambia la apariencia de mi contenido y solo aparece una foto en las demás galerías
@@inakicuadracabrera5017 Escribeme al formulario de la web: byteweb.es/contacto/
Y si en vez de botones se hace una lista desplegable, Cómo se hace?
Hola Andres, a ver si te refieres a lo que explico en este video adaptando el contenido del desplegable a tus necesidades.
th-cam.com/video/31WNVN4rvxM/w-d-xo.html
Un saludo.
Excelente video. Una consulta. En el menú tengo una página llamada "multimedia" en esta página pondría 3 botones. El contenido puede ser cualquiera? puedo poner galeria de fotos, galería de videos y galeria de audios? Cada una con su diseño? Muchas gracias
Hola Adrian, no lo he probado, pero en principio no debería haber problema para crear el contenido que tu quisieras.
Un saludo.
Hola tengo una pregunta, yo puse cinco botones pero en 3 no me aparece el contenido completé porque pasa ?
Hola Santiago, si lo hiciste con 5 botones debes crear clases nuevas para el botón extra.
Además deberas duplicar uno de los eventos click que hay dentro de jQuery(document).ready(function($) y modificar las clases por las del botón extra.
Un saludo.
men la verdad no me funciono y no entiendo porque hice tal cual el video, ya al momento de actualizar no me aparece el bien el contenido de cada botón o simplemente no abre, que puede ser ayúdame
Revisa si pusiste las etiquetas antes y despues del código.
Un saludo.
@@byteweb3753 sii claro, aparece el contenido en cada boton pero no queda completo o no sale y no se que pasa
@@edisonrlopez Puedes exportar la plantilla y mandarmela a info@byteweb.es
Esta genial esa idea para eso o para otros contenidos. Salduos Carlos
Renueva la licencia...hazme caso.
Jejejeje.
@@byteweb3753 jajajaja sera que la renuevo o sigo la venta? jajajajaja
@@GuidoCentesimo al gusto...jajaja
Maestro excelente video, una consulta tengo el siguiente problema he activado todo pero en vez de columnas son secciones , por ejemplo di click al boton 1 me muestra la información pero si le vuelvo a dar clic me desaparece la seccion, como puedo evitar eso ? , quiero que cuando este en la sección del boton 1 aunque le vuelva a dar click no se oculte.
Gracias por el tiempo y los trucos brindados, son bastante buenos.
Otra consulta hay manera si yo creo varios anclas en la pagina por secciones, al darle click y me lleve a una sección las demas se oculten.
Hola Erick, prueba borrando $(".row").not(".row1").slideUp(); . Para la segundo consulta prueba borrando los display.none; . Un saludo.
Hola Byteweb, me encantó tu video, y logre hacerlo funcionar mientras estoy dentro de la edición de Wordpress pero una vez que lo abro como usuario, no funciona el boton, sabes que puede estar pasando?
Hola Fren, has probado a ver si se te ve en modo incognito?
Hola buenas, un video genial!! Simplemente quería preguntarte si podrias subir el código HTML del final si fueras tan amable
Hola Adolfo, el tutorial no necesita de HTML, lo hace a través de JQuery, el código lo tienes en la descripción del video.
Un saludo.
Me encantan tus videos, en tu canal encuentro mucho contenido que no encuentro en ningún otro canal.
No sé si finalmente no has querido dejar el enlace con el código HTML o simplemente se te ha olvidado ponerlo.
Agradecería mucho que cuando utilices códigos HTML, los dejases en la descripción.
Acabo de hacer las 4 tablas de precio y los botones y ahora no puedo finalizar porque me falta el código.
Ups, pues se me olvidó ponerlo.
Te estoy respondiendo desde el movil por lo que ahora mismo no puedo hacerte llegar el script, pero en cuanto pueda lo pongo.
Siento hacerte esperar, te aviso.
Un saludo.
@@byteweb3753 Muchas gracias =)
@@rociocastro5303 Hola Rocío, tienes el script como comentario fijado.
Un saludo.
@@byteweb3753 Genial, ha quedado muy bien!
No lo he podido hacer tal y como lo explicas en en video porque yo no tengo Elemento pro.
Te comento como lo he hecho yo por si ayuda a alguien. ¡OJO! Yo no sé nada de plugins y menos aún de webs pero os dejo mi aportación.
He instalado dos plugins (ElementsKit) y ( Modular Custom CSS)
--> ElementsKit --> Lo he instalado porque trae muchos widgets gratuitos que tiene Elementor pro como las tablas de precios.
--->Modular Custom CSS --> Lo he utilizado para añadir el script final porque con Elementor gratis no puedes añadir css adicionales o al menos yo no sabia.
Muchas gracias por todos tu videos, me están ayudando mucho!
@@rociocastro5303 Genial, siempre son bienvenidas las aportaciones al canal.
Comentarte que la funcion multicontent toggle si que se puede crear con la version gratuita de Elementor, lo unico que no puedes insertar las tablas de precios porque si que es un widget de la versión pro.
por otra parte, el script de javascript si que se puede insertar con el widget de HTML.
Ya por último, si cuando haces referencia al script final hablas de los css (Que por el plugin al que haces referencia creo que si), puedes ahorrarte el plugin insertando el CSS en apariencia/personalizar/CSS adicional.
De nuevo, gracias por tu aporte desinteresado y gracias por tu agradecimiento.
Cualquier duda dejala en comentarios y en la medida de las posibilidades y de mis conocimento te ayudare.
Un saludo.
hola Carlos.!
no, ese no es el botón :(
y efectivamente, youtube no me deja ingresar enlaces.. debe ser q los considera spam
he intentado d varias maneras colocar el enlace, y nada.
si no es mucha molestia, te voy a escibir a tu email y mandarte por allí la web modelo donde se muestra el botón en cuestión.
slds.!
Hola Rafael, le estuve dando vueltas a lo que me comentaste y solo he conseguido realizarlo con HTML y CSS.
Te mando en enlace en el que he encontrado la información: www.florin-pop.com/blog/2019/03/css-pulse-effect/
Espero que te sirva de ayuda
@@byteweb3753 oye gracias x tomarte el gesto y la molestia .!! y te confirmo q SÍ.! ese es el botón al q me refiero.. vaya.!!
déjame ahora ponerme a darle un vistazo... y jugar con él las posibilidades de uso q tengo en mente.
gracias Carlos.!!
@@rafaeln.castrom.6453 Ya me cuentas que tal...
Un saludo Rafael.
Se me ha ocurrido una cosa. La pruebo y te cuento, a ver si sale bien.
@@byteweb3753 estaré atento a eso q se te ha ocurrido Carlos, pq te cuento q yo domino muy bien wordpress, woocomerce y elementor, PERO SOLO como diseñador y maquetador web (enfocado en ventas).. y no trabajo a fondo el manejar script y códigos como lo haría un programador o al nivel como lo haces tú... pq vengo de otra industria (economía y finanzas,y apenas llevo 15 meses... y en algún momento futuro me meteré con php + javascript o con python + javascript)
por eso busco, mientras tanto, pedazos de códigos ya listos para "copiar y pegar", para personas como yo.. "híbridas"
por ahora estoy montando una d mis tiendas pq me encanta el ecommerce.. y sí, en su momento te contaré cuando la tenga lista pq aún la tengo en construcción.
muchos d tus videos los tengo "debajo d mi cama"... a la vista, pq quiero aprender 🙄🤓.. jaja..
gracias .!👊