Avisos
Vaciar todo

problemas con el centraje de logo y banner publicidad en Palene  

Página 1 / 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
Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

Hola,

Tendrías que publicar el banner para poder verificar como cuadrarlo mediante código CSS. Una recomendación es que no excedas los tamaños ya definidos y recomendados en la plantilla.

ResponderCitar
Respondido : 28/07/2017 3:18 am

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

Javier
 Javier
Estimable Member

Hola,
Lo acabo de publicar. A ver si podemos hacer algo con este tema. No me gustaría dejar el header así. Da mala impresión.
Disculpar por tanta pregunta pero no tengo ni idea de informática ni diseño web.
Gracias

ResponderCitar
Respondido : 28/07/2017 7:04 pm
Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

Hola,

No lo veo publicado. Es mejor que lo mantengas publicado para poder revisarlo así nos demores un poco en la respuesta y otro compañero tambien lo pueda revisar.

ResponderCitar
Respondido : 28/07/2017 11:32 pm

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

Javier
 Javier
Estimable Member

Hola,
Lo publique hace un buen rato.
Gracias

ResponderCitar
Respondido : 29/07/2017 12:20 am
Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

Hola,

Lo he verificado en varios navegadores pero me carga tal cual te adjunto en captura.

ResponderCitar
Respondido : 29/07/2017 4:33 am

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

Javier
 Javier
Estimable Member

Hola,
Debe ser un problema de refresco, no se...
Yo ayer y esta mañana lo veo así:

en el internet explorer y en el crhome.

ResponderCitar
Respondido : 29/07/2017 11:08 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Javier.

La imagen no aparece si tienes algún bloqueador en el navegador como puede ser adblock

.- Para solucionar lo de la posición prueba añadir lo siguiente a tu archivo palene_wp-custom.css

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

Un saludo

ResponderCitar
Respondido : 29/07/2017 4:03 pm

Cursos Gratuitos WordPress

Javier
 Javier
Estimable Member

Ahora si Pepe!
Eres un fenómeno. Me acabas de alegrar el día. Muchas gracias.
El header es muy importante visualmente como ya sabras.

El tema de que no podáis ver el banner de propaganda que he puesto (.gif), es solo en este caso, o no se puede ver ninguno de los banners que tengo de ad-sense en la web.
Entiendo por lo que me dices que: ¿todos aquellos que tengan ad-block en el navegador no verán la publicidad?. ¿Que solución tiene esto? para mi la publicidad será importante a medio largo plazo.
Gracias

ResponderCitar
Respondido : 29/07/2017 5:31 pm
Javier
 Javier
Estimable Member

Hola Pepe,
Solo una cosa para cerrar este tema que me estaba dando tantos problemas.
Me he dado cuenta que en la versión móvil, como que primero inserta el logo y justo debajo el banner, al haber bajado el logo, ahora se muestra muy pegado al banner por no decir casi encima. ¿Se te ocurre algo para arreglar esto?

Si puedes por favor, contestame tambien lo del mensaje anterior referente al ad-blocks
Gracias

ResponderCitar
Respondido : 29/07/2017 6:56 pm

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

Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Admin

Hola Javier,

Necesitamos ver el "código" (no la imagen) completo que pinta ese banner para saber que envoltorio está usando ya que por lo que parece no tiene comportamiento responsive actualmente por eso se corta por la derecha en dispositivos móviles.

Si las personas que visualizan tu página usan bloqueadores de publicidad poco podrás hacer para evitarlo. Es una batalla que ni las grandes marcas están consiguiendo ganar incluso a pesar de haber demandado a empresas que desarrollan esos bloqueadores de publicidad ¡difícil tema donde los haya!

Saludos

ResponderCitar
Respondido : 29/07/2017 9:55 pm
Javier
 Javier
Estimable Member

Hola Luis,
Gracias por la información, no sabia lo del tema del ad-block.
El banner que me esta dando problemas (mensaje anterior) es justamente un banner .gif que me ha proporcionado la fuente. No viene de adsense. Es una imagen insertada el header a traves del widget deHTML.
Te muestro el código de dicha imagen y la configuración que tiene:

Si no hay solución, he pensado que quizás podría utilizar un plugin para movil gratuito o de pago que pueda mejorar lo que ofrece wordpress, ya que no me gusta como muestra el menu principal (boton encima de la fecha, el estilo del desplegable tipo esquema, etc..). ¿Me podrías aconsejar uno por favor?

ResponderCitar
Respondido : 29/07/2017 10:32 pm

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

Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Admin

Hola Javier,

Observa un detalle:

1. El banner gif ya tiene un tamaño, 728x90 que fue al tamaño que lo diseñaron ¿correcto?
2. Tu le insistes en que ese es el tamaño con width y height ¿correcto?

Elimina los atributos "width" y "height" con sus correspondientes valores numéricos, en el widget, guarda los cambios y prueba el comportamiento del widget en escritorio y en dispositivos.

Si aún así te sigue fallando (no tiene comportamiento responsive) encierra todo el código del iframe en un contenedor "div":

...... tu código ....

No olvides limpiar la cache de tu navegador móvil.

Saludos

ResponderCitar
Respondido : 30/07/2017 2:47 am
Javier
 Javier
Estimable Member

Hola Luis,
He echo las dos pruebas que me comentas.
Con la primera de quitar los atributos de dimension del banner sigue igual, y con la segunda el resultado es el siguiente:

Es posible que no haya puesto bien el código. Por favor¿ te lo podrías revisar?

Vuelvo a dejarlo como estaba antes hasta que tenga el código bien

Gracias

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

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

Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Javier.

Añade lo siguiente a tu archivo palene_wp-custom.css

@media (max-width: 780px) {
a img.alignright {
    margin: -15px 0 0;
}

El tema del bloqueador es complicado solucionarlo, los usuarios lo instalan para eso, lo que puedes probar es añadir una imagen jpg o png en vez de un gif.

Un saludo

ResponderCitar
Respondido : 30/07/2017 11:18 am
Página 1 / 2