Página 1 de 1
[BASICO] Poner una imagen en header de SubSilver
Publicado: 11 May 2011, 05:02
por neolite
Datos de Soporte:
URL:
http://201.236.103.199/index.php
Plantilla(s) usuada(s): subsilver2
MODs instalados: mChat, reIMG Image Resizer
Versión de phpBB: 3.0.8
Servidor: gratuito, personal, en beta-test aún sin DNS
Si es una actualización desde otra versión: N/A
Consulta:
Bueno, se que el cambio es básico, y aunque he buscado, encontrado algunos temas, y tratado, no he podido dar con alguna referencia para lo que necesito. Se trata de lo siguiente:
- Elimine el logo de mi header,
- Ahora quiero insertar una imagen, para lo cual segui varias instrucciones, incluyendo la actualizacion de estilos al final, pero no me resulta. Entiendo que la imagen debiera estar en algun .css...
Tengo una imagen lista de 900x125, pero no me ha sido posible cambiarlo en mi subsilver, luego de realizar las modificaciones sugeridas en algunos posts de aca, y en realidad me ha dado toda la tarde tratando...
Es una pregunta muy novata imagino, pero estoy recien empezando en esto. Gracias de antemano por su ayuda, y disculpen, pero he buscado y tratado, y no doy...
Re: [BASICO] Poner una imagen en header de SubSilver
Publicado: 11 May 2011, 05:37
por leviatan21
Suponiendo que la imagen se llama
cabecera.gif
Tu imagen para la cabecera debes subirla a la carpeta
raíz/styles/subsilver2/theme/images/cabecera.gif
Luego sigue estos pasos :
Abrir :
Buscar :
Código: Seleccionar todo
#logodesc {
background-color: #C1CAD2;
background-image: url('./images/background.gif');
background-repeat: repeat-x;
background-position: center bottom;
padding: 0 25px 15px 25px;
}
Reemplazar por :
Código: Seleccionar todo
#logodesc {
background-color: #C1CAD2;
background-image: url('./images/cabecera.gif');
background-repeat: no-repeat;
background-position: left top;
padding: 0 0;
height: 125px;
}
Prueba eso y me cuentas como resulta
Re: [BASICO] Poner una imagen en header de SubSilver
Publicado: 11 May 2011, 14:38
por neolite
Muchas gracias.
He seguido todos los pasos. Pero la imagen no sale. He probado con varias gif, por si fuese un problema del tamaño pero tampoco. Limpie el estilo y la cache completa del sitio.
En Firefox, me deja el espacio. En IE me aparece lo siguiente (como que "quiere, pero no quiere" salir el logo):
A modo de referencia de lo que hice, esto es todo:
phpBB3/styles/subsilver2/template/overall_header.html
Busqué esto:
<a href="{U_INDEX}" title="{L_INDEX}" id="logo">{SITE_LOGO_IMG}</a>
y lo reemplace por:
<a href="{U_INDEX}" title="{L_INDEX}" id="logo"><img src="images/spacer.gif" width="870" height="136" alt="" /></a>
(Esto segun manual)
phpBB3/styles/subsilver2/theme/stylesheet.css
Busque esto.
#logodesc {
background-color: #C1CAD2;
background-image: url('./images/background.gif');
background-repeat: repeat-x;
background-position: center bottom;
padding: 0 25px 15px 25px;
}
y lo reemplace por esto:
#logodesc {
background-color: #C1CAD2;
background-image: url('./images/cabecera.gif');
background-repeat: no-repeat;
background-position: left top;
padding: 0 0;
height: 125px;
}
Cabe destacar que la carpeta "images" para subsilver2 la tengo, pero en su reemplazo tengo "imageset", ejemplo:
site_logo.gif
El archivo "cabecera.gif" esta dentro de phpBB3/styles/subsilver2/imageset/cabecera.gif
Re: [BASICO] Poner una imagen en header de SubSilver
Publicado: 11 May 2011, 15:41
por leviatan21
neolite escribió:Cabe destacar que la carpeta "images" para subsilver2 la tengo, pero en su reemplazo tengo "imageset", ejemplo:
site_logo.gif
El archivo "cabecera.gif" esta dentro de phpBB3/styles/subsilver2/imageset/cabecera.gif
Ahi está el error, la carpeta
raíz/styles/subsilver2/imageset/ es para los botones del idioma y son manejados por los archivos php
La carpeta donde debes colocar imágenes del estilo es la carpeta
raíz/styles/subsilver2/theme/images/cabecera.gif , de allí es que en la hoja de estilo se le indica
background-image: url('./images/cabecera.gif');
Re: [BASICO] Poner una imagen en header de SubSilver
Publicado: 11 May 2011, 16:15
por neolite
Perfecto! ahi estaba el error, y ahora esta ok.
Muchisimas gracias por la aclaración.
Me queda la única duda respecto de las dimensiones del header, ¿tengo que ingresar algo en algun .css para que el resize de la imagen del header sea automático o se verá siempre del tamaño fijo?
Re: [BASICO] Poner una imagen en header de SubSilver
Publicado: 11 May 2011, 16:44
por leviatan21
neolite escribió:Perfecto! ahi estaba el error, y ahora esta ok.
Muchisimas gracias por la aclaración.
Aún no lo veo reflejado en tu foro, al parecer no subiste la imagen o no está en la carpeta que debe ir
neolite escribió:Me queda la única duda respecto de las dimensiones del header, ¿tengo que ingresar algo en algun .css para que el resize de la imagen del header sea automático o se verá siempre del tamaño fijo?
es siempre fijo

