Avisos
Vaciar todo

problemas con el centraje de logo y banner publicidad en Palene  

Página 2 / 2
 
Javier
 Javier
Estimable Member

En el header de mi blog tengo a la izquierda el logo de la web (que se inserta en la configuración de Palene Theme - estilo), un gantry divider y enla derecha un banner de publicidad.
El problema es que el logo y el banner no quedan alineados a la misma altura y no se como hacerlo.
Tengo que decir que he hecho dos pruebas, una poner un anuncio autoajustable de adsense y otro poner un banner .gif con la misma altura que el logo de la web.
Necesito ayuda por favor, no puedo hacer público el blog con ese descuadre en el header.

Os inserto la imagen del header de otra web que he encontrado en la red y que usa Palene, y justamente lo tiene como yo lo quiero. Como podreis ver tiene el logo a la misma altura que el banner de adsense.

gracias

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 28/07/2017 12:45 am
Javier
 Javier
Estimable Member

Muchas gracias Pepe.
Solucionado ya se ve bien en escritorio y en móvil.
He cambiado la imagen del banner por un jpg. Esta no me interesa que desaparezca si la bloquean.
Me he instalado el firefox con ad-blocks, pero sigo sin ver el banner, he borrado historial y nada.
¿Podrías por favor confirmar si ahora se ve el banner al lado derecho del logo de la web con un navegador que tenga ad-blocks?
Gracias

ResponderCitar
Respondido : 30/07/2017 11:40 am

Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Javier.

No, no se ve.

Dentro de widgets tienes uno que es imagen, en vez utilizar un bloque html utiliza el widget de imagen y en la opción Custom Variations añades la clase que creaste alignright

Un saludo

ResponderCitar
Respondido : 30/07/2017 12:19 pm
Javier
 Javier
Estimable Member

Hola Pepe,
Gracias por la ayuda.
Este seria el resultado de hacer lo que me comentas en un navegador sin adblock. Añadiendo un gantry divider en medio ya que si no me pone el banner debajo del logo.

Como podrás ver, se me ha desnivelado el logo de la izquierda. Por algún motivo lo mueve hacia arriba, cuando esto ya estaba centrado mediante el codigo que me dijiste en mensajes anteriores en el cual creo que le pusimos al codigo css un -40.
Por lo que veo en el móvil sigue mostrándolo bien.
Por otro lado, he mirado desde firefox con adblock y no muestra el banner aun habiendo echo el cambio de HTML a imagen.
Gracias

ResponderCitar
Respondido : 30/07/2017 1:19 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Javier.

Ok, déjalo como lo tenias anteriormente, con lo que te pase al principio.
Como te comentamos es complicado lo de lo bloqueadores de publicidad.

Los bloqueadores permiten añadir la URL del dominio a la lista blanca, pero eso lo tienen que realizar los usuarios, en este caso puedes pedirles mediante un mensaje que añadan tu dominio a la lista blanca del bloqueador.

En este caso seria añadir el siguiente código en tu archivo functions.php

if ( defined('BA_ADBLOCK_ENABLED') && BA_ADBLOCK_ENABLED == true )
echo "Parece que usas un Adblock. Si te gusta el contenido de este sitio añádelo a tu lista blanca para permitir que siga existiendo.";

Este código, si detecta que tiene instalado el bloqueador lo que hace es mostrar un mensaje para que puedan añadir la URL a su bloqueador del navegador.

Prueba utilizar una imagen con unos tamaños distintos, por defecto tienden a bloquean cualquier imagen de tamaños estándar que se utilizan para publicidad como puede ser 250×250 o el 768×60, intenta añadir una imagen con tamaño distinto y revisa si esa imagen se muestra.

Existen plugins que se anuncian como Anti Adblock pero no esperes mucho de ellos, tengo algunos analizados y puede que te funcionen pero no esperes mucho, no existe una solución perfecta que bloquee los Adblockers, es la pura realidad.

Ad Blocking Detector, es un plugin que detecta los Adblockers y permite crear anuncios alternativos, contenido que sustituya los anuncios en caso de detectar un sistema de Adblock, ya sea una imagen que pida que te añadan a lista blanca o anuncios estáticos que no detecten los Adblockers.

La primera opción es que añadas una imagen con un tamaño distinto y vemos si se muestra.

Por el tema del descuadre no te preocupes que lo solucionamos con poco de css, lo que nos interesa es que se muestre la imagen.

Un saludo

ResponderCitar
Respondido : 30/07/2017 2:22 pm
Javier
 Javier
Estimable Member

Hola Pepe,
He añadido el código para el mensaje de adblocks.
Por otro lado, comentarte que he conseguido ver el banner en jpg en el firefox con adblocks como verás a continuación

¿Podrías por favor decirme si tu lo ves también?. En el caso de que si, me podrias indicar el código a modificar para bajar el logo de la web (izquierda) con tal de ponerlo en linea con el banner?
El código css que puse hace unos días y que tengo actualemente en palene-wp custom es:

a img.alignright {
margin: -40px 0 0;
}

Gracias

ResponderCitar
Respondido : 30/07/2017 3:00 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Javier.

¿Podrías por favor decirme si tu lo ves también?.
Pues no, no se ve, también puede ser cache de mi navegador aunque la limpie.

me podrías indicar el código a modificar para bajar el logo de la web (izquierda) con tal de ponerlo en linea con el banner?

Añade lo siguiente al mismo archivo:

#rt-logo {
    margin-top: 25px;
}

Un saludo

ResponderCitar
Respondido : 30/07/2017 3:26 pm
Javier
 Javier
Estimable Member

Hola Pepe,
Acabo de introducir el código y no surge efecto. Lo he probado con varios navegadores limpiando historial.
Te escribo el codigo css que tengo por si ves algo que esta mal:

a img.alignright {
margin: -40px 0 0;
}

#rt-logo {
margin-top: 25px;

Gracias

ResponderCitar
Respondido : 30/07/2017 3:58 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Javier.

Veo que lo tienes añadido dentro del @media:

@media (max-width: 780px) {
a img.alignright {
    margin: -15px 0 0;
}
a img.alignright {
    margin: -40px 0 0;
}
#rt-logo {
    margin-top: 25px;
}
}

Tiene que estar fuera de ese bloque, seria como sigue:

@media (max-width: 780px) {
a img.alignright {
    margin: -15px 0 0;
}
a img.alignright {
    margin: -40px 0 0;
}
}
#rt-logo {
    margin-top: 25px;
}

Si lo pones antes de cerra el @media solo tendría efecto cuando la resolución sea inferior a 780px.

Un saludo

ResponderCitar
Respondido : 30/07/2017 4:06 pm
Javier
 Javier
Estimable Member

Ahora si.
Muchas gracias.
Eres un crack

ResponderCitar
Respondido : 30/07/2017 4:14 pm

Cursos Gratuitos WordPress

Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Javier.

Como siempre un placer amigo 😉
Ya sabes que estaremos por aquí si necesitas realizar alguna consulta.

Cerramos el tema.

Un Saludo

ResponderCitar
Respondido : 30/07/2017 7:26 pm
Página 2 / 2