Ayuda con header y fondo theme Studio.

[Alejandro1221]

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/

[Alejandro1221]

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

[-Rock Lee-]

Para el tema del fondo en el index.css del theme que usas busca:

Code Select Expand

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 Expand

.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!

[Alejandro1221]

Para el tema del fondo en el index.css del theme que usas busca:

Code Select Expand

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 Expand

.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 Expand


.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;
}

[-Rock Lee-]

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 Expand


.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 Expand

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


Code Select Expand

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!

[Alejandro1221]

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
https://gyazo.com/0d17a58e3f584e17a617e5d948c3c19f
Perdón las molestias

[Alejandro1221]

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
https://gyazo.com/0d17a58e3f584e17a617e5d948c3c19f
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

[-Rock Lee-]

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!

[Alejandro1221]

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

[-Rock Lee-]

Ahora me va gustando un poco mas ahora prueba ponerlo:

Code Select Expand

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!

[Alejandro1221]

Ahora me va gustando un poco mas ahora prueba ponerlo:

Code Select Expand

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?

[-Rock Lee-]

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!