Modificar el largo del ¿header?

[el_abu8369]

Hola!!! tengo un consulta para hacerles...

Les dejo mis datos de soporte:

URL: http://forodefinitivo.host56.com/
Versión phpBB: phpBB3 (3.0.5)
MODs Instalados: botones BBCode by Mitch
Plantilla(s) usada(s): Buziness_board 2.0
Servidor: Servidor Gratuito
Actualización desde otra versión: No
Conversión desde otro sistema de foros: No

Bueno, mi consulta es la siguiente, quisiera modificar el largo de esto:



He buscado por todos lados pero no lo he encontrado, en principio creo q se debe modificar el overall_header.html pero no encontre ninguna funcion q modifique lo q quiero hacer, espero q alguno sepa o ya lo haya hecho! agradeceria mucho q me indiquen como modificar eso, desde ya muchisimas gracias a toda la comunidad! este foro es excelente!!

Exitos!

[HuanManwe]

busca en el .css porque es ahí donde se suelen definir esos datos. No en el html en si mismo, sino en el .css que use tu plantilla.

[el_abu8369]

Hola HuanManwe, muchisimas gracias por leer mi consulta, te comento q anduve buscando por los .css y lo q pude deducir es q la modificacion se puede llegar a hacer en 2 archivos, en el common.css o en uno q se llama businezz_board_add.css.

En el primero, common.css, encontre esta parte q puede llegar a ser lo q estoy buscando:

Código: Seleccionar todo

/* Site description and logo */
#site-description {
	width: 100%;
	height: 200px;
	margin: 0;
	padding: 0;
	white-space : nowrap;
}

#site-description h1 {
	display: block;
	position: absolute;
	top: 200px;
	left: 30%;
}

PasteBin del Common.css: http://www.phpbb-es.com/foro/pastebin.p ... =view&s=88

Igualmente dejo el PasteBin del common.css por las dudas, y tambien puede ser q haya alguna opcion en el buziness_board_add.css, por q capaz q es algun agregado. Pero primero investigare en el common.css a ver como va, espero no hacer macana! jeje Muchisimas gracias Huanmawe, te mantendre al tanto!


Exitos y saludos

[el_abu8369]

Bueno, al final, lo q modifica (graficamente) el ancho de lo q queria modificar esta en estas lineas:

Código: Seleccionar todo

/* Site description and logo */
#site-description {
   width: 100%;
   height: XXXpx;       <--------  aca se define la altura, donde XXX es el valor q se le agrega en pixeles
   margin: 0;
   padding: 0;
   white-space : nowrap;
}

lo modifique, lo puse en 100px (estaba en 200px) y asi quedo, pero ademas necesito mandar todo el foro hacia arriba!



y lo logre en parte modificando este valor, estaba en 50px y lo cambie a 0px:

Código: Seleccionar todo

/* Round cornered boxes and backgrounds
---------------------------------------- */
.headerbar {
	color: #FFFFFF;
	margin-bottom: 4px;
	padding: 0 5px;
	height: XXpx; <------------------aca se define la distancia de el board con respecto al ¿header? (no se como llamarlo)
}

Pero necesito mover todo hacia arriba! osea, solo modifique la parte grafica del ¿header? pero no la parte q se encarga de setear los espacios, espero q me puedan ayudar si se les ocurre algo!

Muchisimas gracias!!

[HuanManwe]

Código: Seleccionar todo

/* Site description and logo */
#site-description {
	width: 100%;
	height: 200px; <-- sí, ese valor debería ser 100px ó así, para hacerlo más corto.
	margin: 0;
	padding: 0;
	white-space : nowrap;
}

#site-description h1 {
	display: block;
	position: absolute;
	top: 200px; <-- ese valor indica la distancia con la parte de arriba de tu página, o de la capa superior, si existiera
	left: 30%;
}

Para más información sobre qué es CSS lee aquí.

[el_abu8369]

Huan, al final la distancia del board se modifica con estas lineas q se encuentran en el archivo businezz_board_add.css, es una hoja distinta al common.css

Código: Seleccionar todo

/* specifics buziness board css
-------------------------------------------------*/
#preloaded {
	position: absolute;
 	left: 0; 
	top: -5000px;
}

#leftbox {           <----------------------------- Se mueve toda la botonera q tiene a la izquierda (FAQ, MEMBER, ETC)
	display: block;
	width: 150px;
	min-height: 100%;
	height: 100%;
	position: absolute;
	top: 100px; <----------------------------- Valor modificado
	left: 0;
}

#rightbox { <----------------------------- Se mueve todo el board
	display: block;
	position: absolute;
	top: 100px; <----------------------------- Valor modificado
	left: 155px;
	width: 84%;
}

Lo q vos me indicaste solo modifica la posicion de titulo del sitio y la descripcion del mismo, pero todo sirve! jeje
y asi es como queda, bastante bien! es lo q necesitaba, el unico detalle es hacer mas chica toda la caja de busqueda! solo encontre como moverla mas arriba pero no encontre como achicarla!



Gracias!!

[HuanManwe]

en el common.css se define la caja de la búsqueda, a partir de la línea 139:

Código: Seleccionar todo

/* Search box
--------------------------------------------- */
#search-box {
        color: #FFFFFF;
        position: absolute;
        top: 23px;
        right: 25px;
        display: block;
        text-align: center;
        white-space: nowrap; /* For Opera */
}
 
#search-box #keywords {
        width: 120px;
        background-color: #FFF;
}
 
#search-box input {
        border: 1px solid #b0b0b0;
        margin-top: 20px;
}
 
/* .button1 style defined later, just a few tweaks for the search button version */
#search-box input.button1 {
        padding: 1px 5px;
}
 
#search-box li {
        text-align: right;
        margin-top: 4px;
}
 
#search-box img {
        vertical-align: middle;
        margin-right: 3px;
}
 
/* Site description and logo */
#site-description {
        width: 100%;
        height: 200px;
        margin: 0;
        padding: 0;
        white-space : nowrap;
}
 
#site-description h1 {
        display: block;
        position: absolute;
        top: 200px;
        left: 30%;
}

[el_abu8369]

Por desgracia esa no es la parte q modifica el tamaño de ese campo Huan! lo q si modifica es la posicion y el tamaño de la cajita donde van las palabras clave sumado al boton de "GO" y al de "busqueda avanzada", pero no todo ese modulo con el fondo y el borde, estoy en una racha hoy! jeje esta plantilla es muy coplicada! acepto sugerencias si a alguien se le ocurre algo! ya probe de todo, cambiando muchos valores, pero no doy con el q busco! si alguien necesita un PasteBin avise y lo pongo de inmediato!

Muchisimas gracias!!!