Configuración:
.
Biología
.
Botánica
.
Tecnología
.
Sociedad
A mis trece años de edad, el día 2 de Diciembre de 2007 inicié ‘El Balcón de Jame’. Este humilde espacio, cuyo secreto siempre fue el de compartir sin recibir nada a cambio, me dio la oportunidad de conocer un mundo nuevo, un entorno en el que me sentía yo mismo.

Hoy, 17 de abril de 2011 finalizo esta etapa de mi vida con una gran sonrisa y junto al recuerdo que este blog y cada unos de vosotros me habéis concedido.

He sido bloggero.

Jaime Trujillo Escobedo.

Controlar el tamaño máximo y mínimo de las imágenes

En muchas ocasiones me han preguntado cómo se puede redimensionar una imagen, de manera que no se sobresalga de la entrada y por tanto no afecte a la estructura del blog.

A continuación te enseñaré a insertar unos valores de CSS en tu plantilla para controlar el tamaño máximo de las imágenes, así como el mínimo.


Diseño>Edición de HTML>sin expandir artilugios




Busca este bloque de CSS:

.post img {
padding:4px;
border:1px solid $bordercolor;
}

Y cámbialo por este otro:

.post img {
max-height: 410px;
min-width: 410px;
padding:4px;
border:1px solid $bordercolor;
}

Si en tu plantilla no aparece el primer bloque, agrega el segundo justo encima de la etiqueta ]]></b:skin>

Hemos agregado al bloque las siguientes líneas:

max-height: 410px; que indica la altura máxima de la imagen.

min-width: 410px; que indica la anchura máxima de la imagen.

El tamaño máximo en este caso sería 410 píxeles, lo cual no resulta demasiado grande pero tampoco pequeño.

Para que resulte más fácil controlar el tamaño, podemos guiarnos por la anchura del bloque de entradas (main-wrapper) que en este caso, es 410.
#main-wrapper {
width: 410px;
float: $startSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

Finalmente guarda cambos y tus imágenes tendrán un límite de tamaño.

Notas:

Puede que en tu plantilla no aparezca el bloque de .post img { o, al agregarlo no funcione el truco.

Esto se debe a que el bloque de entradas tiene otro nombre (diferente a post) y por tanto el bloque con las propiedades de las imágenes debe editarse.

Si tienes problemas para realizar el truco, deja tu comentario y podré ayudarte.

Anónimo dice...

Que hay jaime, cada dia tu blog va mejor te felicito brother,cambie la imagen de mi foro y quedo GRANDIOSO sigue costandome que se registren y demas pero bueno... lo promocione en un monton de sitios y la gente no se registra que "estupida"

Aqui te dejo un link de la nueva imagen del foro, jaime por que no te registras?? me ayudarias??

Anónimo dice...

Perdon no puse el link aqui esta:

http://i293.photobucket.com/albums/mm77/xxdarkness_photosxx/mjtribute.png

Jaime Trujillo Escobedo dice...

Darkness, ya veo lo bien que ha quedado. Está muy elegante. Te comento que me registré y no recibí los datos en el correo :S.

Aunque no dispongo de mucho tiempo, podría registrarme (pero no digo que vaya a conectarme amenudo, ya que lo tengo muy difícil).

Anónimo dice...

Jaime, emm sino te puedes registrar en tal caso veria que es, sino puedes entrar continuamente no importa.

Bueno si te apece registrarte otra vez y mejor, te esperare.

Jaime Trujillo Escobedo dice...

Gracias Darkness. Lo intentaré más adelante.

Escribe tu comentario en la entrada...

El Balcón de Jaime fue terminado el 17 de abril de 2011. Leer despedida.

Me gustaría conocer tu opinión. El comentario será moderado y en breve se publicará.

Si deseas incluir un enlace utiliza este código:

<a href="Dirección de tu página">Titulo del enlace</a>

Para publicar un código haz uso del Conversor de entidades.

Intenta escribir sobre algo relacionado con el artículo. Si no lo haces, podría tardar en responderte.

¿Problemas al comentar? Utiliza el formulario antiguo