Ver Mensaje Individual
  #1 (permalink)  
Antiguo 19/05/2009, 15:23
Avatar de Wonza99
Wonza99
 
Fecha de Ingreso: marzo-2009
Mensajes: 54
Antigüedad: 15 años, 9 meses
Puntos: 0
Ayuda Mostrar imagen en template de wordress.

Buenas tardes, necesito la colaboración de algun miembro que tenga conocimiento en CSS ya que estoy renegando de temprano y no logro dar en la tecla.

El tema es el siguiente:

Instale un Wordpress Blog + el Template leanmagazine

Ver -> agroviajes.com

Como podran ver, el template muestra en un recuadro superior un resumen de lo que se publica. El tema es que la imagen que muestra es captada del post (siempre y cuando se publique una sola imagen con los tamaños programados)

El problema es cuando se publican 2 imagenes, el sistema me toma cualquiera y esa cualquiera no tiene los tamaños ideales para que se muestre correctamente.

Lo que quiero hacer es ver de que manera el template captura la imagen para poder decirle que en vez de la imagen 2 me tome la imagen 1.

(Ver ejemplo -> agroviajes.com/2009/05/propuesta-alojamiento-fungi-2009/)

Viendo los php del index del template, observo que toma la imagen por medio de una variable que supongo yo que esta en el style.css

Codigo PHP

Código:
<!-- begin featured -->
		<div class="featured">
		<h2 class="title">Agroviajes.com - Seminarios, Charlas, Conferencias, Congresos y mas...</h2>
		<div class="thumb"><div class="b">
			<ul class="photo">
			<?php echo $photos; ?>
			</ul>
			<ul class="text">
			<?php echo $text; ?>
			</ul>
		</div></div>
		</div>
		<!-- end featured -->
Style.css

Código:
#content .featured {
		padding: 5px 30px 10px;
	}
		#content .featured h2.title {
			float: left;
			font-size: 0.9em;
			text-transform: uppercase;
			color: #ffffff;
			background-color: #212121;
			padding: 5px 8px;
			font-weight: normal;
			margin-bottom: 10px;
		}
		#content .featured .thumb {
			width: 590px; height: 315px;
			padding: 5px;
			border: 1px solid #E9E9E9;
			background-color: #F2F2F1;
			clear: both;
		}
			#content .featured .b {
				width: 589px; height: 315px;
				overflow: hidden;
				position: relative;
			}
			#content .featured .photo {
				list-style-type: none;
			}
				#content .photo li {
					position: absolute;
					top: 0; left: 0;
					z-index: 0;
				}
				#content .photo li.first {
					z-index: 2;
				}
				#content .photo li img {
					width: 326px;
				}
No se si me estoy explicando de manera correcta, pero si alguien tiene intenciones de ayudarme podriamos hacerlo mas claro en base a preguntas y respuestas que se vayan dando en este thread.

Desde ya muchas gracias.

Última edición por Wonza99; 19/05/2009 a las 15:31