Topic: Respetar misma resolución

[Tobyas]

Hola reciente he instalado Simpleportal en mi foro www.carrilbike.es, pues bien me pasa una cosa que no me pasaba con El anterior portal, y es que me cambia la resolución del portal dependiendo de con que me conecte, si lo hago con el PC se ve correctamente, sin embargo si me conecto desde el móvil se me desplaza, no se ve centrado. Alguna solución a esto?

Un saludo y gracias

[dhayzon]

eso es por el tamaño de imagenes q tienes colocados en el portal

agrega esto en tu index.css y
avísame como te fue

Code: [Select]

img {
width:auto 9;
height:auto;
max-width:100%;
vertical-align:middle;
border:0;
-ms-interpolation-mode:bicubic
}


[Tobyas]

dhayzon gracias por tu respuesta, he estado mirando pero no encuentro el index.css, se lo añadi al style.css que corresponde con el theme no se si te referias a este, pero no hace nada sigue todo igual. Entrando por el PC se ve correcto pero si entro por el movil la imagen hay que desplazarla.

[Sapinho®]

pasa que tienes la version 1.xx de SMF

cuando colocas las imagenes usas la etiqueta [img]?

[Tobyas]

Hola Sapinho este es el codigo que tengo puesto para la imagen, pero no se si habreis comprobado vosotros mismo que desde el PC si se ve bien donde falla es viendolo desde un smarphone.

Code: [Select]

<center><p><img src="http://imageshack.us/a/img607/1211/fotoequipa2012.jpg" alt="" width="755" height="532" /></p></center>

[Sapinho®]

hola por que no intentas ponerlas con codigo bbc por ejemplo

Code: [Select]

[center]
[img width="755"]http://imageshack.us/a/img607/1211/fotoequipa2012.jpg[/img][/center]
No recuerdo si llevan las "" en los numeros de px
y te recomiendo generalmente no poner la medida de height sino solo colocar el widht espero te funcione sino comenta por aca de nuevo

[Tobyas]

No lleva las comillas, pero sigue igual Sapinho cambie los dos bloques de foto por bloques BBC como me comentaste puse el código tal y como me indicaste y nada en PC se ve correctamente y en el smarphone no.

[Sapinho®]

Hola tobyas, ademas de cambiar el portal, has cambiado el theme? estaria usando usted algun otro?

Me parece que las imagenes o mas bien las noticias que salen en tu bienvenida de pagina tiene que ver que las puesto con bloques y no son noticias de tu foro

[Tobyas]

No el theme es el mismo que tenía con MkPortal, tan solo lo que hice fue eliminar MkPortal e instalar este, el foro no tuve que tocarlo para nada. Todo lo que tengo en el centro son bloques, los colaboradores, la imagen de socios y la bienvenida son bloques, es así como lo tenía también en MkPortal pero lo extraño es que en el PC mío tanto en el portátil como en el sobremesa se ve correctamente, mientras que si lo veo desde una table o un smarphone se ve mal te hace tener que desplazar los bloques centrales para poder ver su totalidad.

Te muestro una captura con el móvil para que puedas verlo.

Un saludo

[Sapinho®]

Lo que veo en la imagen que subes, cuando lo ves desde el cel o el tablet, te sale el scroll (las barras de desplazamiento) por que la imagen que colocas [fotografía grupal] es mas grande que la resolución que te puede dar en pantalla. 755px × 518px y si le sumas 90px del modulo lateral de la izquierda y 120px del modulo lateral derecho 755+90+120, son en aproximado  960-1000px, que ocuparías como mínimo, pero tu foro no tiene un ancho establecido, o un ancho mínimo, asi que se mostrara siempre a la resolución de la ventana con que sea visto, en un pc con un monitor con un monitor de 17-19" o mas la resolución de ancho que tiene es como de 1400px, en las laps me parece que la resolucion es la misma incluso por mas pequeñas una resolucion seria de 1200px. Por eso no las ves con problemas, pero en tablets o celulares donde la resolucion del pantalla ronda entre los 560px de ancho y 800 te falta espacio.

Si tu theme tuviera un ancho predeterminado o minimo por ejemplo fijar 960px de ancho, sin importar la resolucion de la pantalla con que se vea este no seria modificado, y si es visto desde un celular o tablet con la resolucion menor, lo que haria seria enseñartelo con un zoom menor por ejemplo a 70% o 60% y la pagina se veria sin esas barras que mencionas.

¿Que hacer?
1ra opcion ve al directorio /foro/Themes/default/ y busca el archivo portal.css
descargas el archivo para que lo edites. En ese archivo busca:

div.sp_block_container
{
   overflow: auto;
}

y cambias

overflow: auto; por overflow: hidden;

Esto no creo que sea lo que busques ya que eliminara las barritas esas que salen en el modulo de la fotografia y el texto, pero la fotografia posiblemente te salga cortada. Si te pasa eso o no te convence como queda. deshace el cambio y regresalo a como estaba. E intenta el paso 2

2. ve a la ruta: /foro/Themes/Davinci/ y busca el archivo style.css

debes buscar y editar lo siguiente:

Code: [Select]

#wrapper {
background: #fff;
border-left: solid 2px #147ABC;
border-right: solid 2px #147ABC;
}

agregas
width:960px;

quedando de esta forma:

Code: [Select]

#wrapper {
background: #fff;
width:960px;
border-left: solid 2px #147ABC;
border-right: solid 2px #147ABC;
}

guardas y subes el archivo de nuevo lo que hará esto es fijar un ancho predeterminado a tu web, (eso en teoria, la verdad ya tiene rato que no uso la version viejita del smf) espero te funcione, suertes.

[Tobyas]

Sapinho perdon que no te haya contestado antes, al final termine quitando la imagen y bajandole el ancho un poco a las otras y parece que asi se ajusta bien, asi que no he podido probar lo tuyo, en cuanto coloque de nuevo otra nueva imagen hago la prueba y te digo.

Un saludo y gracias por tu esfuerzo.