Advertisement:

Author Topic: Centrar Wrapper SMF 2.0  (Read 644 times)

Offline Pegriloco

  • Semi-Newbie
  • *
  • Posts: 47
Centrar Wrapper SMF 2.0
« on: June 06, 2020, 01:06:34 PM »
Hola buen día con todos!  ;D

Alguien me podría ayudar a centrar mi foro smf, dejo el link: foro.pazsite.com/
en su configuración del theme que tengo un width: 90% y el foro en móviles se va a la izquierda, porfavor alquien que me ayude. gracias de antemano

Offline Mick.

  • Customizer
  • SMF Hero
  • *
  • Posts: 5,279
  • Gender: Male
    • idesignSMF on Facebook
    • @idesign360 on Twitter
    • idesignSMF.com
Re: Centrar Wrapper SMF 2.0
« Reply #1 on: June 06, 2020, 01:32:15 PM »
Necesitas esto... en index.template.php

Code: [Select]
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />

Offline chronosig

  • Semi-Newbie
  • *
  • Posts: 66
Re: Centrar Wrapper SMF 2.0
« Reply #2 on: June 06, 2020, 02:02:30 PM »
Necesitas esto... en index.template.php

Code: [Select]
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />

y dónde iría el mensaje que quiero colocar?

Offline Mick.

  • Customizer
  • SMF Hero
  • *
  • Posts: 5,279
  • Gender: Male
    • idesignSMF on Facebook
    • @idesign360 on Twitter
    • idesignSMF.com
Re: Centrar Wrapper SMF 2.0
« Reply #3 on: June 06, 2020, 02:09:42 PM »
En indextemplate.php del tema que usas coloca el codigo despues del

<head>

Como asi..

<head>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />

Offline Pegriloco

  • Semi-Newbie
  • *
  • Posts: 47
Re: Centrar Wrapper SMF 2.0
« Reply #4 on: June 06, 2020, 02:13:42 PM »
Necesitas esto... en index.template.php

Code: [Select]
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />

Hola, esa etiqueta hace responsive el foro. quiero evitar eso :/

Offline Mick.

  • Customizer
  • SMF Hero
  • *
  • Posts: 5,279
  • Gender: Male
    • idesignSMF on Facebook
    • @idesign360 on Twitter
    • idesignSMF.com
Re: Centrar Wrapper SMF 2.0
« Reply #5 on: June 06, 2020, 02:16:29 PM »
Necesitas esto... en index.template.php

Code: [Select]
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />

Hola, esa etiqueta hace responsive el foro. quiero evitar eso :/

Pues claro... eso hace el foro para mobile. Por que no quieres el foro mobile?

Offline Mick.

  • Customizer
  • SMF Hero
  • *
  • Posts: 5,279
  • Gender: Male
    • idesignSMF on Facebook
    • @idesign360 on Twitter
    • idesignSMF.com
Re: Centrar Wrapper SMF 2.0
« Reply #6 on: June 06, 2020, 02:19:58 PM »

Offline Pegriloco

  • Semi-Newbie
  • *
  • Posts: 47
Re: Centrar Wrapper SMF 2.0
« Reply #7 on: June 06, 2020, 02:22:25 PM »
Que pasa si quitas esta imagen?
http://foro.pazsite.com/Themes/LibertadTheme/images/theme/background.png

No se nota cambios, si quiero evitar el resposive

Offline Mick.

  • Customizer
  • SMF Hero
  • *
  • Posts: 5,279
  • Gender: Male
    • idesignSMF on Facebook
    • @idesign360 on Twitter
    • idesignSMF.com
Re: Centrar Wrapper SMF 2.0
« Reply #8 on: June 06, 2020, 02:33:35 PM »
Tienes un tema que es responsive pero no quieres ques sea responsive? Eso no tiene sentido.

Offline Pegriloco

  • Semi-Newbie
  • *
  • Posts: 47
Re: Centrar Wrapper SMF 2.0
« Reply #9 on: June 06, 2020, 02:43:36 PM »
lo que pasa es que solo busco como centrarlo para que en los móviles no se visualice corrido a la izquierda

