Estilização de listas

  • Resolvido Dhony

    (@dhony)


    14 anos, 8 meses atrás

    Senhores,

    Tenho um loop que apresenta os 4 últimos posts da categoria Destaque dentro de uma lista ul li.

    Preciso aplicar uma formatação específica de CSS apenas no 2º e 4º post com cores, margens e espaçamentos diferentes do 1º e 3º.

    O loop é o seguinte:

    <div id="destaque">
    <?php $destaque = new WP_Query("category_name=destaque&showposts=4"); ?>
	<?php if ($destaque->have_posts()) : $i = 1; ?>
	<?php while ($destaque->have_posts()) : $destaque->the_post(); ?>
	<ul>
        <li>
			<?php if ( has_post_thumbnail() ) : ?>
            <a href="<?php the_permalink(); ?>" class="thumb"><?php the_post_thumbnail( array(160,110) ); // para recortar as imagens ?></a>
            <?php endif; ?>
            <div>
            	<h2><a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title_attribute(); ?>"><?php the_title(); ?></a></h2>
                <p><a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title_attribute(); ?>"><?php the_excerpt(); ?></a></p>
            </div><!-- end título-destaque -->
        </li>
	</ul>
    	<?php endwhile; ?>
	<?php endif; ?>
</div>

    Tentei fazer como consta nesse tutorial

    http://www.montanaprogrammer.com/wordpress/article-thumbnails-in-wordpress/

    mas como podem ver, se aplica apenas as aos thumbnails. No meu caso, preciso aplica nas listas

    • .

      • Alguém aí pode me ajudar?

Visualizando 2 respostas - 1 até 2 (de um total de 2)
  • lcrafael

    (@lcrafael)

    14 anos, 8 meses atrás

    Kra,

    tenta algo assim:

    <?php $i = 1; ?>
<?php while ($destaque->have_posts()) : $destaque->the_post(); ?>

<ul>
        <li class="lista_num_<?php echo $i; ?>">
			<?php if ( has_post_thumbnail() ) : ?>
            <a>" class="thumb"><?php the_post_thumbnail( array(160,110) ); // para recortar as imagens ?></a>
            <?php endif; ?>
            <div>
            	<h2><a>" rel="bookmark" title="<?php the_title_attribute(); ?>"><?php the_title(); ?></a></h2>
                <p><a>" rel="bookmark" title="<?php the_title_attribute(); ?>"><?php the_excerpt(); ?></a></p>
            </div><!-- end título-destaque -->

</ul>
<?php $i++; ?>
 <?php endwhile; ?>

    isto deve criar uma classe lista_num_1, lista_num_2, lista_num_3, lista_num_4 que vc pode usar no seu css para deixar com o estilo que vc quer.

    Obs: não testei o codigo!

    []`s
    Rafael Cirolini
    http://www.geniusdeveloper.com.br/

    Criador do tópico Dhony

    (@dhony)

    14 anos, 8 meses atrás

    Rafael,

    Deu certo. Funcionou perfeitamente. Agora consigo estilizar cada lista separadamente.

    Valeu

Visualizando 2 respostas - 1 até 2 (de um total de 2)
  • O tópico ‘Estilização de listas’ está fechado para novas respostas.