Estandarizar tamaño imágenes en página de inicio automáticamente

aap82 · 3 Sep 2012

Quiero que las imágenes de los post en la pagina de inicio tengan todas el mismo tamaño, que automáticamente se amplíen o reduzcan a un tamaño establecido, y luego ya cuando se entre a leer el post se vea en su tamaño original. Mi plantilla lo tenía ya establecido pero se ve que hoy he tocado algo y cada imagen tiene un tamaño diferente...no se si me explico...puede alguien ayudarme???
Gracias

Mi blog es Enlace eliminado

Mandado desde mi iPhone utilizando Tapatalk

lombervid · 3 Sep 2012

intenta agregando en el css:

HTML:

.post-body img {
	width: 300px;
	height: 300px;
}

poniendo las medidas que quieras, y si te llega a modificar tambien ya en los posts puedes condicionarlo para q solo se muestre en el home:

HTML:

<b:if cond='data:blog.url == data:blog.homepageUrl'>
	<style type="text/css">
		.post-body img {
			width: 300px;
			height: 300px;
		}
	</style>
</b:if>

Saludos!!

smyrna · 3 Sep 2012

lombervid dijo:
intenta agregando en el css:

HTML:

.post-body img { width: 300px; height: 300px; }

poniendo las medidas que quieras, y si te llega a modificar tambien ya en los posts puedes condicionarlo para q solo se muestre en el home:

HTML:

<b:if cond='data:blog.url == data:blog.homepageUrl'> <style type="text/css"> .post-body img { width: 300px; height: 300px; } </style> </b:if>

Saludos!!

muchas gracias...voy a probar esto , a ver si funciona bien

aap82 · 4 Sep 2012

no me funciona...lo tengo así:

.post-body img{
padding:4px;
background: #FFF;
border: 1px solid #CCC;

}
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<style type="text/css">
.post-body img {
width: 220px;
height: 180px;
}
</style>
</b:if>

lombervid · 4 Sep 2012

aap82 dijo:
no me funciona...lo tengo así:

no xD, si lo metes dentro de donde esta todo el otro css solo ponlo asi:

HTML:

.post-body img {
	width: 200px;
	height: 200px;
}

Y si lo quieres poner con la condicion crea un bloque de estilos aparte, puedes ponerlo casi en cualquier lugar (menos dentro de donde esta el otro codigo css) de preferencia ponlo antes del </head> todo este código:

HTML:

<b:if cond='data:blog.url == data:blog.homepageUrl'>
	<style type="text/css">
		.post-body img {
			width: 200px;
			height: 200px;
		}
	</style>
</b:if>

Nota: Por cierto de 200x200 le queda bien 😉

Saludos!!

aap82 · 4 Sep 2012

ok perfecto, ya lo tengo...muchas gracias por la ayuda 🙂

lombervid · 4 Sep 2012

aap82 dijo:
ok perfecto, ya lo tengo...muchas gracias por la ayuda 🙂

De nada 😉

Por cierto solo una cosa, parece que algo le quitaste o agregaste al código, porque yo veo un monton de css hasta arriba de la pagina 😛, checa donde habias puesto ese codigo que me dijiste que no haya quedado algo por ahi 😛

Saludos!!

- - - Actualizado - - -

xD ya vi que cosa es, creo..

El codigo que te dije va antes del </head> no del <head> 😀

aap82 · 4 Sep 2012

Como que antes del Head y no del Head , no te entiendo...

Mandado desde mi iPhone utilizando Tapatalk

aap82 · 4 Sep 2012

No te entiendo, antes del Head pero no del Head....que quieres decir

Mandado desde mi iPhone utilizando Tapatalk

- - - Actualizado - - -

ah, vale, ahora lo he leido mejor...ya lo he solucionado.

no se si vosotros me podriais ayudar con el problema que tengo...cuando se entra en mi blog desde otros navegadores que no sean internet explorer como por ejemplo el del iphone, o el chrome, la cabecera y el footer se ven desplazados hacia la izquierda y no están alineados con el body. sabeis como solucionarlos?????

gracias

lombervid · 4 Sep 2012

aap82 dijo:
No te entiendo, antes del Head pero no del Head....que quieres decir

Mandado desde mi iPhone utilizando Tapatalk

- - - Actualizado - - -

ah, vale, ahora lo he leido mejor...ya lo he solucionado.

no se si vosotros me podriais ayudar con el problema que tengo...cuando se entra en mi blog desde otros navegadores que no sean internet explorer como por ejemplo el del iphone, o el chrome, la cabecera y el footer se ven desplazados hacia la izquierda y no están alineados con el body. sabeis como solucionarlos?????

gracias

Pero sigo viendo el monton de codigo css arriba en tu pagina :S, al parecer dejaste dentro del codigo css que ya tenias el condicional que habias puesto ahi, quita ese codigo de ahi 😉

Saludos!

aap82 · 5 Sep 2012

creo que ya está solucionado...

aap82 · 27 Sep 2012

lo tengo solucionado en la pagina principal del blog, pero si pinchas en entradas antiguas cada foto se ve de un tamaño. ¿como puede hacer para que en las paginas de entradas antiguas tambien se vean todas iguales?

lo tengo asi:

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<style type='text/css'>
.post-body img {
width: 200px;
height: 180px;
}
</style>
</b:if>

Estandarizar tamaño imágenes en página de inicio automáticamente

aap82

lombervid

smyrna

aap82

lombervid

aap82

lombervid

aap82

aap82

lombervid

aap82

aap82

Temas similares