Quitar borde blanco de un logo

EonHadico · #1 (**permalink**) 16/02/2012, 13:10

Bueno, pues creo que esa es la cuestión principal con la que me estoy quemando las pestañas. Antes de que nadie me eche la bronca, he probado a buscar todas las soluciones posibles en el foro y ninguna ha dado resultado.

Estoy montando un blog con la ultima versión de WordPress para lo cual utilizo un theme gratuito que se adapta "casi" perfectamente a mis necesidades y es el siguiente...

Código:

http://www.towfiqi.com/amphion-lite-free-wordpress-theme.html

En el he realizado algunas modificaciones como el editar el Style.css para agregar esto...

Código:

{ background-image: url(images/page-bg.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed; margin:0; padding:0;}

...con lo que he cambiado el fondo a uno mas atractivo que se acerca mas a mis intereses y el resultado a sido el que deseaba.

Después he editado la cabecera (header.php) para cambiar el titulo del blog por un logotipo, así que he realizado la siguiente modificación...

Código:

    <div id="logo">
    <a href="<?php echo get_option('Inicio'); ?>/"><img src="/logo.png" border="0"></a>
    </div>

El resultado a sido el correcto salvo por el molesto borde blanco que rodea a la imagen (borde que lógicamente la imagen no tiene) así que he editado de nuevo la hoja de estilos (Style.css) para dejarla de la siguiente manera...

Código:

    /*LOGO*/
    #logo{float:left; margin-top:40px;}
    #logo img{ border:0;}
    .desc{ margin-bottom:20px;}

Pero ni por esas, el logo sigue mostrando el dichoso borde blanco y dado que el fondo que he añadido es oscuro queda demasiado feo. Como es lógico, la imagen del logo tendría un enlace. También he probado cambiando el 0 por none, por si acaso, pero sin ningún resultado.

He llegado a poner directamente una imagen en la cabecera, sin enlace alguno y sigue saliendo el mismo problema.

Carlangueitor · #2 (**permalink**) 16/02/2012, 13:17

Creo que debería ser:

#logo a img{ border:0;}

Saludos

EonHadico · #3 (**permalink**) 16/02/2012, 14:22

Cita:

Iniciado por Carlangueitor

Creo que debería ser:

#logo a img{ border:0;}

Saludos

También prove esta opción agregando el atributo "a" pero ni por esas.

zanguanga · #4 (**permalink**) 16/02/2012, 17:03

En la página del theme, el autor dice en los comentarios:

You will have to get the Pro version to add logo or banner to the header.

Necesitas la versión pro para añadir tu logo en la cabecera.

EonHadico · #5 (**permalink**) 16/02/2012, 17:54

Cita:

Iniciado por zanguanga

En la página del theme, el autor dice en los comentarios:

You will have to get the Pro version to add logo or banner to the header.

Necesitas la versión pro para añadir tu logo en la cabecera.

Esa es la respuesta que da en uno de los comentarios, aunque no creo que en este caso esa sea la solución. A lo que el se refiere es que el los ajustes del theme existe una opción donde cambiar el titulo del blog por un logo, en la versión gratuita, tan solo se puede cambiar la fuente.

El problema es que ya he llegado a probar hasta cambiar de editor gráfico (de Photoshop a Corel) y seguimos en las mismas, así que supondré que es un fallo existente en este theme de muy difícil solución.

zanguanga · #6 (**permalink**) 17/02/2012, 05:08

Pues tú verás, quizá si das la url podamos ver algo, pero a ciegas es muy difícil y si además el tema lleva funciones específicas para que no se vea el logo si no compras la versión premium, todavía más difícil.

EonHadico · #7 (**permalink**) 17/02/2012, 15:53

Bueno, pues la verdad es que ya empiezo a dudar de que sea un problema del theme ya que he probado con diferentes, algunos premium de pago y otros gratuitos y todos ellos admiten logos por defecto, pero el problema persiste de todas maneras.

Si queréis verlo, en esta dirección http://jimenez.in podéis verlo en una instalación recién echa, con un logo echo en PhotoSHop con el texto mas simple que he encontrado en negro y con la fuente Arial de toda la vida. En este caso esta puesto con otro tema, también gratuito, que si admite logo, que trae uno por defecto y al que curiosamente no le sucede este efecto, pero en cuanto cambio la imagen, sea en el tema que sea, aparece un contorno blanco que afea mucho, pero que da la sensación no ser problemas de código.

Y antes de seguir, decir que he probado diferentes editores graficos, PhotoSHop, Illustrator , Corel, hasta el mismísimo paint y en diferentes maquinas, usando diferentes navegadores y no hay forma.

El que esta puesto en estos momentos esta creado con Adobe Illustrator en un tema gratuito llamado UpSide que admite el cambio de logo y que también trae uno por defecto y este es el efecto que obtengo...

Aunque si no cambio su logo por defecto, esto es lo que se puede ver...

He llegado a pensar incluso que fuese problemas del servidor (extraño pero nunca se sabe), así que hoy he creado una cuenta en un hosting de los gratuitos para probar y sigo en las mismas.

Carlangueitor · #8 (**permalink**) 17/02/2012, 15:56

Es tu logo, que está en PNG8, prueba ponerlo en png-32

Si eso no sirve entonces hay un script que hace eso, justamente para obligar a usar la versión pro.

Saludos

EonHadico · #9 (**permalink**) 17/02/2012, 17:00

Cita:

Iniciado por Carlangueitor

Es tu logo, que está en PNG8....

No, si al final me tendré que dar de collejas yo mismo por tonto.

En fin, que tienes toda la razón del mundo y estaba cometiendo uno de los fallos mas elementales, MUCHAS GRACIAS...