Re: [BASICO] Poner una imagen en header de SubSilver
Publicado: 11 May 2011, 16:46
por neolite
Esta visualizada:
http://201.236.103.199/index.php
Muchas gracias nuevamente.
Saludos Cordiales.
Re: [BASICO] Poner una imagen en header de SubSilver
Publicado: 11 May 2011, 17:02
por leviatan21
Pero esa imagen que se aprecia ahora, es la que reemplaza al logo, y de fondo no hay ninguna
Re: [BASICO] Poner una imagen en header de SubSilver
Publicado: 11 May 2011, 23:23
por neolite
Tienes razon, al pasar el cursor sobre ésta, aparece la "mano" que enlaza al portal.
En todo caso, es curioso pues me voy al ACP y miro el logo principal en la galeria de imagenes, y no me aparece la imagen actual que tengo, sino que esto (que vendria a ser el logo):
Chequeare la instalación completa, pero creo que volveré atrás, antes de instalar, y luego seguir nuevamente los pasos que me has comentado, y te aviso como me fue.
Saludos Cordiales,
Re: [BASICO] Poner una imagen en header de SubSilver
Publicado: 12 May 2011, 03:19
por neolite
bueno, segui todas las instrucciones paso a paso.
- la mano, aun continua saliendo, pero me queda la impresion que esta Ok la imagen de abajo;
- para eliminar la mano, al parecer debiera editar el overall_header.html y hacer esto? :
overall_header.html
Buscar esto:
<a href="{U_INDEX}" title="{L_INDEX}" id="logo">{SITE_LOGO_IMG}</a>
y reemplazar por:
<a href="{U_INDEX}" title="{L_INDEX}" id="logo"><img src="images/spacer.gif" width="870" height="136" alt="" /></a>
Re: [BASICO] Poner una imagen en header de SubSilver Tema Solucionado
Publicado: 12 May 2011, 04:33
por leviatan21
Así como tienes los cambios toda la tabla dentro del
div con el ID
logodesc no tiene uso, solo es un montón de código que finalmente no muestra nada, no hay logo, no hay nombre ni descripción, esa parte tranquilamente es omitible, si la vacías y la dejas así, tendrá el mismo impacto visual, con menos código y menos trabajo para el navegador :
Re: [BASICO] Poner una imagen en header de SubSilver
Publicado: 12 May 2011, 13:57
por neolite
Ha quedado perfecto. Un avance más, y mucho que aprender aún.
Saludos, y gracias, tema solucionado.