Advertisement:

Author Topic: Ayuda con header y fondo theme Studio.  (Read 387 times)

Offline Alejandro1221

  • Semi-Newbie
  • *
  • Posts: 24
Ayuda con header y fondo theme Studio.
« on: July 03, 2018, 03:08:05 PM »
Buenas, soy algo nuevo en el tema de SMF y necesito ayuda para poner un header y fondo (con imagen) en el mismo.
Con respecto al header, ya intenté cambiando el archivo logo.png, buscando en el index.css y index.template y cambiando por url(etc etc)
Para el fondo también he buscado en varios sitios pero aún no he dado con la solución
Utilizo la versión 2.0.15 y el theme Studio
Link : hxxp://www.forum-skyland.ml/

Offline Alejandro1221

  • Semi-Newbie
  • *
  • Posts: 24
Re: Ayuda con header y fondo theme Studio.
« Reply #1 on: July 03, 2018, 05:45:25 PM »
Buenas, soy algo nuevo en el tema de SMF y necesito ayuda para poner un header y fondo (con imagen) en el mismo.
Con respecto al header, ya intenté cambiando el archivo logo.png, buscando en el index.css y index.template y cambiando por url(etc etc)
Para el fondo también he buscado en varios sitios pero aún no he dado con la solución
Utilizo la versión 2.0.15 y el theme Studio
Link : hxxp://www.forum-skyland.ml/
Para facilitar un poco más dejo la demo oficial del theme, se me olvidó antes de la modificación, disculpar molestias.
hxxp://smftheme.byethost18.com/smf/index.php?theme=11&i=1

Offline Rock Lee

  • SMF Hero
  • ******
  • Posts: 1,633
  • Gender: Male
  • Digitalizando un nuevo mundo :D
    • BomberCode.Oficial on Facebook
    • RockLee-BC on GitHub
    • @Bomber_Code on Twitter
    • Bomber Code ~ La nueva era del conocimiento
Re: Ayuda con header y fondo theme Studio.
« Reply #2 on: July 04, 2018, 03:56:27 PM »
Para el tema del fondo en el index.css del theme que usas busca:

Code: [Select]
body {
    background-color: #FFF;
    margin: 0px;
    padding: 0px;
}

Solo debes cambiar "#FFF" por el color deseas o poner la url de la imagen... background: url(../images/mi_imagen.jpg) <= esto si esta subido a tu host sino tambien puedes usar una url pero te recomiendo lo subas al host. Y respecto al segundo punto tienes que buscar:

Code: [Select]
.inventea-header {
    border-bottom: 2px solid #bad1de;
    background: #e0edf4;
}

y aplicar el mismo principio del punto anterior...


Saludos!

Agrego: Otra cosa note es que el hosting bloquea muchas cosas de theme Studio y en especial los fonts... si puedes dale una mirada a eso!
¡Regresando como cual Fenix! ~ Bomber Code © 2018
Ayudas - Aportes - Tutoriales - Y mucho mas!!!

Offline Alejandro1221

  • Semi-Newbie
  • *
  • Posts: 24
Re: Ayuda con header y fondo theme Studio.
« Reply #3 on: July 05, 2018, 02:40:18 PM »
Para el tema del fondo en el index.css del theme que usas busca:

Code: [Select]
body {
    background-color: #FFF;
    margin: 0px;
    padding: 0px;
}

Solo debes cambiar "#FFF" por el color deseas o poner la url de la imagen... background: url(../images/mi_imagen.jpg) <= esto si esta subido a tu host sino tambien puedes usar una url pero te recomiendo lo subas al host. Y respecto al segundo punto tienes que buscar:

Code: [Select]
.inventea-header {
    border-bottom: 2px solid #bad1de;
    background: #e0edf4;
}

y aplicar el mismo principio del punto anterior...


Saludos!

