Página 1 de 1
Cambio de cabecera getaway por una de mayor altura
Publicado: 28 Feb 2010, 06:52
por menkar
Hola a todos y gracias por vuestra ayuda. Es la primera vez que intervengo y no sé nada de php. Sin embargo en el trabajo me mandaron montar un foro y todo ha ido bien siguiendo las instrucciones de aquí, y he cambiado la plantilla por una gataway darkblue. Ahora quiero cambiar la cabecera de esta plantilla por una imagen de mayor altura concretamente 1024x500, (aunque puedo hacerla algo más pequeña) cuando la de la plantilla es 1024x75, y no sé donde tengo que modificarla. He probado a subirla pero la cabecera de la plantilla es tan pequeña que me corta la imagen. Aunque manejo un poquito de otros programas de diseño y pueda hacerla algo más pequeña, sería demasiado dejarla con las dimensiones por defecto y sobre todo: No consigo localizar el lugar donde modificarla ni entender nada de los archivos que vienen.
Os incluyo el enlace al foro donde viene la imagen de cabecera cortada por la dimensiones estándar de la plantilla.
Muestra de la cabecera en el foro de prueba Si pudiérais copiarme el código y el lugar donde modificarlo os estaría muy agradecida ya que tengo qeu entregar el proyecto dentro de poco y no entiendo nada del lenguaje.
Re: Cambio de cabecera getaway por una de mayor altura
Publicado: 28 Feb 2010, 10:51
por xoom
Las dimensiones de la imagen son ideales para una resolución de pantalla de 1680 x 1050 pxl. En mi caso veo perfectamente el foro ya que es la resolución que uso, pero los visitantes que accedan a tu foro y que usen monitores de 19 o 17 pulgadas les aparecerá la barra de desplazamiento.
Bueno, vamos a colocar el logo en su sitio.
Abre /styles/getaway/theme/stylesheet.css
Busca:
Código: Seleccionar todo
#logorow {
background: #1a1f29 url(images/logo_bg.gif) top left repeat-x;
}
#logo1 {
background: url(images/logo_left.jpg) top left no-repeat;
padding: 0;
min-height: 71px;
max-height: 71px;
height: 71px;
overflow: hidden;
text-align: center;
}
#logo2 {
background: url(images/logo_right.jpg) top right no-repeat;
padding: 0;
min-height: 71px;
}
Cámbialo con este otro
Código: Seleccionar todo
#logorow {
background: #1a1f29 url(images/cabecera_foro.jpg)
}
#logo1 {
background: #1a1f29
padding: 0;
min-height: 544px;
max-height: 544px;
height: 544px;
overflow: hidden;
text-align: center;
}
#logo2 {
background: #1a1f29
padding: 0;
min-height: 544px;
}
Guardas, subes el archivo y pulsas CTRL+F5 para ver los cambios
Re: Cambio de cabecera getaway por una de mayor altura
Publicado: 28 Feb 2010, 15:30
por menkar
Parece cosa de magia