Offline Rock Lee

  • Local Moderator
  • SMF Hero
  • *
  • Posts: 3,805
  • Gender: Male
  • Learning more every day!
    • BomberCode.Oficial on Facebook
    • RockLee-BC on GitHub
    • @Bomber_Code on Twitter
    • Bomber Code ~ La nueva era del conocimiento
Re: Centrar Wrapper SMF 2.0
« Reply #10 on: June 06, 2020, 07:07:00 PM »
Tienes un margen que toma del index.css por eso no es bueno meterlo en el div directo por que no toma en cuenta en que valor tomar, tenes que buscar en ../Themes/LibertadTheme/css/index.css sobre la linea 82-89:

Code: [Select]
/* This division wraps the entire forum when a forum width is set. */
div.wrapper {
margin: 0 auto;
min-width: 764px;
        max-width: 2300px;
}

Comentando las lineas de min-width y max-width para no tenga mas esa franja por eso te recomiendo pongas el "width:90%" en estas lineas!


Saludos!
¡Regresando como cual Fenix! ~ Bomber Code © 2020
Ayudas - Aportes - Tutoriales - Y mucho mas!!!

Offline Pegriloco

  • Semi-Newbie
  • *
  • Posts: 47
Re: Centrar Wrapper SMF 2.0
« Reply #11 on: June 06, 2020, 08:16:19 PM »
Ya elimine y no sucede nada  :(

Offline Rock Lee

  • Local Moderator
  • SMF Hero
  • *
  • Posts: 3,805
  • Gender: Male
  • Learning more every day!
    • BomberCode.Oficial on Facebook
    • RockLee-BC on GitHub
    • @Bomber_Code on Twitter
    • Bomber Code ~ La nueva era del conocimiento
Re: Centrar Wrapper SMF 2.0
« Reply #12 on: June 06, 2020, 08:29:07 PM »
¿Borraste el cache de tu navegador? yo veo esta centrado incluso cambiando un valor 98% se centra bien sino agrega un padding-left del lado izquierdo...


Saludos!
¡Regresando como cual Fenix! ~ Bomber Code © 2020
Ayudas - Aportes - Tutoriales - Y mucho mas!!!

Offline Pegriloco

  • Semi-Newbie
  • *
  • Posts: 47
Re: Centrar Wrapper SMF 2.0
« Reply #13 on: June 06, 2020, 08:31:58 PM »
¿Borraste el cache de tu navegador? yo veo esta centrado incluso cambiando un valor 98% se centra bien sino agrega un padding-left del lado izquierdo...


Saludos!

en la pc esta bien, pero en el movil aún sigue teniendo ese problema

Offline Rock Lee

  • Local Moderator
  • SMF Hero
  • *
  • Posts: 3,805
  • Gender: Male
  • Learning more every day!
    • BomberCode.Oficial on Facebook
    • RockLee-BC on GitHub
    • @Bomber_Code on Twitter
    • Bomber Code ~ La nueva era del conocimiento
Re: Centrar Wrapper SMF 2.0
« Reply #14 on: June 06, 2020, 08:34:51 PM »
Puede ser esta tomando un valor o referencia pero deberia verse correctamente, entre en modo incognito tanto en mi PC en modo normal y movil con diferentes modelos se ajusta como se debe solo algunas veces la imagen de fondo no se ajusta como se debe... Si te dijas en la clase wrapper con el inspector de elementos del navegador te marca los limites y cuadros afectan el distanciamiento!


Saludos!
¡Regresando como cual Fenix! ~ Bomber Code © 2020
Ayudas - Aportes - Tutoriales - Y mucho mas!!!

Offline Daniel

  • Jr. Member
  • **
  • Posts: 288
  • Gender: Male
  • Colaborador
Re: Centrar Wrapper SMF 2.0
« Reply #15 on: June 06, 2020, 11:09:38 PM »
¿Borraste el cache de tu navegador? yo veo esta centrado incluso cambiando un valor 98% se centra bien sino agrega un padding-left del lado izquierdo...


Saludos!

en la pc esta bien, pero en el movil aún sigue teniendo ese problema

Hola, has refrescado el caché del navegador de tu móvil?.


Saludos

Offline Pegriloco

  • Semi-Newbie
  • *
  • Posts: 47
Re: Centrar Wrapper SMF 2.0
« Reply #16 on: June 06, 2020, 11:15:08 PM »
Hola! Sí
Ya lo solucione... Gracias por todo!  ;)