Ayuda con imagenes

Pixtoons · 8 Nov 2015

Buenas a todos, tengo un problema, mas que todo vengo a pedirle su ayuda, alguien sabe si las imagenes de blog se pueden autoajustar en la pagina principal?? tengo un tumblr, el cual si lo hacen se ajustan a ciertas medidas, queria saber si eso tambien se puede en blog? si se puede alguen que me diga como?

Souhiro · 8 Nov 2015

Agregas ese css en tu plantilla:

HTML:

.post-body img {
    max-width: 345px;
    height: auto;
}

donde: max-width: 345px; es el valor maximo de una imagen, si quieres poner todas las imagenes en un mismo tamaño lo cambias por width: 445px;

SnakeNet · 8 Nov 2015

Souhiro dijo:
Agregas ese css en tu plantilla:

HTML:

.post-body img { max-width: 345px; height: auto; }

donde: max-width: 345px; es el valor maximo de una imagen, si quieres poner todas las imagenes en un mismo tamaño lo cambias por width: 445px;

Aclarar un detalle más del código del amigo indicarte que max-width es que significa que si es superior de ancho a ese número lo reduce a ese y width es que obliga a todos a cumplir ese ancho y en caso de que sean más pequeñas puede afectar a la visualización el forzarlo.

pixwoosh · 9 Nov 2015

También podés especificar esa variable en porcentaje.
Por ejemplo:

.post-body img {
max-width: 93%;
height: auto;

Estás poniendo que el largo máximo de la imagen sea el 93% del largo total del contenedor. El alto siempre dejalo en auto.
Al cargar la imagen, poné "tamaño original" (que por supuesto debe ser más grande que el que especificas) si le ponés extragrande y la previsualización nueva que ponés es mayor a 640px te la muestra pixelada.

Pixtoons · 10 Nov 2015

Disculpa la ignorancia

Souhiro dijo:
Agregas ese css en tu plantilla:

HTML:

.post-body img { max-width: 345px; height: auto; }

donde: max-width: 345px; es el valor maximo de una imagen, si quieres poner todas las imagenes en un mismo tamaño lo cambias por width: 445px;

Disculpa la ignorancia amigo, en que parte de la plantilla pongo ese codigo?

Souhiro · 10 Nov 2015

Pixtoons dijo:
Disculpa la ignorancia amigo, en que parte de la plantilla pongo ese codigo?

Antes de:

HTML:

]]></b:skin>

pixwoosh · 10 Nov 2015

Abrís la plantilla... hacés click en el área de edición y ctr+F para abrir el buscador. Allí ponés .post-body img

No tenés que poner nada, fijate si tu plantilla ya tiene un .post-body img y en ese caso modificalo.

Ayuda con imagenes

Pixtoons

Souhiro

SnakeNet

pixwoosh

Pixtoons

Souhiro

pixwoosh

Temas similares