CSS - Hacer responsive lightbox

 
Vista:
Imágen de perfil de Arturo
Val: 4
Ha aumentado 1 puesto en CSS (en relación al último mes)
Gráfica de CSS

Hacer responsive lightbox

Publicado por Arturo (4 intervenciones) el 20/03/2019 22:17:58
Hola, espero te encuentres demasiado bien. :)

Tengo un gran problema que espero algún experto pueda ayudarme a resolver:

En este post:
https://www.todopatuweb.net/news/como-tener-insertar-un-chat-en-tu-sitio-web-facilmente

Hay botones que dicen "Ver chat", en escritorio se ve todo perfecto.

Pero en un móvil (pequeño) la experiencia es mala:
https://ibb.co/3MDq90q

Lo que quiero conseguir es esto:
https://ibb.co/dr2JHKP

Además de hacer "fixed" la imagen, para que, aunque se haga scroll no se mueva.

¿Qué tengo que hacer en cuanto a CSS?

Gracias y obtén un abrazo de mi parte.
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de ScriptShow
Val: 432
Plata
Ha mantenido su posición en CSS (en relación al último mes)
Gráfica de CSS

Hacer responsive lightbox

Publicado por ScriptShow (109 intervenciones) el 22/03/2019 10:51:30
Saludos Arturo,

se pueden hacer Lightbox, Modal con pocas líneas de código... Veamos algunos ejemplos adaptables:

https://www.w3schools.com/howto/howto_js_popup_chat.asp

https://www.w3schools.com/w3css/w3css_modal.asp

https://responsivebp.com/v2/javascript/lightbox.html

Etc...

Espero sea útil.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
Imágen de perfil de santi
Val: 70
Bronce
Ha disminuido su posición en 2 puestos en CSS (en relación al último mes)
Gráfica de CSS

Hacer responsive lightbox

Publicado por santi (27 intervenciones) el 23/03/2019 01:09:25
Hola,

¿tienes la url del chat real? Será mucho más fácil que por medio de imágenes.. ;)
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
Imágen de perfil de ScriptShow
Val: 432
Plata
Ha mantenido su posición en CSS (en relación al último mes)
Gráfica de CSS

Hacer responsive lightbox

Publicado por ScriptShow (109 intervenciones) el 23/03/2019 12:09:35
Saludos,

los Chats de terceros por url, script, iframe, etc., tienen cada uno sus particularidades; no son fácilmente cofigurables. Si necesitas algo más concreto, tendrás que adaptarlo y/o construirlo.

Las direcciones indicadas, sólo incluyen ejemplos del Lightbox, Modal. Adaptarlos, es otra opción que depende de varios y diversos factores.

Para construir o adaptar un Chat, también hay que manejar lenguajes interpretados en el servidor: Php. Asp, Perl, etc.
Cuando tengas claro y ultimado lo que necesitas, explícalo con detalle en el Foro correspondiente. A ver si así es posible que te ayuden y avanzar con proyecto.

Espero que vaya todo bien.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar