Modificar header en poker_olimpus

[jorup16]

URL: http://www.fifa-xgamers.com
Versión phpBB: phpBB3 (3.0.7pl-1)
MODs Instalados: Por el momento ninguno
Plantilla(s) usada(s): poker_olimpus
Servidor: Linux (Hostgator.com) de pago
Actualización desde otra versión: 3.0.4 a 3.0.7pl-1
Conversión desde otro sistema de foros:

Bueno antes que nada gracias por tomarse la molestia de leer este tema.
Estoy remodelando otro foro que tengo y decidí colocarle este estilo de plantilla, me agrada mucho sólo que me gustaría saber si se le puede hacer una modificación.

Quisiera saber como puedo hacer que la imagen que utilice en mi header ocupe toda el área horizontal y no sólo la mitad como viene de forma predeterminada con el estilo, si se dan cuenta en la parte negra (la que marco con un elipse rojo) se utiliza para que salga el nombre del foro el cual debo de configurar desde el ACP.



Entonces en resumen me gustaría que ese espacio negro se pudiera ocupara con una imagen en el header que ocupe toda esa área y sobretodo me gustaría que en la barra de título del navegador saliera el nombre del foro aunque éste no se muestre en la parte en que antes salía.

Espero me haya sabido explicar bien, de antemano muchas gracias.

[DaVidU]

el espacio en negro antes del logo forma parte de la etiqueta

en common.css

Código: Seleccionar todo

#bg_top {
	height: 200px;
	width: auto;
	display: block;
	margin-top: 0;
	padding: 0;
}

en colours.css

Código: Seleccionar todo

#bg_top {
	background: url("{T_THEME_PATH}/images/bg_header.gif") 0 100% repeat-x #000;
	color: #fff;
}

si te fija usa la imagen gris del menu y de fondo el color negro, al tener altura de 200 pixels es lo que se ve, acto seguido el fondo del logo esta justo después y no dentro como alomejor debería estar, por ejemplo tu overall_header.html

Código: Seleccionar todo

	<div id="bg_top">
		<a id="top" name="top" accesskey="t"></a>
			<div id="logo2"></div>
			<div id="site-description">
				<h1>{SITENAME}</h1>
				<p>{SITE_DESCRIPTION}</p>

			</div>
	</div>

y yo te digo que lo dejes así:

Código: Seleccionar todo

	<div id="bg_top">
		<a id="top" name="top" accesskey="t"></a>
			<div id="logo2">
				<div id="site-description">
					<h1>{SITENAME}</h1>
					<p>{SITE_DESCRIPTION}</p>
				</div>
			</div>
	</div>

prueba esto y nos comentas

[jorup16]

Jaja siempre he entendido a todo ésto pero créeme que hoy me quedé en la luna como dicen en muchos países.
Lo que no entendí que es lo que debo de hacer con los otros archivos .css para que la imagen pueda ocupar todo el ancho del foro.

[DaVidU]

hiciste lo que te puse para modificar en el archivo overall_header.html?

prueba eso y hazme captura para ver que tal sale

[jorup16]

Hola Davidu, gracias por responder. Fíjate que si lo hice, lo único que conseguí con eso fue que el nombre del foro ya no saliera en el espacio negro a la par de la imagen del header, ahora aparece en el centro. En la siguiente imagen te marco con una "X" en donde salía antes el nombre del foro y te encierro en un cuadro el nombre del foro el cual fue el que cambió de ubicación.



Por cierto, actualizo los datos de soporte para este foro, no lo pude hacer en el primer post del tema.

URL: http://www.fifa-xgamers.com
Versión phpBB: phpBB3 (3.0.7pl-1)
MODs Instalados:

Spoiler

1) ReIMG Image Resizer 1.0.1 con Highslide JS
2) Full Quick Reply Editor 2.0.1
3) Categorize Announcements and Stickies 1.0.1
4) NV advanced last topic titles 1.2.9
5) NV recent topics 1.0.5
6) Prime Birthdate 1.2.5
7) Prime Links 1.2.5
8 ) mChat new version 1.2.17
9) Share on... 1.0.1
10) Instant post redirect 1.0.2
11) Instant ACP redirect 0.1.1

Plantilla(s) usada(s): poker_olimpus
Servidor: Linux (Hostgator.com) de pago
Actualización desde otra versión: 3.0.4 a 3.0.7pl-1
Conversión desde otro sistema de foros:

[xoom]

Tu foro es de ancho variable, por tanto puedes cubrir el área izquierda con una imagen para tu resolución de pantalla, pero con la mía (1680x1050) seguiría viéndose una zona sin imagen. El diseño está así por algo. Tal y como está se vería igual en todas las resoluciones con la única diferencia de más espacio entre el título del foro y la imagen derecha, cuanto mayor sea la resolución de pantalla usada.

Si quieres una imagen que ocupe todo el header del foro, el primer paso es convertir tu foro en ancho fijo. Te dejo esta imagen para que veas la diferencia de espacio entre tu resolución y la mía.



Si no quieres fijar un ancho para el foro, lo único que se podría hacer es centrar la imagen y dejar zonas en negro a ambos lados.

[jorup16]

Y cómo podría hacer eso de dejar negro a los lados y la imagen en el centro?

[xoom]

Lo pruebo y te digo.

[jorup16]

Muy bien, espero tu respuesta, gracias

[jorup16]

Hola xoom, no sé si probaste a hacer lo del header

[jorup16]

Bump!

[leviatan21]

Hola jorup16 :

Prueba hacer esto :

Abrir :
raíz/styles/poker_olympus/theme/stylesheet.css
Buscar :

Código: Seleccionar todo

@import url("poker_adds.css");

Después agregar :

Código: Seleccionar todo

#logo2 { 
	background-position: top left;
	left: 0;
}

Luego recuerda refrescar el tema

[jorup16]

Hola, muchas gracias por responderme. Pues ya lo hice y lo que conseguí fue que el espacio negro se pasara a la derecha y la imagen a la izquierda, es decir, lo contrario a como inicialmente está en el estilo.

Te dejo una imagen.



Y yo básicamente lo que quisiera sería colocar esta imagen en vez del espacio negro y la imagen que tengo actualmente.
http://i47.tinypic.com/2gv1pid.jpg

[leviatan21]

Hola orup16:

Perdón por confundir tu pregunta anterior...

Veo que ahora has cambiado de estilo, antes utilizabas el poker_olympus y ahora tienes el BlueSuavity, ya no corresponde el titulo de este tema

Para utilizar una nueva imagen en la cabecera del foro en tu estilo nuevo, sólo necesitas subir esta imagen http://i47.tinypic.com/2gv1pid.jpg dentro de la carpeta raíz/styles/BlueSuavity/imageset y luego desde el ACP -> ESTLOS
COMPONENTES DE ESTILO
Galerías de imagenes
al la derecha de BlueSuavity haces click en editar

En la siguiente pantalla verás tu imagen de cabecera actual, en el 2º bloque tiene un selector llamado Imagen: y tendrá site_logo.png seleccionado, allí busca tu nueva imagen y ajustas los valores para alto y ancho de la imagen.
Al finalizar sólo guarda los cambios ( botón enviar ) y listo ya habrás cambiado la imagen

[jorup16]

No, no leviatan21, los datos de mi firma son los de mi foro principal, los datos de este mi otro foro los puse en el primer post de este tema y también los actualicé en este post http://www.phpbb-es.com/foro/soporte-pl ... ml#p149294 de igual manera el enlace es www.fifa-xgamers.com


PD: Por cierto utilizo algunos de tus mods entre ellos el Advanced BBcode Box y el MSSTI Custom Portal