Página 1 de 1

Colocar imagen en encabezado AZUL  Tema Solucionado

Publicado: 06 Jul 2014, 02:08
por alexbsas_25
URL: http://PlanetaArrecife.com.ar
Versión phpBB: 3.0.12
MODs Instalados: Ninguno
Plantilla(s) usada(s): Metro basada en Prosilver
Servidor: Linux, Pago, Hostinger
Actualización desde otra versión: No
Conversión desde otro sistema de foros: No

Hola a todos, bueno hace tiempo que estoy registrado y nunca tuve que preguntar nada gracias a toda las info y explicaciones que tiene el foro, pero estoy parado en un problema hace 2 semanas y no puedo solucionarlo. Probé TODOS pero TODOS los tutos de acá y no logré colocar la imagen en el encabezado. logre la imagen de fondo y la imagen en el inicio del foro pero no en el encabezado AZUL, no se si se entiende.

Igual posteo una foto para que se vea en donde quiero colocar la imagen y posteo la foto de otro foro que colocó la imagen de la manera que yo quiero, o sea que se puede hacer y con el mismo estilo, el estilo esta basado en prosilver.

Mi foro y en el ovalado rojo en donde quiero que el azul sea mi imagen
Imagen eliminada por petición del usuario.

y el otro foro que tiene mi mismo estilo y así quiero colocar la imagen
Imagen eliminada por petición del usuario.

Gracias.

Re: Colocar imagen en encabezado AZUL

Publicado: 06 Jul 2014, 05:28
por alexbsas_25
Bueno me respondo a mi mismo ya que encontré la solución.

hay que modificar el archivo "common.css" que se encuentra en la ruta "\metro_blue/theme/common.css "

Buscar la variable #header

Borrar
background-color: background-color: #43A6DF;

y agregar
background-image: url('url de tu imagen');

Ahora si la imagen es más alta que 120px y queres poner una imagen mas grande hay que modificar lo siguiente.

#header {
height: 120px; <---------Modificar el 120 por el alto que desees
/* background-color: #43A6DF; */
background-image: url('{T_IMAGESET_PATH}/site_banner_1.jpg');
margin-bottom: 12px;
position: relative;
}
#header li {
float: left;
padding: 0;
margin: 0;
height: 120px; <--------- colocar el mismo alto que pusimos en #header
width: 120px;
border-left: solid 12px #F6F6F6;
}
#header li a {
color: #fff;
height: 150px; <--------- colocar el mismo alto que pusimos en #header
width: 120px;
display: block;
position: relative;
font-size: 1.231em;
text-transform: lowercase;

Si respetas el {T_IMAGESET_PATH}/ y solo cambias tab-icon-members.png por el nombre de tu imagen ,puedes guardar las imágenes en la carpeta imageset de tu plantilla.
Acordate que si o si tenes que poner el mismo valor "height" para que los botones estén encuadrados y misma medida que la imagen que coloquemos.

Si tambien queres agregar el logo o un logo de escudo, hacelo mediante el "ACP/Estilos/Galeria de imagenes" que es mucho mas sensillo de hacerlo por ahi que modificando archivos, solamente tenes que subir el logo de tu foro en la carpeta donde se encuentre el archivo "site_logo.png", generalmente se encuentra en "style/imageset", no hace falta borrar ese y ponerle el mismo nombre, solamente lo subis con el nombre que quieras y lo cargas con "ACP/Estilos/Galeria de imagenes"

Bueno espero no olvidarme de nada.

la respuesta original la saque desde http://www.phpbb-es.com/foro/soporte-ph ... ml#p228853 pero yo le agregue cosas que modifique, por eso lo volví a reutilizar.

Abrazo.

Re: Colocar imagen en encabezado AZUL

Publicado: 09 Jul 2014, 19:43
por ThE KuKa
 ! 
Mensaje del Equipo por: ThE KuKa
Imágenes eliminadas.