Recordad que para pedir soporte alguno, debéis facilitar los datos de soporte oportunos por favor, mirad aquí y leer las Normas generales del foro, esto nos servirá de ayuda para dar el mejor soporte..

Gracias.

La Administración de phpBB España.

Optimizar para móvilTema Solucionado

Foros de soporte phpBB 3.3


Veldrane
Observador/a
Mensajes: 30
Registrado: 02 Abr 2020, 17:50

Optimizar para móvil

#1

Mensaje por Veldrane »

Buenas noches,
URL: http://www.lligafutbolvirtual.org/phpBB3/index.php
Estilo(s) usuado(s): PS4 Pro
Extensiones instaladas: Board Announcements, Simple Spoiler BBC Code, Category Image, VigLink
Versión de phpBB: 3.3.0
Versión de PHP: 7.3.16
Servidor: one.com de pago
Si es una actualización desde otra versión: no
Si es una conversión desde otro tipo de Foro: no

Si entrais en la web, vereis que he puesto unas imágenes encima de cada categoría, tal como me indicó andares. (Gracias)

El problema es que, cuando entro desde el móvil, estas quedan muy grandes.

Qué se puede hacer?

Gracias de antemano.

Última edición por AbaddonOrmuz el 05 Abr 2020, 00:08, editado 1 vez en total.
Razón: Cambiar título en mayúsculas




Enlace:
BBCode:
HTML:

Ocultar enlaces al mensaje
Mostrar enlaces al mensaje
Avatar de Usuario
J_Sparrow
Moderador
Mensajes: 1025
Registrado: 30 Oct 2009, 00:20
Género:
Edad: 59

OPTIMIZAR PARA MÓVIL

#2

Mensaje por J_Sparrow »

Veldrane escribió:
04 Abr 2020, 23:42

Si entráis en la web, veréis que he puesto unas imágenes encima de cada categoría

Yo entro en tu sitio y no veo ninguna imagen, es mas, dice que no tiene Foros.

Imagen

Contenido Oculto
Este foro requiere que este registrado e identificado para ver el contenido oculto.


Enlace:
BBCode:
HTML:

Ocultar enlaces al mensaje
Mostrar enlaces al mensaje
Veldrane
Observador/a
Mensajes: 30
Registrado: 02 Abr 2020, 17:50

Optimizar para móvil

#3

Mensaje por Veldrane »

Buenos días,

Ya está Jack, tenía los permisos para que los invitados no vieran nada y no me había dado cuenta.

Perdona,



Enlace:
BBCode:
HTML:

Ocultar enlaces al mensaje
Mostrar enlaces al mensaje
Avatar de Usuario
AbaddonOrmuz
Moderador
Mensajes: 1045
Registrado: 14 Ene 2017, 22:18
Género:

Optimizar para móvil  Tema Solucionado

#4

Mensaje por AbaddonOrmuz »

Sería recomendable no mostrar esas imágenes en absoluto, porque ocupan espacio valioso que podría ser usado para mostrar más texto.

Ahora, respondiendo a tu consulta, para lograr lo que quieres prueba lo siguiente:

Abre el archivo phpBB3/ext/alex75/catimg/styles/prosilver/theme/cat-img.css con tu editor de texto (como Notepad++)

Busca:

Código: Seleccionar todo

.catimg {
	margin-bottom: 1px;
}

Y remplazalo con:

Código: Seleccionar todo

.catimg {
	display: block;
}

Luego, debajo de lo anterior añade lo siguiente:

Código: Seleccionar todo

.catimg > img {
	max-width: 100%;
}

@media (max-width: 700px) {
	.catimg {
		margin-left: -5px;
		margin-right: -5px;
	}
}

Finalmente, limpia la caché en el PCA

Eso hará que la imagen ocupe todo el ancho posible sin pasarse del ancho del dispositivo.

Algunas de mis extensiones:
Imagen Imgur | :chart_with_upwards_trend: SEO Metadata | Imagen Markdown | :lock: Auto-lock Topics | :mermaid: Mermaid Diagrams
:trophy: Checa todas mi extensiones aprobadas :trophy:

:penguin: Usuario de Arch Linux :penguin:



Enlace:
BBCode:
HTML:

Ocultar enlaces al mensaje
Mostrar enlaces al mensaje
Veldrane
Observador/a
Mensajes: 30
Registrado: 02 Abr 2020, 17:50

Optimizar para móvil

#5

Mensaje por Veldrane »

Buenos días,

Muchas gracias AbaddonOrmuz, todo perfecto ahora.

A qué te refieres con lo de las imágenes y del espacio? Ese comentaro iba para mi?

Gracias!



Enlace:
BBCode:
HTML:

Ocultar enlaces al mensaje
Mostrar enlaces al mensaje
  • Temas similares
    Respuestas
    Vistas
    Último mensaje

Volver a “🔎 Foros de Soporte 3.3”