Support » Themes and Templates » Making a “post template” like this, is it possible?

  • I was wondering if it’s possible to customize posts like in this image.

    http://www.divshare.com/download/319676-073

    a short description of the image

    http://www.divshare.com/download/319678-9e1

    At the moment I’m able to insert tables in the post to partially get that look, but is not extremely practical and is not 100% like the concept in the image.

    Technically every text and image section would be dynamic, but that would require a pluging that with my present skills would be too advanced, I got the ideas but luck of knowledge to do it.

    Actually, since I’m writing this I’d be glad if a kind soul would point me to the right direction to write such plugin, like some hints or readings.

    Thanks in advance to everyone.

    TheMystical

Viewing 1 replies (of 1 total)
  • Short answer: yes.

    No plugin needed. It’s just a matter of coding it how you want it to appear.

    <div id="post">
    <img src="image" />
    <h1>Title</h1>
    <h2>description</h2>
    <div class="left">
    stuff here for the "randomness" list
    </div>
    <div class="right">
    graphical images
    </div>
    <hr class="clear" />
    <div class="entry">
    post content
    </div>
    <div class="date">
    date stuff here
    </div>

    In your CSS:

    div.post {
    width:400px;
    border:solid 1px #CCC;
    padding:7px;
    }
    
    div.post img {
    border:1px solid #CCC;
    padding:3px;
    float:left;
    margin:0 5px 5px 0;
    }
    
    div.post div.left {
    float:left;
    }
    
    div.post div.right {
    float:right;
    }
    
    hr.clear {
    clear:both;
    height:0;
    visibility:hidden;
    }

    that’s your basics. You’ll have to edit however you want things to be, but that should be your basic set up. Enter in the code as you need to, adjust margins and paddings, blah blah.

Viewing 1 replies (of 1 total)
  • The topic ‘Making a “post template” like this, is it possible?’ is closed to new replies.