Avisos
Vaciar todo

problemas con el centraje de logo y banner publicidad en Palene

25 Respuestas
4 Usuarios
0 Reactions
830 Visitas
Respuestas: 238
Estimable Member
Topic starter
 

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


 
Respondido : 27/07/2017 11:45 pm
Johnny Heredia Montiel
Respuestas: 20131
Illustrious Member 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.


 
Respondido : 28/07/2017 2:18 am
Respuestas: 238
Estimable Member
Topic starter
 

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


 
Respondido : 28/07/2017 6:04 pm
Johnny Heredia Montiel
Respuestas: 20131
Illustrious Member 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.


 
Respondido : 28/07/2017 10:32 pm
Respuestas: 238
Estimable Member
Topic starter
 

Hola,
Lo publique hace un buen rato.
Gracias


 
Respondido : 28/07/2017 11:20 pm
Johnny Heredia Montiel
Respuestas: 20131
Illustrious Member Moderator
 

Hola,

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


 
Respondido : 29/07/2017 3:33 am
Respuestas: 238
Estimable Member
Topic starter
 

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.


 
Respondido : 29/07/2017 10:08 am
Pepe
 Pepe
Respuestas: 41264
Illustrious Member 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


 
Respondido : 29/07/2017 3:03 pm
Respuestas: 238
Estimable Member
Topic starter
 

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


 
Respondido : 29/07/2017 4:31 pm
Respuestas: 238
Estimable Member
Topic starter
 

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


 
Respondido : 29/07/2017 5:56 pm
Luis Mendez Alejo
Respuestas: 23273
Illustrious Member
 

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


 
Respondido : 29/07/2017 8:55 pm
Respuestas: 238
Estimable Member
Topic starter
 

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?


 
Respondido : 29/07/2017 9:32 pm
Luis Mendez Alejo
Respuestas: 23273
Illustrious Member
 

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


 
Respondido : 30/07/2017 1:47 am
Respuestas: 238
Estimable Member
Topic starter
 

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


 
Respondido : 30/07/2017 10:02 am
Pepe
 Pepe
Respuestas: 41264
Illustrious Member 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


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