Ayuda Dimensiones Logo

Ayuda Dimensiones Logo
Datos importantes:
Url del foro: http://www.tusahorros.net
Version de SMF: 2.0.4
Theme del foro: Light Theme
Descripcion del problema:
Hola chicos una duda!

Bueno alguien me ha hecho una cabecera y la imagen en cuestion de la cabecera que quiero poner es:

http://imageshack.us/a/img20/7219/vhih.jpg

Ahora, el que me lo hizo me dice que falta mucho borde y se ven los bordes blanco. Yo tengo una netbook y ahora mismo solo veo que le falte unos pixeles.. 1010 pixeles y estaria perfecto de ancho, pero el medice que le falta mas de 1400 pixeles!!

Como lo ven ustedes? Como hago para que la imagen o borde se adapte a todas las pantallas? Que harian ustedes si no se puede?

No te conviene tener el logo alojado en un servidor externo. Tenes muchas imagenes en imageshak y el foro tarda mil años en cargar por eso. Siempre debes alojar las imagenes en tu servidor. SOlo una sugerencia

COn respecto al problema del tamaño del logo, tenes que poner el logo en el id logo del css y no en un link en el template si es que queres hacer lo de ponerlo con cualquier resolucion.

Tenes que editar el id logo asi:

Code: [Select]

#logo {
    background: url(../images/TULOGOENLACARPETAIMAGESDELTHEME) no-repeat;
    background-size: 100% 100%;
    margin: 0;
    padding: 0;
    text-align: center;
}
FIjate que la imagen debe ir en la carpeta images del theme y obviamente deberas eliminar el codigo del logo que pusiste en el index.template.php

Entonces debo añadir eso en en css y una pregunta Lean..

debo eliminar la de index.template.php .. entonces seria esta linea?

Code: [Select]

echo'
</div>
<div id="header">
<div id="logo">
<a href="', $scripturl, '">', empty($context['header_logo_url_html_safe']) ? '<img src="' . $settings['theme_url'] . '/images/logo.png" alt="'. $context['forum_name'] .'" />' : '<img src="' . $context['header_logo_url_html_safe'] . '" alt="' . $context['forum_name'] . '" />', '</a>
</div>';

Si eliminas eso estas eliminando todo, el contenedor, el logo, etc... No tenes que eliminar eso. Tenes que eliminar solo el <a>

Esa parte quedaria asi, proba con esto:

Code: [Select]

echo'
</div>
<div id="header">
<div id="logo">$nbsp;</div>';

Lo he hecho Lean pero al hacer eso me sale de esta forma:



Te adjunto el index.template.php a ver si he hecho algo mal

Pero subiste la imagen a la carpeta que te dije?

Pero subiste la imagen a la carpeta que te dije?

Si.. la subi.. porque no sale lo alto?

Te adjunto el index.css tambien? :/

Agrega un height: 175px; al id logo.

#logo {
    background: url(../images/TULOGOENLACARPETAIMAGESDELTHEME) no-repeat;
    background-size: 100% 100%;
    margin: 0;
    height: 175px;
    padding: 0;
    text-align: center;
}

Ok!! ahora si!! solo una cosa.. me aparece el Texto: $nbsp; como lo quito? Lo he quitado en index.template.php y no sale la cabecera..

Solo una duda mas.. no se le puede poner un hiperlink que cuando pinchen en el logo vaya al Portal?   

Gracias Lean!

Me confundi, es asi: &nbsp;

Me confundi, es asi: &nbsp;

Gracias, y se le puede poner el hiperlink? seria en index.template.php no?

En el div en el index.template.php proba esto:

<div id="logo" onclick=”window.location=\’http://www.tusahorros.net\‘;”>

Y en el index.css agregale cursor:pointer;

#logo {
    background: url(../images/TULOGOENLACARPETAIMAGESDELTHEME) no-repeat;
    background-size: 100% 100%;
    margin: 0;
    height: 175px;
    padding: 0;
    text-align: center;
    cursor: pointer;
}

Siempre previo backup del archivo que modificas por las dudas de que este mal.

lo puse en el index.css pero a la hora de ponerlo en el index.template.php pero a la hora de pinchar pone como el dedo pa dejar pinchar pero no va a la pagina