MyBB Central

Full Version: [TUTORIAL] Add a Bubble around PostBit Info
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
[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.