Colocar banner hori...
Avisos
Vaciar todo

Colocar banner horizontalmente  

 
Alejandro Esteban
 Alejandro Esteban
Estimable Member

Hola buenas

Me podrían ayudar, necesito poner unos banner en el Top, pero el problema es que salen uno debajo de otro de forma vertical y quiero que estén uno al lado del otro de forma horizontal, muchas gracias.

Quito la web en mantenimiento para que podaís ver las dos imágenes que tengo en el top. un saludo

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 14/06/2016 1:14 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Alejandro.
Tienes la Web en mantenimiento, puedes activarla para que podamos verlo?

Un saludo

ResponderCitar
Respondido : 14/06/2016 2:26 pm

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

Alejandro Esteban
 Alejandro Esteban
Estimable Member

perdona, envié el mensaje y me he despistado, ya está gracias

ResponderCitar
Respondido : 14/06/2016 2:28 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola alejandro.
Que modulo estas utilizando para mostrar los banners?
Prueba con el modulo que tienes en el enlace:
TM Banner Block

Un saludo

ResponderCitar
Respondido : 14/06/2016 3:03 pm

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

Alejandro Esteban
 Alejandro Esteban
Estimable Member

hola pepe
Bloque de Banner v1.4.0 - por PrestaShop este es el que utilizo que viene por defecto en prestashop
voy a probar con este que me dices y te cuento, un saludo

ResponderCitar
Respondido : 14/06/2016 5:18 pm
Alejandro Esteban
 Alejandro Esteban
Estimable Member

hola buenas

He probado este modulo, pero no logro ver donde decirle en que display ponerlo que imagino que será en posición de módulos pero lo mas importante es que no veo donde decirle que que posición ponerlo o incluso el tamaño.
como he dicho quiero que estén en horizontal, uno al lado del otro y con las medidas que yo desee, vamos lo mismo que hace este modulo Bloque de Banner v1.4.0 pero poniendo los banner horizontal

ResponderCitar
Respondido : 14/06/2016 5:42 pm

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

Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Creo que lo que quieres se puede corregir por CSS, usa el modulo de PrestaShop por defecto para poner tus banners, se verán uno debajo de otro, en este punto vuelve a contestar para ver que código se genera y ver si es posible corregir por CSS para que se muestre uno al costado de otro.

Saludos.

ResponderCitar
Respondido : 14/06/2016 7:50 pm
Alejandro Esteban
 Alejandro Esteban
Estimable Member

Hola Jhon

ya los he puesto, gracias

ResponderCitar
Respondido : 14/06/2016 10:22 pm

Cursos Gratuitos WordPress

Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Ubica este archivo : /themes/Himalia/css/customuser.css

Al final agrega el siguiente código :

#htmlcontent_top{
	float:none;
	display:block;
	margin:auto;
	width:100%;
	max-width:1170px;
}

#htmlcontent_top ul li{
	display:block;
	float:left;
	width:46%;
}

Con esto las imágenes que debes poner deben ser un poco más anchas, revisa poniendo el código con las imágenes que tienes actualmente para que veas el efecto

PD. Debes refrescar tu navegador o limpiar cache para ver los cambios.

Saludos.

ResponderCitar
Respondido : 14/06/2016 11:43 pm
Alejandro Esteban
 Alejandro Esteban
Estimable Member

hola Jhon

he puesto 4 banner y quiero pedirte el favor de que lo mires para poderlos poner todos en la misma linea quizas un dia use 3 otro 4 otro 2 . o que concejo me puedes dar para hacer esto. las medidas mas o menos seran esas, esas imagenes son ejemplos pero es para poder tener una idea un saludo

ResponderCitar
Respondido : 15/06/2016 6:19 pm

Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

En el còdigo que te enviè simplemente tendrìas que cambiar el porcentajes de los elementos de la lista

width:46%;

Le pude haber puesto 50% , 50 + 50 = 100% , sòlo que querìa dejar algo de margen

En tu caso si quieres 4 banners serìa 25% , 3 banners 33% , etc.

Si tienes dificultades habilita nuevamente tu sitio para ver el còdigo generado ya que actualmente lo tienes en mantenimiento.
Saludos.

ResponderCitar
Respondido : 15/06/2016 8:48 pm
Alejandro Esteban
 Alejandro Esteban
Estimable Member

jhon hola

Vale me funciona, no pensé en hacerlo así, lo siento, lo que si es que se me va muy a la izquierda, y si le digo center se va a la derecha, dejo abierto el sitio web graciias

ResponderCitar
Respondido : 16/06/2016 12:42 am

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

Alejandro Esteban
 Alejandro Esteban
Estimable Member

Jhon

ya me funciona muchas gracias

ResponderCitar
Respondido : 16/06/2016 1:08 am