Responsive images

Started by felizycontento, September 22, 2016, 12:34:12 PM

Previous topic - Next topic

felizycontento

Ya veo que las imagenes grandes aparecen cortadas en dispositivos moviles.

Hay algun mod que haga que las imagenes se adapten al dispositivo en el que se ve el foro en lugar de cortarlas?

4Kstore

Con CSS podes hacer eso, crea una regla que sea para las imagenes que estan dentro del post con la propiedad max-width: 100%
Si dejar la url de tu foro podria guiarte un poco mas.
Saludos

¡¡NEW MOD: Sparkles User Names!!!

felizycontento

Es acspain.es

No tengo claro como hacerlo, es en el index.css, .bbc_img ?

d3vcho

Hola;

Si quieres hacer tu foro responsive casi totalmente, puedes usar una modificación creada por el equipo de SMF que incluye la propiedad que citó 4kstore. Puedes echarle un ojo que quizás te sirva algo más a parte de para establecer el tamaño de las imágenes http://custom.simplemachines.org/mods/index.php?mod=4040

Saludos :)
"Greeting Death as an old friend, they departed this life as equals"

4Kstore

Exacto, podes probar agregarle a esa clase las siguientes propiedades:


max-width: 100%;
display: block;
height: auto;


Proba y comentanos.
Saludos

¡¡NEW MOD: Sparkles User Names!!!

Dhayzon

con agregarle esto al final de  tu index.css  bastara

.img{
max-width: 100%;
}
pero si quieres mas info pásate por aquí
http://www.simplemachines.org/community/index.php?topic=505050.0

felizycontento

Es curioso, he instalado el mod, pero como no he visto ningún cambio tambien he añadido la clase al final del index como ha dicho Dhayzon

El caso es que la foto del final de este hilo, la sigo viendo mal en un ipad

http://acspain.es/index.php?topic=103.0

En un iphone la veo bien si lo pongo vertical, y se corta si lo pongo apaisado.

4Kstore

Yo no veo las reglas aplicadas con el debugger

¡¡NEW MOD: Sparkles User Names!!!

felizycontento

Donde se aplican las reglas? El mod no tiene nada que configurar o no lo veo yo?

Dhayzon

 tienes que poner  el numero 1 en el archivo de la ruta  2 de la imagen



entra a 

tuweb/index.php?action=admin;area=theme;sa=edit

    tienes que editar el index.css del tema que estas usando te dejo una imagen referencial


felizycontento

Solucionado, muchas gracias.

El caso es que lo tenía así solo que tenía un punto delante del img.

Y el mod porque no ha hecho nada?

Advertisement: