MyBB Community Forums - Postbit

Hello! I'm here again posting another question:
I've seen on Yaldaram community that the postbit have a container:
[attachment=24530]
I asked there how can I make that too but no one answered.
I've seen this on a vBulletin forum too:
[attachment=24531]
Can someone tell me what I must add in postbit_classic template to add that container? I already have the images I want to add.
Thanks!
Best regards,
Raffello

I apologize, my support staff is on leave Toungue

You can change your postbit style using this tutorial: http://community.mybb.com/thread-40093.html , then you can use this: http://yaldaram.com/showthread.php?tid=3...ht=postbit to make your postbit looks like those screenshots.

I did everything and it just put the posts, join date, reputation and warning level in boxes. I was trying to put the entire postbit (including avatar, user dates, username, group and rank) in a single box, a image that I created. Just like on Yaldaram forum. What should I edit to make it look like there? Thanks!

In postbit_classic template, find;

<span class="smalltext">
			{$post['useravatar']}<br/>
<strong><span class="largetext">{$post['profilelink']}</span></strong>&nbsp;{$post['onlinestatus']}<br />{$post['groupimage']}
{$post['usertitle']}</span>
			{$post['user_details']}

and Wrap it in a <div> tag like this;

<div class="yaldaram_com">
<span class="smalltext">
			{$post['useravatar']}<br/>
<strong><span class="largetext">{$post['profilelink']}</span></strong>&nbsp;{$post['onlinestatus']}<br />{$post['groupimage']}
{$post['usertitle']}</span>
			{$post['user_details']}
</div>

Now open global.css and add the following CSS at the bottom of it;

.yaldaram_com{
 border-color: #FFBE7D;
border: 1px solid #FFBE7D;
color: #000000;
padding: 5px;
position:relative;
word-wrap:break-word;
background: #FFE6CC;
-moz-border-radius: 5px;
-webkit-border-radius:5px;
border-radius:5px;
margin-bottom:2em;
}

.yaldaram_com:after{
content:'';
display:block;
position:absolute;
top:10px;
left:100%; /*should be set to 100% */
width:0;
height:0;
border-color: transparent transparent transparent #FFE6CC;
border-style: solid;
border-width: 10px;
}

Thank you Yaldaram.
Problem solved and +1 rep Smile