Redimensionando el banner en SE Gamer LightTema Solucionado

[jorup16]

Hola, esta pregunta la hice en el foro oficial de phpBB.com y específicamente en el soporte que da el autor del estilo que utilizo pero nunca me la respondió, por eso ahora la escribo acá y cuando se resuelva pues compartiré el enlace a este tema en aquel foro.

Bien, mi caso es este, uso el estilo SE Gamer Light y ese estilo usa un logo + un banner, el logo no lo utilizaré por lo tanto lo que hice fue crear una imagen .png totalmente transparente para que no aparezca nada.

El banner es mi problema y el de muchos, tiene unas dimensiones de 1400 * 185 y pues en la demo del estilo se ve como queda bien ( demo ) pero yo tengo una imagen de las mismas medidas y lo lógico sería únicamente sobreescribir la imagen anterior por la nueva, eso fue lo que hice y nada, no se adapta bien la imagen nueva, lo que sucede es que mi banner como que hace una especie de 'zoom' y no se alcanza a ver todo.

Banner Original:
http://estilos.phpbb-es.com/styles/SE_G ... banner.jpg

Mi Banner:
http://i5.minus.com/ilDMxEfdEQD7I.jpg

Si se fijan ambos tienen las mismas medidas 1400 * 185 y me gustaría adaptarlo correctamente porque igual tengo otros banners esperando (quiero hacer la rotación de banners) y pues quiero arreglar este asunto primero.

Así se ve mi foro:


Algunos con otras resoluciones alcanzan a ver un poco más pero al final de cuentas nadie lo mira por completo.

DATOS DE SOPORTE | Mostrar

URL: http://www.fifa-xgamers.com
Versión phpBB: 3.0.11
MODs Instalados: 1) cBB Chat 1.0.0
2) Advanced BBCode Box 3.0.12
3) NV Advanced Last Topic Titles 1.3.3
4) Red Blinking PM 1.0.9
5) Prime Link 1.3.0
6) Categorize Announcements and Stickies 1.0.2
7) AOS Who Visited a Topic 1.0.2.2
Tapatalk 3.9.0
9) Instant Post Redirect 1.0.2
10) Full Quick Reply 2.2.0
11) Browser and OS icons 3.0.2
12) Forum Archive II 1.1.4
13) Index Tabbed 2.0.0
14) Prime Quick Login 1.2.6
15) Who has downloaded a attachment for phpBB3 1.0.0
16) Multi Smile 1.0.1
17) AOS Notification 0.0.8
18) cBB QuickMod v1.0.2
19) GYM sitemaps & RSS 2.0.4
20) Manage attachments ACP module for phpBB3 1.2.0
21) Who Views Who 1.0.2
22) NV recent topics 1.0.5
23) phpBB SEO Ultimate SEO URL 0.7.0
24) phpBB SEO Optimal Titles 1.0.8
25) Topic SEO description and keywords mod 1.0.6
26) phpBB SEO Zero Duplicate V 0.6.8
27) phpBB Arcade 2.0.RC5-PL2
28) jQuery Quick Edit 1.0.0
Plantilla(s) usada(s): SE Gamer Light
Servidor: Linux, de pago (Hostgator)
Actualización desde otra versión: Si desde 3.0.9
Conversión desde otro sistema de foros: No

Gracias.

[micontre]

prueba esto Abrir archivo root/styles/SE_Gamer/theme/colours.css
Buscar - Nota: Esto puede ser una búsqueda parcial, y no una línea entera.

Código: Seleccionar todo

.headerbar {
	background: url("{T_THEME_PATH}/images/banner.jpg") no-repeat left top #ffffff;
	color: #FFFFFF;
}

Reemplazar por - Nota: Reemplazar las líneas a encontrar por las siguientes líneas.

Código: Seleccionar todo

.headerbar {
	background: url("{T_THEME_PATH}/images/banner.jpg") no-repeat left top / 100% 100% #ffffff;
	color: #FFFFFF;
}

root/styles/SE_Gamer/theme/colours.css

con esto redimensionará la imagen de el background ajustandose a la resolución que tengas
esto no funciona en chrome . para que lo acepte tambien , podria cambiarse por

Código: Seleccionar todo

.headerbar {
	background: url("{T_THEME_PATH}/images/banner.jpg") no-repeat left top #ffffff;
	background-size:100% 100%;
	color: #FFFFFF;
}

[jorup16]

Una vez más lo has hecho, estuviste en lo correcto.

Así se ve mi banner ahora en mi foro:


Muchísimas gracias @micontre creo que tú me has contestado prácticamente todas mis dudas jaja igual voy ponerte otra duda que ni el creador del MOD me ayudó.

Ya con ésta pues todo resuelto, muchas gracias.