Buenos dias, quisiera tener el menu principal en mi sitio web igual al de los siguientes sitios de noticias ( www.eltiempo.com ) (www.elespectador.com)
¿ como podria lograr crear un menu principal que quede viendose mientras voy dezplazandome por la pagina tal y como las web de noticias anteriores ?
A todos muchas gracias por sus respuestas.
URL del sitio: Contenido solo visible a usuarios registrados
Buenos días y espero esten bien.
Hace algunos meses me ayudaron a solucionar el problema descrito en el foro, hasta el momento en que fue cerrada la consulta había sido resuelto el problema, pero el dia de hoy algo se desconfiguro y está provocando algunos problemas:
1) Sale una parte blanca hacia los lados en la cabecera después de desplazarse hacia abajo.
2) Al bajar con el Scroll desde la cabecera hace un salto bastante grande llegando a tapar módulos de publicidad, si bajo con la flecha del teclado es un poco más suave pero igual tapa el módulo.
Muchachos por favor colaborenme, se que no es agradable volver a reabrir un hilo antiguo pero no vi otra solución y quiero que mi web se vea bien para los clientes.
De antemano muchas gracias y que estén bien.
ATT: Adriana.
Hola,
En el fichero css personalizado que tienes creado inserta el siguiente código:
.fixed { background-color: #f8f6f6 !important; }
Hola Johnny.
El codigo funciono perfecto.
Y ahora ¿ Como quitar el salto incómodo que si te das cuenta, sucede al bajar con la ruedita del ratón desde la cabecera ?
Ese salto tapa completamente el primer módulo de la derecha y también la mitad de la primera imagen del articulo al bajar, esto pasa en cualquier categoría, curiosamente con la flecha del teclado trata de pasar un poco más suave, pero aun asi da ese salto incomodo.
Gracias por tu ayuda.
Hola,
No acabo de ver lo que comentas respecto al scroll. Cuando bajo usando la rueda del ratón veo que, tal como se espera, la parte superior de la web (hasta el menú) se queda fija y el resto de la web hace scroll, ocultándose bajo esa parte fija.
Tendrías que indicarnos de forma más detallada el problema, para ver si lo podemos reproducir.
Pablo buenas tardes.
La cabecera quedó estática tal y como la quería, eso está bien, no hay problema por eso, no es el objeto de mi consulta.
El problema esta al bajar con scroll (después del menú) da un salto muy grande inclusive das una solución para eso (#222147) solución que aplique y ayudo en algo pero no lo suficiente, sin embargo, el salto es tan grande que si te fijas, logra tapar completamente el módulo de publicidad de Webempresa del lado derecho y más de la mitad de la imagen del primer articulo.
En la captura 1 no he bajado con el scroll y todo se ve bien, hasta el módulo de webempresa
En la captura 2 al bajar con el scroll (despues del menú) fijate que el módulo de webempresa se tapa completamente junto con más de la mitad de la imagen del primer articulo.
Mi punto es que al bajar con el Scroll, debe desplazarse más suave, no tan rápido como para no tapar inmediatamente ni el módulo ni la imagen del articulo
Asumo que de algún modo se puede bajar un poco más despacio, lo suficiente para que NO tape tan bruscamente ni la imagen del primer articulo ni el modulo de webempresa.
Gracias por tu ayuda.
Hola
Esto sucede por que necsitas un margen superior, podrías probar modificando el javascript, agregando un margen al body cada vez que se agrega la clase fixed por ejemplo :
(function( $ ) { $(function() { $(window).bind('scroll', function () { if ($(window).scrollTop() > 200) { $('#rt-top-surround').addClass('fixed'); $('body').attr('style', 'margin-top:220px'); } else { $('#rt-top-surround').removeClass('fixed'); $('body').attr('style', ''); } }); }); })(jQuery);
Saludos.
Jhon buenas tardes.
Aplique el código (reemplace el que me diste al inicio del post por este último en el archivo JS) y quedo excelente, que digo excelente !!! quedo perfecto !!! es justo lo que buscaba. :laugh: 🙂 😉
Muchas gracias a ti y a todos por su gran colaboración, en verdad todos ustedes son grandes profesionales. Muchas gracias y que estén bien 🙂
ATT. Lady.
Jhon buenas tardes.
Aplique el código (reemplace el que me diste al inicio del post por este último en el archivo JS) y quedo excelente, que digo excelente !!! quedo perfecto !!! es justo lo que buscaba. :laugh: 🙂 😉
Tambien aplique la sugerencia de Pablo, cambiar el valor de 200 a 1 y quedo aun mejor, los invito para que vean los resultados.
Muchas gracias a ti y a Pablo y a todos por su gran colaboración, en verdad todos ustedes son grandes profesionales. Muchas gracias y que estén bien 🙂
ATT. Lady.
Hola,
Nos alegra que te guste nuestro servicio. 🙂
Nos sería de mucha utilidad que nos dejases tu testimonio, solicitamos testimonios para colocar en nuestra página y ayudar a otros posibles clientes a decidirse por nuestros servicios:
Puedes crearlo aquí: https://www.webempresa.com/testimonios.html?view=form&layout=edit
Si nos quieres enviar tu testimonio podemos colgarlo en nuestra página con un link hacia la tuya que siempre te ayudará a posicionarte, nuestra página tiene un Page Rank de Google alto.
Si ya te lo solicitamos anteriormente y nos lo facilitaste, puedes dejar otro testimonio si tienes otra página que quieras posicionar mejor al tener un link en la nuestra con tu testimonio.
Gracias por publicar tu testimonio y por tus palabras de agradecimiento.
Buenas noches y espero estén bien.
Hace días que no presento problemas con este tema pero tengo el siguiente caso que se relaciona con todo el apartado visto anteriormente.
Tengo un ítem de menú llamado "Galería de imágenes" "http://portalnews.co/multimedia/galeria-de-imagenes" el cual cuando doy clic en el, el menu principal no se queda quieto sino desaparece al hacer Scroll, sin embargo, si ingreso a cualquier galería en particular, el menú se mantiene estático tal y como debe estar en todas las paginas.
Es curioso que sólo suceda en este apartado porque en todo lo demas funciona muy bien. Estoy utilizando el componente JSN ImageShow y la última versión de Joomla.
De antemano, gracias por sus amables sugerencias.
ATT: Lady.
Hola Ladi Adriana,
Reviso la página, hago clic en otros ítems del menú superior y luego scroll y veo que el menú principal se queda fijo y no desaparece.
Saludos
Luis buenos días y gracias por responder.
Haz clic en este enlace desde Pc ( http://portalnews.co/multimedia/galeria-de-imagenes) baja con ruedita de ratón y dime si el menú superior se queda en su lugar.
Enviaré un mini video para mostrar la consulta, primero entrare a dos secciones y veras que el menú superior queda fijo y al entrar a la galería de imágenes el menú no queda fijo, sin embargo, al entrar a alguna galería como tal " los animales más peligrosos" por ejemplo, el menú queda fijo.
ATT: Lady.
Hola Lady.
Que modulo estas utilizando para mostrar la galería.
Prueba a desactivar el modulo y revisa si responde bien el menú, con esto comprobaremos si es el modulo el que esta causando algún conflicto con el javascript que te paso Jhon.
Un saludo
Pepe buenos días y gracias por responder.
Estoy utilizando un componente llamado JSN ImageShow y la última versión de Joomla, por lo tanto el ítem de menú apunta al componente, no a un módulo.
Lo curioso de todo el caso como lo he comentado antes, es que al entrar a la página con todas las galerías, el menú no se queda estático, pero al entrar a cualquier galería de imágenes como tal, el menú si queda estático.
Quizás el componente es incompatible con alguna función y entiendo que son problemas ajenos a la plantilla como tal y quitan tiempo valioso, si esto no tiene solución no hay problema, entonces les pido el favor de que me recomienden un buen componente para galeria de imagenes, alguno que ustedes consideren sea muy bueno.
ATT: Lady.
Hola Lady,
Prueba con el componente RokGallery
Veras que tiene varias formas de mostrar la galería, la opción ' Gallery Display ' es la que te puede servir para mostrar lo que buscas.
Puedes ver una demo -> http://demo.rockettheme.com/joomla-extensions/rokgallery/
Un saludo