Ayuda con width - height miniatura

[YolandaGC]

Estoy tratando de "arreglar" una parte de una web y me está dando problemas porque no encuentro donde cambiar los parámetros css. La dirección es www.cine24h.es Lo que quiero cambiar es el width and height de la imagen en miniatura de la foto que se muestra en la entrada(es un blog hecho con wordpress). En lugar de que sea ancha quiero ponerle un tamaño que se ajuste a una carátula de película,como por ejemplo 200px por 100px (para probar).
He mirado el css después de usar el inspector css del navegador y la hoja de estilos me encuentro con lo siguiente:

Código:

.post .left {

	width:206px;

}

.post .thumb {

	margin:12px 0 0 12px;/*firefox*/

 *margin:11px 0 0 11px;/*ie7*/

	_margin:11px 0 0 11px;/*ie6*/

	width:191px;

	height:119px;

	text-align:center;

}

.post .thumb a div {

	width:178px;

	height:110px;

	CURSOR: pointer;

}

.post .thumb a div:hover {

	background:url(images/zoom.png) no-repeat 55% 60%;

 *background:url(images/zoom.png) no-repeat 50% 60%;

	_background:url(images/zoom.png) no-repeat 50% 60%;

}

.post .thumb a:hover {

	_background:url(images/zoom.png) no-repeat 50% 60%;

He tratado de cambiar esos parámetros pero se desajusta y no hay manera de encontrar la forma. Alguien que lo sepa del foro?

Cualquier ayuda es agradecida y bienvenida

[neysitc]

Hola.

Segun entiendo deseas cambiar de tamaño a esas imagen generadas como Thumbail desde PHP .

Si no me equivoco esto deberia funcionar:

Código CSS:

.post .thumb img
{
width: 200px  !important;
height: 250px !important; //La altura de tu imagen
}
 

Lo correcto es que modiques el script PHP , que genera es imagen y cambiarlo el valor en la funcion donde genera esa Miniatura. Para evitar distorsiones de las imagenes.!!

Suerte!!!

[YolandaGC]

No me acabó de quedar claro, el código que me pusiste lo reemplezo por lo que puse en el primer mensaje?

El archivo php a modificar no se cual puede ser,tengo en el index.php:

Código:

<div class="thumb" style="background: url(<?php bloginfo('url'); ?>/<?php echo get_post_meta(get_the_ID(), '_video_thumbnail_small',true)?>) no-repeat 50% 50%;" alt="<?php the_title_attribute('echo=1'); ?>">

[kseso?]

Esas imágenes las coloca como background del elemento y no en ningún archivo css, sino en línea:

element.style {
background:url("http://cine24h.es//wp-content/uploads/2010/11/Elf1-180x101.jpg") no-repeat scroll 50% 50% transparent;
}
.post .thumb {
height:119px;
margin:12px 0 0 12px;
text-align:center;
width:191px;
}

Como bien le indican, la generación de la imagen en miniatura y su inclusión en cada div thumb la debe de realizar mediante programación ¿js, php? ese tema de wp.
Así que debe actuar por ese lado y no por la vía de css.
No tenemos forma de saber si la miniatura la genera en función del tamaño del ".post .thum" o independientemente de ello.

[YolandaGC]

Hay un archivo llamado image.php en el que he encontrado el siguiente código:

Código:

<h2><a href="<?php echo get_permalink($post->post_parent); ?>" rev="attachment"><?php echo get_the_title($post->post_parent); ?></a> &raquo; <?php the_title(); ?></h2>

			<div class="entry">

				<p class="attachment"><a href="<?php echo wp_get_attachment_url($post->ID); ?>"><?php echo wp_get_attachment_image( $post->ID, 'medium' ); ?></a></p> 

				<div class="caption"><?php if ( !empty($post->post_excerpt) ) the_excerpt(); // this is the "caption" ?></div>



				<?php the_content('<p class="serif">' . __('Read the rest of this entry &raquo;', 'kubrick') . '</p>'); ?>

pero no se donde tocar...

Después he encontrado en functions.php:

Código:

add_post_meta($id, '_wp_attachment_metadata', $imagedata);


			$url = str_replace(get_bloginfo('url'),'',$url);





			$MaxWidth = 180;  //设置图片宽度界限


			$MaxHeight = 112; //设置图片高度界限

pero no se si se cambia ahí el width y height...

[Dalvenjha]

Tendría que ver todo el código, pero prueba cambiando esos valores, no pierdes nada con intentarlo.

Saludos