Our Services
MyBB Custom Theme
Web Design
Web Hosting
Logo and Branding
Psd to Template
Forum Management
# Contact UsWe are here for you.
+91-83340-25252 +91-83348-25252
# Request free QuoteWe'll come back with a price fast!
Please register and login BEFORE purchasing any products to avoid any type of purchase relates issues.
how to add border around postbit details ?
Posted by   kingpirate02   on 09-26-2011 at 08:41 PM (This post was last modified: 09-26-2011 08:45 PM by kingpirate02.)
Post: #1
how to add border around postbit details ?
i want to put border around the postbit details, just like u have done in 2.0 inspired theme:-
[Image: inspired.png]

i am using the cure theme, and it looks something like this:-
[Image: cure.png]

Reply
Posted by   Anurag M   on 09-26-2011 at 10:08 PM (This post was last modified: 09-26-2011 10:19 PM by Anurag M.)
Post: #2
RE: how to add border around postbit details ?
First you need to write a css code, something like this..
Code:
/*post details style*/
.post_details_block {
    background: #e6e6e6;
    width: 121px;
    border: 1px solid #FFFFFF;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 0 1px #353535;
    display: block;
    height: 16px;
    margin: 4px 0;
    padding: 1px 3px;
}

Put the above css code in your themes's global.css

Then go to the theme templates..

Theme templates >> Post Bit Templates >> postbit_author_user

Inside postbit_author_user templates you see codes something like this..
Code:
{$lang->postbit_posts} {$post['postnum']}<br />
{$lang->postbit_joined} {$post['userregdate']}
{$post['replink']}{$post['warninglevel']}

Replace it with the code below..
Code:
<div class="post_details_block">{$lang->postbit_posts} {$post['postnum']}</div>
<div class="post_details_block">{$lang->postbit_joined} {$post['userregdate']}</div>
{$post['replink']}{$post['warninglevel']}
<!--  Support the designer's effort, do not remove the copyright. - YuvaPix Designs -->

Now go to..
Theme templates >> Post Bit Templates >> postbit_reputation
Replace the code inside the template with the code below..
Code:
<div class="post_details_block">{$lang->postbit_reputation} {$post['userreputation']}</div>

And last go to..
Theme templates >> Post Bit Templates >> postbit_warninglevel
Replace the code inside the template with the code below..
Code:
<div class="post_details_block">{$lang->postbit_warning_level} <a href="{$warning_link}">{$warning_level}</a></div>

Now its done and you are good to go. Smile

[Image: userbar-for-yuva-pix.png]
Support PMs will be Ignored!
Reply
Posted by   kingpirate02   on 09-26-2011 at 10:24 PM
Post: #3
RE: how to add border around postbit details ?
Thank you so much bro , i will try and then tell you.

Reply
Posted by   Anurag M   on 09-27-2011 at 01:08 PM
Post: #4
RE: how to add border around postbit details ?
(09-26-2011 10:24 PM)kingpirate02 Wrote:  Thank you so much bro , i will try and then tell you.

Ok let me know if it worked or not. Smile

[Image: userbar-for-yuva-pix.png]
Support PMs will be Ignored!
Reply
Posted by   kingpirate02   on 09-27-2011 at 02:10 PM (This post was last modified: 09-27-2011 10:36 PM by kingpirate02.)
Post: #5
RE: how to add border around postbit details ?
thank you so much bro , i have given a new look to my postbit using this css, i will showcase my site soon....

Reply
Posted by   Anurag M   on 10-01-2011 at 01:56 PM
Post: #6
RE: how to add border around postbit details ?
(09-27-2011 02:10 PM)kingpirate02 Wrote:  thank you so much bro , i have given a new look to my postbit using this css, i will showcase my site soon....

Good to know that it worked. Smile

[Image: userbar-for-yuva-pix.png]
Support PMs will be Ignored!
Reply




User(s) browsing this thread: 1 Guest(s)