Cambiar la cabecera (Overall_header.hmtl) por imagen estatic

[el_padrino]

Buenas tardes, se que es un tema que se ha comentado por activa y por pasiva en este subforo pero no me acabo de aclarar con las respuestas expuestas y, tras haber intentado resolverlo por mi cuenta, me veo en la necesidad de solicitar ayuda.

El caso es que actualmente, el style AreoblueX me genera la cabecera a partir de tres archivos, el MIdL.gif el MidM.gif y el MidR.gif.

El motivo de mi consulta no es otro que el de tratar de averiguar cual es el codigo a introducir en el overall_header.Html a fin de que en vez de cargar esos tres archivos me cargue una imagen que yo crea oportuno, manteniendo las proporciones segun la resolucion del monitor que lo abra.Si esto no fuese posible dado que la pagina se amplia o se estrecha segun la resolucion del pc de turno, como introducir un Spacer o algo asi en el margen derecho o a los lados...no se por dar alguna idea...


Hay algo que me tiene mosca y es que en este mismo foro, la cabecera es una capa CSS y tiene dos imagenes (logo PHP y cyberneticos) superpuestas. Eso significa que no podre hacer lo que busco?

De programacion no tengo ni idea pero algunas modificaciones he hecho en este style a fin de conseguir lo que necesitaba.




URL: http://www.solovag.es" onclick="window.open(this.href);return false;
Plantilla usuada: aeroblueX
MODs instalados: nada
Version: phpbb 3.0.2
Servidor: Hostinet


Muchisimas gracias¡¡

[mill]

Hola, estoy trastocando mi foro phpbb3 y tengo el mismo problema, en la parte de arriba quiero poner una imagen que ocupe todo el ancho del foro, a ver si me podeis echar un cable

URL: http://www.realbalompedicalinense.com/foro2" onclick="window.open(this.href);return false;
Plantilla usuada: black_pearl
MODs instalados: nada
Version: phpbb 3.0.1
Servidor: Viartualhostingdigital

[xoom]

Si quereis usar una imagen como cabecera, estais obligados a definir un ancho de página fijo. Si es variable en algunas configuraciones de pantalla se vera deformado.

[mill]

Entiendo. De hecho, yo quiero que el ancho sea fijo, es decir, que el usuario no pueda definirlo. Incluso me gustaría estrecharlo un poquito, dejarlo a unos 800 px de ancho, no los 960 que tiene ahora. Como he de proceder? Un saludo y perdón por las molestias.

[Santos]

Entiendo. De hecho, yo quiero que el ancho sea fijo, es decir, que el usuario no pueda definirlo. Incluso me gustaría estrecharlo un poquito, dejarlo a unos 800 px de ancho, no los 960 que tiene ahora. Como he de proceder? Un saludo y perdón por las molestias.

Yo en mi foro hice esto, primero subi la imagen dentro de las imagenes de la plantilla que se esta usando.

Vas al ACP, luego a ESTILOS en el menú de la izquierda abajo vas donde dice GALERIA DE IMAGENES, ahi vas a la plantilla que usas y haces click en EDITAR.

Dentro del menú que se abre aparece seleccionado LOGO PRINCIPAL haces click en su derecha SELECCIONAR

te muestra la imagen actual y la que vas a colocar abajo pones las dimensiones que necesites y listo, espero que eso te sirva yo me volvi loco y aprendi que así es lo mejor, y solo lo modifica el admin saludos.


Santos

[el_padrino]

Buenas noches, tema resuelto, Santos la solucion que propones esta bien cuando la imagen de la cabecera es invariable...pero en el caso que nos ocupa es una cabecera divida en tres columnas que lleva aplicadas capas CSS.

Pues bien la solucion es infinitamente mas sencilla de lo que pudiese parecer.

Si leemos el overallheader.html podremos observar que la cabecera se divide en columnas.Este archivo es el que controla el tema de la cabecera del a web y donde podremos reconfigurar los tamaños de los archivos que la compongan.

En mi caso la parte central se compone de 3 archivos, el midl.gif el midm.gif y midR.gif.

En el caso caso de midl.gif incorpora el biselado de la cabecera a su izquierda y en el caso del midr.gif lleva el biselado derecho.

Por ultimo el midm.gif es una imagen repetida infitamente dependiendo del ancho de tu resolucion.

Por defecto los archivos midl.gif,midm.gif y midR.gif tienen unos tamaños asignados que, como es evidente, no concordaran con el tamaño de nuestra cabecera.

Ên primer lugar deberemos recortar del archivo midL.gif el bisel izquierdo con Photoshop para que mantenga las propiedades de transparencia, a continuacion cogemos la imagen que queramos que sea nuestra cabecera, pongamos de 800x80 (la resolucion minima queda a vuestro criterio), y le adherimos el trozo de bisel justo en el margen izquierdo. por lo que ya tendriamos el midr.gif listo para ser subido de nuevo.

Ahora nos encontraremos un problema y esque por defecto el midl.gif esta configurado para ocupar un ancho maximo menor a al tamaño de la imagen que hemos subido por lo que no nos aparecera la imagen completa, es ahi donde tendremos que modificar el ancho en el overallheader.html e indicarle que queremos que el tamaño sea el que hemos estimado oportuno. A la hora de anexar el bisel a la imagen estatica, suman un total de 808 px x 80px y esque la imagen ocupa 800 + los 8 del bisel por lo que en las dimensiones del ancho midl.gif deberemos configurar que sea de 808px de ancho en el overallheader.html

Bien, ahora ya tenemos la parte izquierda conseguida y perfectamente cuadrada, ahora vamos a por la derecha.

En el margen derecho pondremos el midr.gif original donde solo se vea el bisel, el resto lo recortamos para que no se vea. Metedle mucha lupa al photoshop para aseguraros de que solamente le dejais el bisel.

Ahora vamos a por el midM.gif. Aqui esta la madre del cordero, para los novatos como yo...desconociamos que un archivo se puede habilitar para que se repita infinitamente a find e ocupar un ancho determinado.

Pues bien, en mi caso, recorte un trocito del logo donde solo se viese el fondo y lo sustitui por el midm.gif original para hacer que se repitiese desde donde acaba el midl.gif hasta el midr.gif de manera infinita con una resolucion minima de 800 de ancho.

ahora os posteo el codigo cambiado:


</table>

<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="808" height="80" style="background:url('Http://www.solovag.es/Imagenes/lizquierdo.gif');"></td>

<td style="background:url('Http://www.solovag.es/Imagenes/central.gif');">&nbsp;</td>


<td width="8" height="80" align="right" style="background:url('Http://www.solovag.es/Imagenes/lateralderecho.gif');"></td>

</tr>
</table>

Otra opcion que podemos probar es hacer que el midl y el midr sean unicamente los biseles y en medio meter la imagen de manera que se amplie o contraiga dependiendo de la resolucion del pc que abra el foro pero claro...si resulta q la resolucion es muy diferente al tamaño original de la imagen, ésta saldra pixelada...

Espero que os haya servido de ayuda, este manualillo de lammer es basico para todo aquel que tenga un style donde la cabecera sea CSS.

Por otro lado me enorgullece conseguir algo que algun compañero diseñador decia que no se podria hacer que es el acoplar una imagen estatica a una cabecera de este tipo.


ya sabeis, si quereis ver como ha quedado.

http://www.solovag.es" onclick="window.open(this.href);return false;


saludos¡¡