Hola compañer@s, bueno estoy modificando un theme concretamente de wordpress, y el problema que encuentro ahora es que me gustaria que los bloques de Posts se crearan de izquierda a derecha y hacia abajo en ese orden.
Os añado un grafico para que os hagais una idea.
Shot at 2007-06-29
La flecha roja es como actua el theme por defecto, que postea en sentido vertical, de arriba hacia abajo.
La linea Negra, en el sentido de los números rojos, es lo que quiero conseguir, que aparezcan los posts de izquierda a derecha y hacia abajo, en ese orden.
No se si me explico correctamente. xD
El CSS es este:
Código PHP:
/* misc */
.clearer,.footer {
clear: both;
}
.content,.footer {
padding: 0 5px;
}
/* content CUADRO POST */
.item {
width: 150px;
padding: 6px;
text-align: justify;
background: #FFFFFF;
border: 1px solid #0099FF; /* COLOR */
}
/* content TITULO POST - TITULO Nº COMENTARIOS */
.item h1 {
padding:2px 3px 3px 8px;
font: normal 11px Verdana, Arial, Tahoma;
letter-spacing: 1px;
color: #C36;
background: url(img/bgtipost.gif);
/*border: 1px solid #00FF66; /* COLOR */
}
/* content BLOQUE POSTS */
.left {
float: left;
width: 370px;
border: 4px solid #00FF66; /* COLOR */
}
/* post INTERIOR POST */
.entry
{
margin: 5px 0 5px 0;
/*border: 1px solid #dadada; /* COLOR */
}
Y el archivo PHP
Código PHP:
<?php get_header(); ?>
<div class="content">
<div class="left">
<?php if (have_posts()) : ?>
<?php while (have_posts()) : the_post(); ?>
<div class="item" id="post-<?php the_ID(); ?>">
<h1><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>"><span class="titulo"><?php the_title(); ?></span></a></h1>
<div class="entry">
<?php the_content('Read the rest of this entry »'); ?>
</div>
<?php if(function_exists('the_ratings')) { the_ratings(); } ?>
<p class="info">
<img src="<?php bloginfo('template_directory'); ?>/images/comments.png" alt="Comments" border="0" align="top" /><strong> </strong><?php comments_popup_link('(0) Comentarios', '(1) Comentario', '(%) Comentarios'); ?>
<img src="<?php bloginfo('template_directory'); ?>/images/bullet.png" alt="bullete" border="0" align="top" /><strong> </strong><?php the_category(', ') ?>
<img src="<?php bloginfo('template_directory'); ?>/images/clock.png" alt="Filed" border="0" align="top" /><strong> </strong><?php the_time('d-m-Y') ?></p>
</div>
<?php comments_template(); ?>
<?php endwhile; ?>
<p align="center"><?php next_posts_link('« Pagina Anterior') ?> <?php previous_posts_link('Siguiente Pagina »') ?></p>
<?php else : ?>
<h2 align="center">Ningun Resultado</h2>
<p align="center">Lo siento. Por favor intenta con terminos diferentes.</p>
<p align="center"><?php include (TEMPLATEPATH . "/searchform.php"); ?></p>
<?php endif; ?>
</div>
<?php get_sidebar(); ?>
<br class="clearer"/><span></span>
</div>
<?php get_footer(); ?>
</div>
</body>
</html>
Gracias desde ya por adelantado.
Salu2