REGISTER or LOGIN to have the annoying ads removed.
Thread Rating:
  • 0 Vote(s) - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
[TUTORIAL] Add a Bubble around PostBit Info
#1
[PostBit Bubble]

[Image: bcbfb94bda1f4fb2a1a3080.png]

In this tutorial Im just going to show you how to add a bubble around your postbit info.



CSS

Add the CSS Code to you global.css style (anywhere will do)

Code:
.post_border {
    background: none repeat scroll 0 0 #F4FDEC;
    border: 1px solid #D0D0D0;
    border-radius: 3px 3px 3px 3px !important;
    color: #5E5E5E;
    display: block;
    font-style: italic;
    margin: 2px;
    padding: 3px;
    text-shadow: 0 1px 0 #FFFFFF;
    width: 200px;
}



Template Edits - Post Bit > Postbit

Before
Code:
{$post['user_details']}

Add
Code:
<div class="post_border">


After
Code:
<div class="post_border">{$post['user_details']}

Add
Code:
</div>



Enjoy.
Reply


Possibly Related Threads...
Thread Author Replies Views Last Post
  [Tutorial]Add page to mybb Angel 13 8,443 Nov 24, 2017, 11:02 PM
Last Post: Mercuy
  how to award in postbit bushido 0 1,104 Mar 12, 2016, 10:28 AM
Last Post: bushido
  How do you show user titles instead of groups in postbit? MzStevens 1 1,621 Oct 19, 2015, 12:19 AM
Last Post: MzStevens
  How to add a storefront to my forum tjroughrider 1 2,041 Mar 28, 2015, 10:10 AM
Last Post: Nasyr
  MyBB Installation Tutorial! Nasyr 6 3,890 Nov 26, 2014, 06:32 AM
Last Post: Nasyr

Forum Jump:


Users browsing this thread: 1 Guest(s)