Mostrar ultimo Post mas grande

[luciana_uru]

Tengo este codigo, que capta todos los contenidos de una tabla y muestra la informacion.

Código PHP:

  echo'<div class="display_izq_col">'; 
foreach ($context['normal_posts'] as $np) 
{ 
echo'<div id="content-r"> 
<div class="img-recent"> 
<img width="100" height="75" src="/Asus-CG8270-CM6870-01.jpg" /> 
</div>'; 
echo'<div class="content-recent">'; 
echo 
substr($np['body'], 0, 230);  //Recorto titulo a 30 caracteres 
echo'... </div>'; 
} 
echo'</div></div>';  
   

Mostrando todos los post de la Base de datos asi:



Y lo que quiero lograr es que el ultimo post o entrada publicada se muestre mas grande, asi por ejemplo:



Pero no logro hacer, si alguien me puede dar una idea, de como encarar esto. Muchas Gracias de antemano!

[Naahuel]

No veo las imágenes. Me tira un 403 Forbidden.

¿Más grande como? ¿La tipografía? Mostrá bien la imagen para entenderte mejor :) A lo mejor es cuestión de estilos y no de PHP.

[luciana_uru]

Hola, gracias por responder, lo que quiero hacer es que los primeros post que se muestren en el index, tengan un css. y que el ultimo post de lista tenga otro css para mostrarlo mas grande, si ves la imagen te daras cuenta.

Primera imagen
http://k38.kn3.net/31E6B3A9C.png

Segunda imagen
http://k41.kn3.net/9A3E3A393.png

[luciana_uru]

Primera imagen:


Segunda imagen:

[Naahuel]

Entiendo. Podrías intentar determinar cual es el último post y asignarle una clase al contenedor.

Basándonos en este código:

Código PHP:

$i = 0;
$len = count($array);
foreach ($array as $item) {
    if ($i == 0) {
        // primero
    } else if ($i == $len - 1) {
        // último
    }
    // …
    $i++;
}
 

Modificamos tu código:

Código PHP:

<?php
    echo'<div class="display_izq_col">'; 
    
    //Contadores para determinar primeros y ultimos
    $i=0;
    $len = count($context['normal_posts']);
    
    foreach ($context['normal_posts'] as $np) 
    { 
        if($i==0){
            //primer post
            echo'<div id="content-r" class="primer-post">';
        } else if($i == $len - 1){
            //último post
            echo'<div id="content-r" class="ultimo-post">';
        } else{
            //Cualquier otro post
            echo'<div id="content-r">';
        }
        
        echo '<div class="img-recent"> 
        <img width="100" height="75" src="/Asus-CG8270-CM6870-01.jpg" /> 
        </div>'; 
        echo'<div class="content-recent">'; 
        echo 
        substr($np['body'], 0, 230);  //Recorto titulo a 30 caracteres 
        echo'... </div>
        </div>'; 
        
        //Incrementar contador:
         $i++;
    } 
    echo'</div>';  
?>
 

También corregí una anidación incorrecta de los <div>. Vos estabas abriendo los div id="content-r" dentro del foreach pero cerrándolos fuera. Entonces ibas a tener muchos abiertos pero sólo el último cerrado.

Además de este error, estarías repitiendo los id's content-r en cada ciclo, lo cual es inválido en HTML. Usá clases en su lugar.

[luciana_uru]

Muchas gracias!! probare, si lo de los div me di cuenta xD

[luciana_uru]

Me funciono, pero el problema es que no puedo agrandarlo, por que si modifico el primer post con css, los demas tmb se modifican :S

[Naahuel]

Pero si usás la clase .primer-post no deberían. Probablemente algo está mal, fijate bien el código que te está generando. Posteá tu CSS y tu HTML generado por ese código PHP.

[luciana_uru]

Naahuel Muchas gracias!! ya lo solucione, voy a tener que hacer un curso de php y css xD