Thread Rating:
  • 0 Vote(s) - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
Solved: 9 Years, 10 Months, 2 Weeks ago Postbit_classic container
#1
Solved: 9 Years, 10 Months, 2 Weeks ago
Hello! I'm here again posting another question:
I've seen on Yaldaram community that the postbit have a container:
   
I asked there how can I make that too but no one answered.
I've seen this on a vBulletin forum too:
   
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
#2
Solved: 9 Years, 10 Months, 2 Weeks ago
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.
#3
Solved: 9 Years, 10 Months, 2 Weeks ago
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!
#4
Solved: 9 Years, 10 Months, 2 Weeks ago
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;
}
#5
Solved: 9 Years, 10 Months, 2 Weeks ago
Thank you Yaldaram.
Problem solved and +1 rep Smile


Forum Jump:


Users browsing this thread: 1 Guest(s)