Posts side by side

  • gt

    (@gabrieltopete)


    15 years, 7 months ago

    Hello all I have something I have been messing with for hours. how do I make my posts like velhetica.com?

    Thanks for any help I dont want to copy the site I just want my posts to be side by side in 2 or 3 columns.

    thanks for any help

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter gt

    (@gabrieltopete)

    help??

    Hi Gabriel

    I hadn’t seen that site before, very cool (velhetica.com). I do something similar but not as well styled as that. It’s pretty simple and straightforward.

    You will need to play around with the styling to achieve the look you want. Here is my code for my index.php file:-

    <?php get_header(); ?>
<div id="pagecontainer_home">

<div id = "biglogo">
</div>

<div style="margin-top:250px; padding-left:30px;margin-left:auto;margin-right:auto; text-align:center;">
<table width="100%" border="0" align="center">
<tr>
<td>
<div id="postsblock">
<?php query_posts('showposts=8'); ?>

<?php if (have_posts()) : ?>
<?php while (have_posts()) : the_post(); ?>

<div id="blogbox">

<h2><a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title_attribute(); ?>"><?php the_title(); ?></a></h2>
<?php the_time('d/m/y') ?> | <?php the_time('g:i a') ?>
<p><?php the_excerpt(); ?></p>

</div>

<?php endwhile; /* rewind or continue if all posts have been fetched */ ?>
<?php endif; ?>

</div>
</td>
</tr>
</table>

</div>
</div>

    The css styling for the blogbox is:-

    #blogbox{
border-right:1px solid #666666;
font-size: 1.25em;
font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans", Verdana, Arial, sans-serif;
text-align: left;
padding-left:10px;
padding-bottom:30px;
float:left;
width:200px;
padding-right:20px;"
min-height:500px;
}

    You can see it in use here:-

    https://thelittlegreenmarketingcompany.com/blog

    Hope this helps!

    Thanks

    Jonathan

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Posts side by side’ is closed to new replies.