Turning Post Profile Into Sidebar

Website: http://kouhaiparadise.forumotion.com/

I wanted to turn the poster's profile on the left into an actual sidebar type thing. Where the background touches the top and the bottom of the post's div.

Here's an example that I kind of whipped up in photoshop.

Try to add this to your CSS (Admin Control Panel -> Display -> Colors -> CSS)

Code:

.post.adminGroup {
    border-left-color: red;
}
.post {
    border-left: 4px solid transparent;
    margin: 10px 0 10px 10px;
}
.post-head {
    margin-left: 210px;
}

Next step, add this JavaScript to your Javascript codes management

Code:

// Add a classname to group member posts v1.0 Ange Tuteur - http://fmdesign.forumotion.com/t230-add-a-classname-to-group-member-posts
$(function() {
  groupMod('#FF0F3F', 'adminGroup');
  function groupMod(color, classname) {$('.post:has(span[style="color:'+color+'"] strong)').addClass(classname)}
});

LIVE DEMO