!! Muchísimas gracias Xoom y sobre todo por la rapidez, ya que a las 6:52 que escribí mi mensaje ya no sabía como solucionar mi problema.
Tienes razón por el detalle de las dimensiones, mi ordenador también tiene esa resolución y no me percaté de eso al hacer la cabecera, porque normalmente veo adaptadas las páginas que visito. Atendiendo a tu advertencia y como iba a bajar un poco la altura a 300px., he cambiado las dimensiones a 1024x300 pero claro el foro sigue quedando a 1600 de ancho.
¿Hay alguna forma de adaptar el código para que el foro se adaptase a las dimensiones de las distintas pantallas grandes o pequeñas sin dejar huecos en blanco o negro en los laterales? Si hago más estrecha la imagen me queda un hueco a ambos lados que veo feo mientras que el foro permanece igual de ancho al menos en mi ordenador. Como es una imagen bastante grande me parece que quedaría mejor ocupando toda la pantalla. No tengo posibilidad de probar en otro más pequeño para ver si en otro de 19´o 17´pulgadas se adapta. (He leído algo de usar % en vez de pixeles para que fueran dimensiones relativas en vez de absolutas, o algo así).
Gracias de nuevo por tu ayuda.
URL: forocomunidades.mcconsultoria.es
Versión phpBB: phpBB3 (v- 3.0.6)
MODs Instalados: no
Plantilla(s) usada(s): gataway_darkblue
Servidor: linux pago
Actualización desde otra versión: nueva
Conversión desde otro sistema de foros: no
Re: Cambio de cabecera getaway por una de mayor altura
Publicado: 28 Feb 2010, 16:03
por xoom
Tienes dos opciones, una sería fijar el foro a un ancho predeterminado que como norma, no suele exceder de 990 pxl, justo la anchura óptima de resoluciones de 1024 pxl, de esta forma optimizamos la visión del foro para practicamente todas las resoluciones, ya que menos de 1024 hoy en día se da en un porcentaje anecdótico. Con este formato, es cierto que te quedan espacios a ambos lados del foro de una anchura que variará dependiendo del tamaño de la resolución usada, esto se suele solventar adaptando un fondo de pantalla que "case" con el diseño de nuestro foro. Otra ventaja de este formato es que al ser un tamaño fijo, podemos usar fotografías o figuras en nuestro logo.
La otra opción es la que usas ahora, el ancho variable. Dependiendo de la resolución que use el usuario, el foro será más o menos ancho, ocupando la totalidad de la pantalla. Tiene dos inconveniente, el primero es que en pantallas muy grandes, es posible que pierda belleza visual nuestro foro, al coger unas proporciones demasiado anchas, el segundo es que no podemos usar una fotografía o figura, ya que se verá distorsionada según la resolución que la capte. Existe una forma de usar un logo que sea una fotografía o una figura. Sería hacerlo a un ancho de 990 pxl y que tuviera un degradado hacia un color tanto a la izda. como a la dcha. del logo, que en caso de resoluciones mayores, cubran el espacio sin deformar la imagen.
Sopesando uno u otro, tu como administradora del foro eres quien decide si usar un formato u otro.
Re: Cambio de cabecera getaway por una de mayor altura
Publicado: 28 Feb 2010, 16:54
por menkar
He cambiado la resolución de mi pantalla para ver como se ve en 1024 y debe ser que el cuerpo del foro está fijo porque por ejemplo este foro se ve perfectamente y en mi caso no se adapta a la pantalla (ni cabecera ni el body donde van los contenidos de los post).
Por el tipo de imagen de la cabecera lo del degradado no lo veo. Me gustaría que se pudiese adaptar todo el bloque como he visto que hace este foro (o sea que me entrase todo en la pantalla) pero lo debo de tener predeterminado de forma variable como dices.
Así que me surjen dos dudas:
1-- ¿Cómo podría modificar el código para que como aquí, se adaptase a las pantallas lo que tengo ahora: cabecera y contenidos?
2-. Me parece también buena idea la de fijar el foro a una resolución inferior, y mantener un fondo que pegue, pero no sé tampoco donde tengo que modificar "todo el paquete, cabecera y cuerpo del foro" para fijarlo todo a 900 y meter el fondo. Qué pesada!! ¿Alguna idea para esto?
Re: Cambio de cabecera getaway por una de mayor altura
Publicado: 28 Feb 2010, 17:05
por xoom
Tu foro ahora mismo es de ancho variable al igual que este. El motivo de porqué el tuyo no se adapta a la resolución de 1024 que has usado se debe a las dimensiones del logotipo, al estar dentro de la tabla general del foro, este no puede reducirse más, sin embargo si un usuario con una resolución mayor verá el logo en el centro y espacios a ambos lados del logo.
Para fijar el ancho en tu foro haz esto:
Abre ca_config.html
Busca:
Modifica el
'100%' con el valor deseado. Lo recomendable es fijar el ancho a 990pxl
Re: Cambio de cabecera getaway por una de mayor altura
Publicado: 28 Feb 2010, 19:09
por menkar
He cambiado
ca_config.html como me has indicado, tanto dejando el logo a 990px. como a 1024px. pero no consigo que se me adapte. Quizás lo entendí mal: pensé que todo el foro se convertiría de forma fija a 990px. viéndose más fondo rayadito en el resto del espacio lateral cuando la pantalla fuera de resolución mayor y ocupando toda el paquete (logo+foro) toda la pantalla cuando las resoluciones fueran menores.
Añado una imagen del resultado en la resolucion 1024 (ca_config-html: 990 / logo:990) que como verás ahora me falla además la altura del hueco
Y la imagen como queda al pasarlo a 1600
No es posible que el logo vaya al compás del foro. Creo que no sé como manejar el logo cuando cambio el ca_config.html a 990px.
Re: Cambio de cabecera getaway por una de mayor altura
Publicado: 28 Feb 2010, 22:45
por xoom
Deja la línea así
<!-- DEFINE $CA_WIDTH = '990' --> si no ha funcionado es que habrás dejado un espacio o algo así. La imagen por lo tanto debes reducirla a 990x 328. Por último tienes que corregir el alto que modificamos en stylesheet.css.
Código: Seleccionar todo
#logo1 {
background: #1a1f29
padding: 0;
min-height: 328px;
max-height: 328px;
height: 328px;
overflow: hidden;
text-align: center;
}
#logo2 {
background: #1a1f29
padding: 0;
min-height: 328px;
Y así es como queda

