• ¡Bienvenido a XenFácil!

    Estás viendo el sitio como Invitado. Para poder participar en este sitio

    y obtendrás privilegios adicionales, acceso a otras áreas y mucho mas.

    ¡Es gratis!


    ¿Ya eres miembro? Inicia sesión
Icono de recurso

Tutorial Ajustar resolución y centrar pagina

Para XenForo...
  1. 1.0.x
  2. 1.1.x
  3. 1.2.x
  4. 1.3.x
  5. 1.4.x
Autor
Juan Sin Miedo
Imagen del autor
Avatar del autor
Hola, quienes hayan pensado cambiar (de forma optima) la resolución de su pagina, podrían hallar útil este pequeño tutorial.

-Antes que nada ingresen a su cuenta y sigan esta ruta:
Panel de Control > Aspecto > Estilos > Nombre del estilo > Grupos de propiedades de estilo > General > Ancho de Página
Llegando a ese punto verán un cuadro como el sgte:

2K34Mxs2.png

-Ahí, en las 2 áreas señaladas en la columna de Margen, simplemente borren esos valores de 1%, dejando vacíos ambos espacios.

-En el cuadro para códigos CSS, cambien el valor
_width por max-width, cambiando el siguiente valor numérico por el de la nueva resolución.

.En la parte baja del cuadro para códigos CSS, añadan el siguiente código que servirá para centrar la pagina:

margin-left: auto;
margin-right: auto;

Luego de ello, por ejemplo ajustando a una resolución de 1000px, el cuadro debería quedar así:

1xKvQbMo.png


De esa forma la pagina queda con nueva resolución, centrada y sin deformarse al verse en dispositivos móviles, todo de lo mas estético.


Saludos.


PD: Las gracias correspondientes a lms y a luis, logrando este ultimo que volcara mi atención en los valores del margen.
  • 1451.jpg
    1451.jpg
    8,3 KB · Visitas: 326
Autor
Juan Sin Miedo
Visitas
888
Primer lanzamiento
Última actualización
Votar
0,00 estrella(s) 0 calificaciones
Arriba