Foros del Web » Creando para Internet » CSS »

Ayuda con width - height miniatura

Estas en el tema de Ayuda con width - height miniatura en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 19/11/2010, 17:38
Avatar de YolandaGC  
Fecha de Ingreso: marzo-2006
Ubicación: España
Mensajes: 151
Antigüedad: 11 años, 9 meses
Puntos: 0
Busqueda Ayuda con width - height miniatura

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
  #2 (permalink)  
Antiguo 19/11/2010, 22:25
Avatar de neysitc  
Fecha de Ingreso: noviembre-2010
Ubicación: alert('Peru')
Mensajes: 47
Antigüedad: 7 años
Puntos: 5
Respuesta: Ayuda con width - height miniatura

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:
Ver original
  1. .post .thumb img
  2. {
  3. width: 200px  !important;
  4. height: 250px !important; //La altura de tu imagen
  5. }

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!!!
  #3 (permalink)  
Antiguo 20/11/2010, 05:46
Avatar de YolandaGC  
Fecha de Ingreso: marzo-2006
Ubicación: España
Mensajes: 151
Antigüedad: 11 años, 9 meses
Puntos: 0
Respuesta: Ayuda con width - height miniatura

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'); ?>">
  #4 (permalink)  
Antiguo 20/11/2010, 08:11
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Ayuda con width - height miniatura

Esas imágenes las coloca como background del elemento y no en ningún archivo css, sino en línea:
Cita:
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.
  #5 (permalink)  
Antiguo 20/11/2010, 13:32
Avatar de YolandaGC  
Fecha de Ingreso: marzo-2006
Ubicación: España
Mensajes: 151
Antigüedad: 11 años, 9 meses
Puntos: 0
Respuesta: Ayuda con width - height miniatura

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...

  #6 (permalink)  
Antiguo 21/11/2010, 04:03
Avatar de Dalvenjha  
Fecha de Ingreso: febrero-2008
Ubicación: $("#oficina");
Mensajes: 692
Antigüedad: 9 años, 9 meses
Puntos: 53
Respuesta: Ayuda con width - height miniatura

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

Saludos
__________________
Mi Showcase ||

Compartiendo todo lo posible con los demás.

Etiquetas: height, miniatura, width
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 00:07.