Avisos
Vaciar todo
Hola,
he instalado en el sitio la plantilla yoo_master, que es un template adaptable, y funciona perfectamente.
El problema lo tengo cuando inserto imágenes en los artículos. Me gustarían que las imágenes ocuparan todo el ancho del artículo, y el texto quedará arriba y debajo de ellas. Si ajusto el ancho de la imagen a 900 píxeles, en la pantalla de mi ordenador se ve perfecta, pero en mi móvil aparece cortada. Si la ajusto al ancho del móvil, queda demasiado pequeña en mi ordenador.
No sé si hay alguna forma de forzar a que la foto ocupe determinado tamaño en función del dispositivo que la abre...
un saludo,
P
URL del sitio: Contenido solo visible a usuarios registrados
Respondido : 14/07/2013 11:42 pm
Hola Pedro,
¿Puedes facilitar el enlace de la plantilla en la web del autor para analizar el comportamiento? es posible que no sea Responsive o "tan" responsive como puedas pensar.
Saludos
Respondido : 15/07/2013 12:32 am
buf... por lo que dices entiendo que este tipo de cosas las debería gestionar la plantilla, ¿es así?
la descargué de aquí:
http://joomladirect.com/get-kotoba-our-free-premium-joomla-template
Respondido : 15/07/2013 12:45 am
Hola Pedro,
La plantilla si es Responsive y se comporta correctamente (la demo del autor) en dispositivos móviles.
Tu página NO se comporta bien, entre otras cosas observo que el logo es enorme y no se adapta correctamente a dispositivos móviles, debería revisarlo en las imágenes del layout de la plantilla para la vista en dispositivos móviles y corregirlo.
Sobre las imágenes de los artículos, parece que no estás respetando el código original que envuelve las imágenes (clase) para que se visualicen correctamente, por ejemplo esta la veo perfecta en el móvil:
Y en tu web las imágenes se cortan.
Saludos
Respondido : 15/07/2013 1:00 am
Gracias gnumax,
El logo lo tenía enorme y me descuadraba todas las páginas, pero lo reduje a 371x74 píxeles, y no me da problemas. De hecho me sorprende que me lo menciones, porque lo reduje antes de abrir este tema en el foro.
En cuanto a la clase de las imágenes, se debía a un plugin que he desinstalado.
Pero cambiadas estas dos cosas, me sigue dando problemas. Estoy utilizando el editor jce, y he quitado del html del artículo las dimensiones de la imagen que me da problemas, de manera que sólo aparece:
sin especíricar los parámetros "height" y "width", pero el resultado es el mismo: la imagen cortada.
La puedes ver aquí, en la cuarta foto. No sé qué más puedo estar haciendo mal...
Esta publicación ha sido modificada el hace 5 años por antonio
Respondido : 15/07/2013 1:42 am
Hola Pedro,
No tenemos acceso a la plantilla para probarla, pero te recomendamos que instales el "quickstart" de la plantilla comprada en otra carpeta con los datos de ejemplo y luego edites alguno de los artículos que trae la demo y verifiques el código exacto que utilizar para posicionar las imágenes de los artículos.
Saludos
Respondido : 15/07/2013 2:08 am
He instalado el quickstart, y encuentro que, efectivamente, las imágenes las está insertando con un código diferente:
o sea, en la clase "size-auto align-center".
Lo he probado en el sitio en el que estoy trabajando y funciona perfectamente.
Además, veo que en el editor JCE, en la pestaña "Advanced" del "Image manager", se puede escribir directamente la clase, de manera que mi cliente no necesitará modificar el código html.
Sin embargo, veo que aún así para mi cliente no es una opción muy cómoda.
¿Es posible hacer que las imágenes que se inserten en los artículos tengan, por defecto, la clase "size-auto align-center"?
Esta publicación ha sido modificada el hace 5 años por antonio
Respondido : 15/07/2013 6:33 pm
Hola Pedro
Lo que comentas no es posible, sin embargo puedes probar agregando un código CSS genérico que se aplicaría para todas las etiquetas img
Agrega el siguiente código a algún archivo CSS de tu template, por ejemplo al archivo template.css
img{
max-width:100%;
height:auto;
}
Verifica si insertando una imagen sin necesidad de poner la clase se redimensiona.
Saludos
Respondido : 15/07/2013 10:04 pm
Hola, Jhon.
He visto tu respuesta, al problema que yo también tengo sobre las imagenes responsive, pero tengo una duda...el archivo a modificar es template.css? Me puedes indicar la ruta?
El comando hay que añadirlo al final del todo, o en algún sitio en concreto? Y por ultimo, hay algún comando para que también lo haga con los videos insertados (con código de youtube)
Gracias.
Respondido : 18/07/2015 11:28 am
Hola Cipri,
Es mejor que crees un nuevo hilo en el foro con tu consulta. Ten en cuenta que necesitamos que nos facilites la url a tu web para revisar, ya que la solución dada a Pedro en su día (hace 2 años ya) puede no ser adecuada en tu caso.
Si utilizas una plantilla con el Framework Gantry puedes añadir un archivo css personalizado, revisa https://www.webempresa.com/blog/agregar-archivo-css-personalizado-para-plantillas-gantry.html
Pero como te digo, es mejor que crees un nuevo hilo.
Un saludo
Respondido : 18/07/2015 1:06 pm
Ok, así lo hare, gracias.
Respondido : 18/07/2015 1:13 pm
