Formato y tamaño del logo

[RedSpider]

Acabo de meter el common.css original, el fichero completo, y ya me deja modificar los tamaños.
Lo máximo que he conseguido es como está ahora. Si puedes échale un vistazo.
http://foro.prisamata.com" onclick="window.open(this.href);return false;

En el acp he definido el tamaño en 870x204. Si aumento el alto (204) aumenta el alto de todo, incluso el fondo. Si paso de 870 el logo se va desplazando a la derecha. No lo entiendo.
Sigo pensando que es algún parámetro del common.css. ¿No?

[xoom]

Bueno después de mucho trastear, lo he conseguido, aunque no es la forma más ortodoxa, es la única que ofrece el resultado que buscas

Lo que he hecho es poner el logo como fondo, con lo que conseguimos que encaje, pero no sirve con enlace al index. Esto se soluciona dejando como logo una imagen transparente de las mismas dimensiones.

En cuanto a la imagen del logo, revísala, alrededor tiene píxeles vacíos que te impedirán ajustar al 100% la imagen con la cabecera. Cuando la hayas depurado, súbela a /theme/images/

Estos códigos pueden variar con el tuyo, he descargado el prosilver se pero difiere del tuyo, no solo en color sino en anchura, haz búsquedas parciales en caso de no encontrarlos.

Vuelve a subir el common.css original y ...

Busca

Código: Seleccionar todo

.headerbar {
	background: #ebebeb none repeat-x 0 0;
	color: #FFFFFF;
	margin-bottom: 4px;
	padding: 0 5px;
}

A continuación añade

Código: Seleccionar todo

   height: 204px;

Abre colours.css

Busca

Código: Seleccionar todo

.headerbar {
	background-color: #7C8891;
	background-image: url("{T_THEME_PATH}/images/bg_header.gif");
	color: #FFFFFF;
}

Sustituye bg_header.gif por el nombre de la imagen que subiste anteriormente.

Abre overall_header.html

Busca

Código: Seleccionar todo

      			<div id="site-description">
        			<a href="{U_INDEX}" title="{L_INDEX}" id="logo">{SITE_LOGO_IMG}</a>
        			</div>

Sustitúyelo por

Código: Seleccionar todo

                    <div style="height: 194px;">
        			<div id="site-description">
        				<a href="{U_INDEX}" title="{L_INDEX}" id="logo">{SITE_LOGO_IMG}</a>
        			</div>
        			</div>

Con esto fijamos la altura de la cabecera, fíjate que son 10 px menos que la altura de la imagen, si en un futuro modificas la imagen, deberás varias este valor restando 10 a la altura de la imagen. De lo contrario deformará las esquinas del div inferior.

Guarda, sube y actualiza plantilla y tema.

[mitch]

increíble trabajo xoom!!

[xoom]

Gracias mitch, les estoy cogiendo una mania a los prosilver ...

[RedSpider]

Muchísimas gracias xoom. Ya está.
Yo no iba desencaminado, no? Llevaba tiempo intentando averiguar como conseguir ésto.

Por si alguien más utiliza el bl@ck, lo cierto es que para este estilo no hay que sustituir la línea en colours.css sino incluirla ...

/* Round cornered boxes and backgrounds
---------------------------------------- */
.headerbar {
background-color: #393939;
background-image: url("{T_THEME_PATH}/images/tulogo.png");
color: #FFFFFF;
}

.navbar {
background-color: #E8E8E8;
}

.forabg {
background-color: #5D5F62;
background-image: url("{T_THEME_PATH}/images/bg_list.gif");
}

.forumbg {
background-color: #5D5F62;
background-image: url("{T_THEME_PATH}/images/bg_header.gif");

En rojo lo que no hay que eliminar. En verde lo que hay que añadir.

Y otra cosa, desde el ACP hay que quitar el fichero para el logo principal, para que no aparezca sobre el fondo.

Muchas gracias de nuevo. Me has sido de gran ayuda.