Re: Cambio de cabecera getaway por una de mayor altura
Publicado: 01 Mar 2010, 00:34
por menkar
Ha quedado perfecto tal y como me has indicado. Tenías razón, el código lo había modificado en la primera línea marcada en negro, pensé (qué ignorante) que al estar en gris el resto no se podía sobreescribir.
Ahora he intentado modificar por otro rayado los laterales pero después de probar con profile.gif, border.gif, no encuentro cuál es el que tengo que cambiar.
Pero lo más importante y sobre todo más grave, me he fijado que al cambiar por esta plantilla no se puede ahora publicar respuestas ni escribir, no tiene las opciones correspondientes. He cambiado de nuevo a la plantilla prosilver que la mantuve aunque desactivada y en ella sí aparecen las opciones correspondientes. Seguí los pasos que se indican en la guía para instalar el phpbb3 respecto a los permisos y luego cuando probé con la plantilla por defecto funcionaba todo ok. No sé si corresponde escribirlo aquí o abrir un nuevo tema pero te agradecería enormemente si me puedes indicar, qué he podido hacer mal o como puedo corregir el problema. Sería un engorro tener que renunciar a la nueva plantilla después de todo el trabajo ya hecho.
PD. (Perdona por la pregunta estúpida pero no quisiera incumplir las normas del foro ¿he de añadir los datos de soporte en cada mensaje o solo en una pregunta nueva?
Gracias por todo, por la rapidez, los consejos y sobre todo, por la paciencia.
Re: Cambio de cabecera getaway por una de mayor altura
Publicado: 01 Mar 2010, 01:05
por menkar
Problema de los botones editar, nuevo mensaje solucionado. El cambio de la imagen lateral aún no logro localizarlo.
¿Con estos botones el usuario podrá editar los mensajes de otros usuarios, o sólo puedo editarlos yo y el usuario los suyos propios?
Re: Cambio de cabecera getaway por una de mayor altura
Publicado: 01 Mar 2010, 09:41
por xoom
El que no se vieran los botones se debería a que no habías añadido la carpeta en castellano en imageset. La edición es unicamente en los propios mensajes, a excepción de moderadores y administradores que pueden editarlos todos.
Para modificar el fondo, tienes que modificar esta imagen /styles/getaway_darkblue/theme/images/body.gif
Re: Cambio de cabecera getaway por una de mayor altura
Publicado: 01 Mar 2010, 21:29
por menkar
Muchas gracias Xoom.