Source: http://www.pc-teros.es/consultas-phpbb3/como-las-medidas-banner-t394.html?sid=c54aef5a52160f7ab4f9527c3d60ba27
Timestamp: 2018-06-23 13:58:58+00:00

Document:
¿Cómo sé las medidas de mi banner? : Consultas Phpbb3 - Pc-teros Community
Fecha actual 23 Jun 2018 14:58
¿Cómo sé las medidas de mi banner?
Vistas: 730 Favoritos: 0 | Seguidores: 3
Seguidores: uruguayito, blquack, frankspeed
Asunto: ¿Cómo sé las medidas de mi banner?
Publicado: 23 Ago 2010 14:41
Asunto: Re: ¿Cómo sé las medidas de mi banner?
Publicado: 23 Ago 2010 18:47
Si te refieres a un banner que ocupe la totalidad d la cabecera, en tu caso es un poco complicado, jejeje pero no imposible. si te das cuenta tu web al reducir la ventana del navegador la cabecera tambien se va estrechando y se va haciendo mas alta para dar sítio a el texto que tienes en el interior de la cabecera. y esto hace que dependiendo de en que monitor visualeces, me refiero a la resolución vas a necesitar unas dimensiones u otras.
no se pero esta cuestión ya me suena de antes, pero al explicarla nadie me echo cuenta.
El caso es, que si mantienes el texto la cabecera se seguirá ajustando a las necesidades del texto, y la imagen se descuadraria dependiendo de la resolusión y el tamaño de la ventana del navegador. Para solucionar ésto lo primero que hice es eliminar todo el texto de la cabecera (el texto lo puede incluir en el diseño del banner). En segundo lugar definir un ancho maximo para la web con el objetivo de que si se visualiza en una máquina con mucha resolución la web no se adapte al 100% si no que se adapte al 100% o 98% o lo que sea pero hasta un limite maximo que si se sobrepasa, la web no se amplia mas, y hay tenemos el ancho maximo de la imagen del banner pero tenindo en cuenta a la hora del diseño que el contenido del diseño se tiene que colocar centrado y que no sobrepase el tamaño mínimo de la resolución mínima estimada de visualización.
Todo esto junto con un centrado de la imagen en la cabecera conseguiremos un efecto de adaptación del banner a cualquier resolución.
background-color:#12A3EB;
background-image:url("./styles/prosilver/theme/images/bg_header.gif");
Aqui tienes el código donde puedes definir el alto de tu cabecera, que añadiendo esto:
pues estás fijando un alto de 150px a tu cabecera, de modo que este alto es el alto maximo del banner para tu web. (haciendo esto no tendras que quitar el texto de tu cabecera) lo que no se es como se va a comportar, es cuestion de probar.
Para definir un ancho maximo para la web, aquí igual que tienes definido el ancho minimo:
min-width:650px;
pues añades:
max-width:1240px;
por ejemplo. y este 1240 sera el ancho maximo, en pixeles, de tu banner. Pero segun mi teoria el diseño se debe de centrar en los 650px del centro de la imagen este 650px se puede estirar algo mas por ejemplo sobre unos 900 o 800px que es la resolución mínima que los usuarios suelen usar en sus monitores. pero cada vez esta resolución minima se hace mayor y con el tiempo se perderá dejando paso a otro mínimo estandar.
y para que la imagen siempre se encuentre centrada de manera que siempre se vea el centro del diseño de la imegen aquí:
sustituiremos ésta linea:
por ésta:
background-image: url("{T_THEME_PATH}/images/bg_header.gif") no-repeat scroll center center transparent;
pero, debemos de saber que bg_header.gif ésta sera la imagen que tienes que sustituir por tu nuevo banner o especificar ahi el nuevo nombre de tu banner.
Espero haberte aclarado algo. y no haberte liado mas. pero la cosa no es tan simple como parece.
Todos estos códigos son para plantilla prosilver
Edito: Se me olvidaba, la resolución de la imagen... lo normal es una resolusión de 72ppp pero puedes poner una mayor si el diseño lo merece o te lo pide por necesidad.
El siguiente usuario da las gracias a blquack por ese mensaje:
Publicado: 23 Ago 2010 22:06
me guardo esta respuesta para empezar a trabajar en el nuevo banner.
gracias quack ... cualquier cosa te preguntaré de nuevo
abrazo man
Publicado: 23 Ago 2010 22:11
ok, lo que salga lo resolvemos sobre la marcha.
Publicado: 24 Ago 2010 11:31
HP: 0 / 159
MP: 76 / 76
EXP: 91 / 100
He dado: 3 Gracias
Recibidas: 20 Gracias
Uruguayito, si te sirve de algo en Internet Explorer apretando F12 o entrando en Herramientas/Herramientas de desarrollo tienes una regla en pixels que te dice la medida exacta de todo lo que tengas en pantalla. Yo solo uso el explorer para medir algo para todo lo demás Chrome.
Publicado: 24 Ago 2010 13:34
este es un MUY buen dato
Publicado: 24 Ago 2010 19:02
No estoy muy seguro, pero me parece que hay algo parecido tambien para mozilla firefox. no?
Publicado: 01 Oct 2010 14:53
a punto de postear pero como siempre mi compañero blquack al pié del cañon XD XD
Como eliminar un espacio
Foro: Css
video como se instala y configurar un PLC
Como colocar varios banner en un foro PHPBB?
beomaca
29 Mar 2011 02:01
Banner en cabecera
29 Sep 2010 23:54
¿Me ayudan con el banner para mi foro?
22 Dic 2010 02:27
Cual es el codigo del banner de esta web?
04 Mar 2011 00:03
columnas para mostrar banner, calendario, etc
16 Oct 2010 01:11
29 Dic 2016 23:42
Paty01
Cambiar BANNER del foro y fijar "ancho"???
04 Ene 2011 16:49
Quitar "banner" del foro
24 Nov 2010 17:27
Como hacer recuadro de registro como pc-teros
17 Ago 2012 17:48
Como instalar un Mod
nico321
09 Ago 2012 15:49
Usuarios navegando por este Foro: bingbot/2.0 y 1 invitado

References: resolución 
 resolución 
 resolución 
 resolución 
 resolución 
 resolución