Página 1 de 2
Modificar header en poker_olimpus
Publicado: 11 Jul 2010, 10:11
por 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.
Re: Modificar header en poker_olimpus
Publicado: 12 Jul 2010, 15:19
por 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

Re: Modificar header en poker_olimpus
Publicado: 13 Jul 2010, 06:42
por 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.

Re: Modificar header en poker_olimpus
Publicado: 13 Jul 2010, 14:38
por DaVidU
hiciste lo que te puse para modificar en el archivo overall_header.html?
prueba eso y hazme captura para ver que tal sale

Re: Modificar header en poker_olimpus
Publicado: 14 Jul 2010, 09:27
por 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:
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:
Re: Modificar header en poker_olimpus
Publicado: 15 Jul 2010, 00:59
por 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.
Re: Modificar header en poker_olimpus
Publicado: 15 Jul 2010, 08:14
por jorup16
Y cómo podría hacer eso de dejar negro a los lados y la imagen en el centro?
Re: Modificar header en poker_olimpus
Publicado: 15 Jul 2010, 08:37
por xoom
Lo pruebo y te digo.
Re: Modificar header en poker_olimpus
Publicado: 15 Jul 2010, 09:19
por jorup16
Muy bien, espero tu respuesta, gracias

Re: Modificar header en poker_olimpus
Publicado: 23 Jul 2010, 07:01
por jorup16
Hola xoom, no sé si probaste a hacer lo del header

Re: Modificar header en poker_olimpus
Publicado: 31 Jul 2010, 22:56
por jorup16
Bump!

Re: Modificar header en poker_olimpus
Publicado: 31 Jul 2010, 23:23
por leviatan21
Hola
jorup16 :
Prueba hacer esto :
Abrir :
raíz/styles/poker_olympus/theme/stylesheet.css
Buscar :
Después agregar :
Luego recuerda refrescar el
tema
Re: Modificar header en poker_olimpus
Publicado: 02 Ago 2010, 07:56
por 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
Re: Modificar header en poker_olimpus
Publicado: 02 Ago 2010, 08:15
por 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
Re: Modificar header en poker_olimpus
Publicado: 03 Ago 2010, 09:14
por 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