Bienvenido, Invitado
Nombre de Usuario: Contraseña:

TEMA: Nesecito Modulo que se despalse en menu derecho

Nesecito Modulo que se despalse en menu derecho 5 años 10 meses antes #3351

  • Chocopano
  • Avatar de Chocopano
  • Fuera de línea
  • Expert Boarder
  • Mensajes: 99
  • Karma: 0
Hola muchachos nesecito modulo que permita que las imagenes se desplacen como en la web que les dejo a continuación en el lado izquierdo.
Aqui se aprecia lo que necesito.
El tema ha sido cerrado.

Re: Nesecito Modulo que se despalse en menu derecho 5 años 10 meses antes #3357

  • willin
  • Avatar de willin
  • Fuera de línea
  • Administrator
  • Cuidado! Ya no estoy solo...
  • Mensajes: 1897
  • Gracias recibidas 44
  • Karma: 66
Hola Rene!

Colega, interesante pregunta, buen desafío :huh:

La verdad es que desconozco si existe alguna extensión para Joomla! que le de el atributo de "fixed" a uno o a un conjunto de módulos, pero si usamos un poquito de html no debiéramos tener problema en conseguir lo que buscas.

Para conseguir el efecto de un contenido fijo que se desplace al mismo tiempo que la barra de desplazamiento del browser haremos un par de modificaciones a los siguientes archivos:

template.css
index.php

Ambos los modificaremos desde el administrador de Joomla!

En el primer caso, desde el administrador de tu Joomla! debes dirigirte al menú "Extensiones", submenú "Gestor de Plantillas", una vez dentro del gestor, seleccionas la plantilla con la que estás trabajando y presionas en la barra superior el botón "Editar".

Con eso llegaremos a una pantalla con los detalles de la plantilla, en el menú superior derecho encontrarás el botón "Editar CSS", lo presionas y llegarás a una pantalla con los archivos css de tu template, seleccionas el que diga "template.css" y presionas el botón "Editar". Llegarás a una pantalla con las CSS de tu template, te desplazas al final de la página y cuidando los espacios, pegas el siguiente código:
.topleft {
        position: fixed;
        top: 10px;
        left: 10px;
        border: 0px;
}
Luego de eso presionas guardar. Volverás a la pantalla inicial y esta vez presionaras el botón "Editar HTML", nuevamente te desplazas al final de la página y justo antes de la etiqueta <body> le agregas la siguiente línea de código:
<div class="topleft">
Aquí debes insertar el código de tu tabla con el contenido y/o imágenes</div>
Presionas el botón "Guardar", luego el botón "Cerrar" y ya tendrás listo tu area de contenido que se desplazará al igual que la barra de desplazamiento de tu browser.

Para facilitarte el ejemplo, te adjunto un mini video en el que encontrarás el paso a paso de lo que te acabo de detallar, para mi ejemplo generé una tabla de 1 columna y 3 filas en la que escribí las líneas respectivas para darle contenido al ejemplo, en tu caso insertas el código que necesites.

Puedes verlo desde aquí: screenr.com/UZc

Espero que la ayuda te sirva, cualquier duda o consulta nos comentas. Recibe un cordial saludo,
Guillermo Bravo
Administrador
Foro Joomla Chile
El tema ha sido cerrado.




Re: Nesecito Modulo que se despalse en menu derecho 5 años 10 meses antes #3381

  • Chocopano
  • Avatar de Chocopano
  • Fuera de línea
  • Expert Boarder
  • Mensajes: 99
  • Karma: 0
Gracias Willin, eres un genio
Muchas gracias nuevamente por toda la ayuda cada solicitud que realizo siempre me das la solución, espero que esto les sirva a la comunidad.

Atte.

Rene
El tema ha sido cerrado.




Re: Nesecito Modulo que se despalse en menu derecho 5 años 10 meses antes #3387

  • willin
  • Avatar de willin
  • Fuera de línea
  • Administrator
  • Cuidado! Ya no estoy solo...
  • Mensajes: 1897
  • Gracias recibidas 44
  • Karma: 66
Hola Rene!

Me alegra que la ayuda te haya servido, doy por cerrado el tema, pues el problema ya se solucionó.

Recibe un cordial saludo,
Guillermo Bravo
Administrador
Foro Joomla Chile
El tema ha sido cerrado.
Moderadores: gonzacha
Tiempo de carga de la página: 0.230 segundos
Gracias a Foro Kunena