[BASICO] Poner una imagen en header de SubSilverTema Solucionado

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

[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 :

Código: Seleccionar todo

raíz/styles/subsilver2/theme/stylesheet.css

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

[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

[leviatan21]

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');

[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?

[leviatan21]

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

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

[neolite]

Esta visualizada: http://201.236.103.199/index.php

Muchas gracias nuevamente.

Saludos Cordiales.

[leviatan21]

Esta visualizada: http://201.236.103.199/index.php

Muchas gracias nuevamente.

Saludos Cordiales.

Pero esa imagen que se aprecia ahora, es la que reemplaza al logo, y de fondo no hay ninguna

[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,

[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>

[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 :

Código: Seleccionar todo

<div id="logodesc"></div>

[neolite]

Ha quedado perfecto. Un avance más, y mucho que aprender aún.

Saludos, y gracias, tema solucionado.