I've been fiddling around with my templates for a little, and was just curious as to how you create the profile parts (avatar, join date, posts, etc.) that run down the side of a post. Each item has it's own box, and I want to create that for my theme.
Do you guys know how to do it?
You can put these profile fields in a list and play with the css
Edit the postbit_author_user in the Post Bit templates like this:
<div class="menu_postbit">
<ul>
<li>{$lang->postbit_posts} {$post['postnum']}</li>
<li>{$lang->postbit_group} {$usergroup['title']}</li>
<li>{$lang->postbit_joined} {$post['userregdate']}</li>
<li>{$lang->postbit_status}{$post['onlinestatus']}{$post['replink']}</li>
</ul>
</div>
Then add in the Additional CSS of your theme something like:
.menu_postbit
{
margin:0;
list-style:none;
}
.menu_postbit ul
{
padding:0;
list-style:none;
position:relative;
}
.menu_postbit li
{
margin:0;
padding:0;
background:url(images/your_bg_image.gif) repeat-x;
border: 1px solid #9c55ed;
text-align:center;
}
.menu_postbit li a
{
text-decoration:none;
}
Replace the color code by yours and "your_bg_url.gif" by the name of your background image or if you don't want to use an image, put background-color: #FFF; instead (replace #FFF by your color code
)
You can play with the border, margin and padding too.
Hope it will help you ^^
