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/
Quote from: Alejandro1221 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/
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
Para el tema del fondo en el index.css del theme que usas busca:
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:
.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!
Quote from: Rock Lee on July 04, 2018, 03:56:27 PM
Para el tema del fondo en el index.css del theme que usas busca:
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:
.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
.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;
}
Quote from: Alejandro1221 on July 05, 2018, 02:40:18 PM
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
.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:
.inventea-header {
border-bottom: 2px solid #bad1de;
background: url(../images/header.png);
}
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!
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
Quote from: Alejandro1221 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
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
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!
Quote from: Rock Lee 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!
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
Ahora me va gustando un poco mas ahora prueba ponerlo:
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!
Quote from: Rock Lee on July 13, 2018, 08:42:41 AM
Ahora me va gustando un poco mas ahora prueba ponerlo:
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?
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!