Imágenes - Tamaño, ...
 
Avisos
Vaciar todo

Imágenes - Tamaño, bordes y márgenes

18 Respuestas
6 Usuarios
0 Reactions
3,009 Visitas
Respuestas: 663
Honorable Member
Topic starter
 

Hola,

Necesitamos que el tamaño de las imágenes sea mayor, que tengan un borde y conserven distancia del texto.

Adjuntamos imagen de ejemplo.

Saludos

URL del sitio: Contenido solo visible a usuarios registrados


 
Respondido : 01/08/2013 4:10 pm
Rafa Noguera
Respuestas: 438
Reputable Member Admin Registered
 

Hola Cecilia,

trata de añadir a tu hoja de estilos las siguientes reglas CSS:

.items-row .item div.img_caption{
margin: 15px !important;
}
.items-row .item div.img_caption img.caption{
padding: 2px !important;
border: 1px solid #ccc !important;
}

Para añadir estas reglas CSS, tienes que copiar estos códigos al final del fichero:

/templates/ja_teline_iv/css/template.css

Recuerda hacer una copia del fichero antes de editarlo, por si tuvieras que volver a la versión anterior del mismo. Además, antes de probar los resultados después de hacer los cambios, limpia la caché de tu navegador para poder visualizar los nuevos estilos correctamente.

Espero que te sirva.

Saludos,
Rafa Noguera


 
Respondido : 01/08/2013 5:21 pm
Respuestas: 663
Honorable Member
Topic starter
 

Hola Rafa,

no hubo cambio.
Las imágenes siguen "pegadas" al texto, sin borde y con el mismo tamaño.

Saludos


 
Respondido : 01/08/2013 5:30 pm
Rafa Noguera
Respuestas: 438
Reputable Member Admin Registered
 

Hola Cecilia,

no veo las reglas CSS al final de la hoja de estilos:

http://laprensa-cp77.webjoomla.es/templates/ja_teline_iv/css/template.css

Por favor, asegúrate de haber pegado correctamente las reglas en este fichero.

Saludos,
Rafa Noguera


 
Respondido : 01/08/2013 5:45 pm
Respuestas: 663
Honorable Member
Topic starter
 

Hola Rafa,

Pero en ese link que nos pasas lo estamos viendo !! :huh:

Adjuntamos imagen de nuestra vista


 
Respondido : 01/08/2013 6:14 pm
Luis Mendez Alejo
Respuestas: 23273
Illustrious Member
 

Hola Cecilia,

Yo veo las imágenes separadas del texto y todas iguales en tamaño ¿has refrescado la caché de tu navegador?.

Saludos


 
Respondido : 01/08/2013 7:45 pm
Rafa Noguera
Respuestas: 438
Reputable Member Admin Registered
 

Cecilia,

refresca la caché de la plantilla de Jomlaart, y vuelve a comprobar si se han aplicado los cambios.
Te adjunto una captura con el botón que refresca esta cache.

Espero que te sirva.

Saludos,
Rafa Noguera


 
Respondido : 01/08/2013 10:40 pm
Respuestas: 663
Honorable Member
Topic starter
 

Hola,

El adjunto que enviamos al comienzo está exactamente igual

http://www.laprensafederal.com.ar/index.php?option=com_content&view=category&layout=blog&id=80&Itemid=862

Saludos


 
Respondido : 02/08/2013 1:20 am
Johnny Heredia Montiel
Respuestas: 20131
Illustrious Member Moderator
 

Hola Cecilia,

Verifica dentro de los artículos si mediante el editor de texto le estas brindando espacio a la imagen, esto seria la opción mas sencilla en este tipo de casos.

Saludos.


 
Respondido : 02/08/2013 1:32 am
Respuestas: 663
Honorable Member
Topic starter
 

Hola Johnny,

Los operadores que suben la información no siempre cuidan los detalles de margenes y otros, de modo que pensamos que lo mejor es que, más allá de la forma en que se suba, el sitio asegure una estética homogenea.

En ese sentido lo mejor es configurar esa plantilla.

Saludos.


 
Respondido : 02/08/2013 2:08 am
Johnny Heredia Montiel
Respuestas: 20131
Illustrious Member Moderator
 

Hola Cecilia,

Para que funcione el código que te envió Rafa, tienes que asegurarte de que en el código de la imagen tenga la clase caption como por ejemplo:

Saludos.


Esta publicación ha sido modificada el hace 5 años por antonio
 
Respondido : 02/08/2013 2:38 am
Respuestas: 663
Honorable Member
Topic starter
 

Hola Johnny,

:huh: Chino básico !!!

No entendimos nada de la caption de la imagen !!!
Saludos


 
Respondido : 02/08/2013 2:45 am
Johnny Heredia Montiel
Respuestas: 20131
Illustrious Member Moderator
 

Hola Cecilia,

Al momento de insertar la imagen tienes que definir la clase caption, puedes utilizar el editor de texto JCE y en el parámetro avanzado simplemente ingresar la frase caption tal como te adjunto en captura:

De esta manera se va a introducir en el código la clase:

class="caption"

Saludos.


 
Respondido : 02/08/2013 4:02 am
Respuestas: 663
Honorable Member
Topic starter
 

Hola,

El hacer la acción cada vez que se sube la imagen no es lo que buscamos.

La opción que nos comentan es para un caso en particular.
En este caso es para TODO el sitio de modo que cada imagen (uno por artículo) que se suba habría que aplicarle manualmente el caption.

Por eso insistimos en adecuar los parámetros desde la plantilla .

Saludos


 
Respondido : 02/08/2013 1:11 pm
Webactualizable.com
Respuestas: 98
Trusted Member
 

Hola,
prueba añadir también:

.item img{
padding: 2px !important;
border: 1px solid #ccc !important;
}

Saludos,


 
Respondido : 02/08/2013 1:44 pm
Página 1 / 2