Support » Themes and Templates » Seperating Each Post with Border Images

  • Resolved sead0g


    I’m currently using the theme called “Scrapbook”:

    I wanted to add image borders (through use of table tags) around each individual post. However I can’t figure out how to with this theme. I tried putting a table around various segments of php code in the index.php file, but just managed to make things look wonky. I was able to put images around the entire blog posts, but not individual posts.

    Any of you theme wizards out there able to help me figure out how to put image borders around each post?


Viewing 3 replies - 1 through 3 (of 3 total)
  • Bumpity bump.

    If I was unclear, I’d like to seperate each post like this (for example):

    As opposed to this:

    Still hope someone out there can help!

    Figured it out through much hair pulling. Began the table tags right after

    { echo 'class="post"'; } ?> id="post-<?php the_ID(); ?>">

    and ended the table tags right before:

    <?php endwhile; ?>

    Hope that helps someone else.



    Forum Moderator

    Sorry but I don’t think using table markup is the right way to go. Tables should be for displaying data – not for layout or presentation. A better way to go, in my opinion, would be to use the ‘post’ and ‘page’ classes that WordPress automatically inserts via:


    If you wanted a box-effect, you’d also need to insert two additional divs that open just after:

    <div <?php post_class();?>>

    and close just before:

    <?php endwhile; ?>

    You can apply a top image via the post/pages class, a middle image using the first div and a bottom image via the second div. Voila – bordered posts and no table markup.

    I’ve used a very similar approach for the comments in the same theme.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Seperating Each Post with Border Images’ is closed to new replies.