Agrego: Otra cosa note es que el hosting bloquea muchas cosas de theme Studio y en especial los fonts... si puedes dale una mirada a eso!
Gracias por la respuesta, ya cumplí con los pasos y mi foro sigue sin cambiar, recargué varias veces la página y nada..
esto fue lo que puse
Code: [Select]
.inventea-header {
     border-bottom: 2px solid #bad1de;
     background: url(https://forum-skyland.ml/public_html/Themes/Studio/images/header.png;
y
body {
    background: url(https://forum-skyland.ml/public_html/Themes/Studio/images/nosfondo.png);
    margin: 0px;
    padding: 0px;
}

Offline Rock Lee

  • SMF Hero
  • ******
  • Posts: 1,633
  • Gender: Male
  • Digitalizando un nuevo mundo :D
    • BomberCode.Oficial on Facebook
    • RockLee-BC on GitHub
    • @Bomber_Code on Twitter
    • Bomber Code ~ La nueva era del conocimiento
Re: Ayuda con header y fondo theme Studio.
« Reply #4 on: July 06, 2018, 11:55:26 AM »
Gracias por la respuesta, ya cumplí con los pasos y mi foro sigue sin cambiar, recargué varias veces la página y nada..
esto fue lo que puse
Code: [Select]
.inventea-header {
     border-bottom: 2px solid #bad1de;
     background: url(https://forum-skyland.ml/public_html/Themes/Studio/images/header.png;
y
body {
    background: url(https://forum-skyland.ml/public_html/Themes/Studio/images/nosfondo.png);
    margin: 0px;
    padding: 0px;
}

Si, solo te da esos errores esta mal puesta la url. Mira en el hosting te da el link directo y lo de public_html no va ademas no cerraste el parentesis que hace rompa todo el codigo, sumado si esta en la carpeta images del theme no es necesario poner toda la url. Dejalo de la siguiente manera y nos cuentas:

Code: [Select]
.inventea-header {
     border-bottom: 2px solid #bad1de;
     background: url(../images/header.png);
}

Code: [Select]
body {
    background: url(../images/nosfondo.png);
    margin: 0px;
    padding: 0px;
}

Carga correctamente las imagenes con las url proporcionaste por lo cual al ponerlo como te lo deje no tendria problemas, igualmente al guardar mira como queda que seguro hay tocar un poco las medidas para que ajuste!


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

Offline Alejandro1221

  • Semi-Newbie
  • *
  • Posts: 24
Re: Ayuda con header y fondo theme Studio.
« Reply #5 on: July 06, 2018, 06:03:58 PM »
He hecho eso tal y como me dijiste y sigue sin cambiarme nada, me fijé en inspeccionar elemento y si que se ve así,  pero es como si no se guardaran los cambios cuando lo hago  ya que la página queda tal y como antes.
Intenté cambiar eso vía modificar themes en el foro y cuando abrí el index sí que se ve el header y el fondo, pero  el foro sigue igual.
Pantallazos : https://gyazo.com/a8fbf18bdcc5961ee3a7bafbfdb4c24d [nofollow]
https://gyazo.com/0d17a58e3f584e17a617e5d948c3c19f [nofollow]
Perdón las molestias

Offline Alejandro1221

  • Semi-Newbie
  • *
  • Posts: 24
Re: Ayuda con header y fondo theme Studio.
« Reply #6 on: July 07, 2018, 02:08:11 PM »
He hecho eso tal y como me dijiste y sigue sin cambiarme nada, me fijé en inspeccionar elemento y si que se ve así,  pero es como si no se guardaran los cambios cuando lo hago  ya que la página queda tal y como antes.
Intenté cambiar eso vía modificar themes en el foro y cuando abrí el index sí que se ve el header y el fondo, pero  el foro sigue igual.
Pantallazos : https://gyazo.com/a8fbf18bdcc5961ee3a7bafbfdb4c24d [nofollow]
https://gyazo.com/0d17a58e3f584e17a617e5d948c3c19f [nofollow]
Perdón las molestias
Ya se solucionó, cómo puedo centrar el logo? intento con width y height pero no se centra, solo cambia tamaños

Offline Rock Lee

  • SMF Hero
  • ******
  • Posts: 1,633
  • Gender: Male
  • Digitalizando un nuevo mundo :D
    • BomberCode.Oficial on Facebook
    • RockLee-BC on GitHub
    • @Bomber_Code on Twitter
    • Bomber Code ~ La nueva era del conocimiento
Re: Ayuda con header y fondo theme Studio.
« Reply #7 on: July 10, 2018, 01:07:30 PM »
Disculpa he estado fuera el finde semana por algunos trabajos... Generalmente cuando tarda en visualizar es algo del cache ya que conozco algunos hosting tienen un retardo en eso haciendo que los cambios no los tome al instante, supongo es política interna o algo parecido. Ahora con el problema de centrar el logo jamas lo vas a lograr con solo alterar el alto y el ancho por que la imagen misma es de 900x900px cosa es algo muy exagerado para ser un logo trata reducirlo con algún editor para sea mas fácilmente ubicado.


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

Offline Alejandro1221

  • Semi-Newbie
  • *
  • Posts: 24
Re: Ayuda con header y fondo theme Studio.
« Reply #8 on: July 12, 2018, 11:40:25 PM »
Disculpa he estado fuera el finde semana por algunos trabajos... Generalmente cuando tarda en visualizar es algo del cache ya que conozco algunos hosting tienen un retardo en eso haciendo que los cambios no los tome al instante, supongo es política interna o algo parecido. Ahora con el problema de centrar el logo jamas lo vas a lograr con solo alterar el alto y el ancho por que la imagen misma es de 900x900px cosa es algo muy exagerado para ser un logo trata reducirlo con algún editor para sea mas fácilmente ubicado.


Saludos!
Ya reducí el tamaño del logo pero aún así queda contra el lado izquierdo y cortado por el top_bar.
https://gyazo.com/d60c2e58a70fc8c70147a60d845e06df [nofollow]

Offline Rock Lee

  • SMF Hero
  • ******
  • Posts: 1,633
  • Gender: Male
  • Digitalizando un nuevo mundo :D
    • BomberCode.Oficial on Facebook
    • RockLee-BC on GitHub
    • @Bomber_Code on Twitter
    • Bomber Code ~ La nueva era del conocimiento
Re: Ayuda con header y fondo theme Studio.
« Reply #9 on: July 13, 2018, 08:42:41 AM »
Ahora me va gustando un poco mas ahora prueba ponerlo:

Code: [Select]
background: url(../images/header.png) 20% 50% no-repeat;
Se puede usar pxtambiénn aunque me gusta mas porcentajes ya que se toma el valor a partir de laresoluciónn del cual se esta mirando...


Saludos!

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

Offline Alejandro1221

  • Semi-Newbie
  • *
  • Posts: 24
Re: Ayuda con header y fondo theme Studio.
« Reply #10 on: July 13, 2018, 08:08:07 PM »
Ahora me va gustando un poco mas ahora prueba ponerlo:

Code: [Select]
background: url(../images/header.png) 20% 50% no-repeat;
Se puede usar pxtambiénn aunque me gusta mas porcentajes ya que se toma el valor a partir de laresoluciónn del cual se esta mirando...


Saludos!
Bueno, ya está solucionado por lo visto lo del header, muchísimas gracias!.
Y una cosa más, cómo puedo quitar lo de "SMF - Just Installed!" o cambiar el texto?

Offline Rock Lee

  • SMF Hero
  • ******
  • Posts: 1,633
  • Gender: Male
  • Digitalizando un nuevo mundo :D
    • BomberCode.Oficial on Facebook
    • RockLee-BC on GitHub
    • @Bomber_Code on Twitter
    • Bomber Code ~ La nueva era del conocimiento
Re: Ayuda con header y fondo theme Studio.
« Reply #11 on: July 14, 2018, 04:19:20 PM »
Me parece genial entonces... y eso se puede editar en la parte de noticias de smf que lo podes encontrar en www.misitio.com/index.php?action=admin;area=news;sa=editnews; sino podes desactivarlo a las noticias!

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