The background image.

[incadudeF]

hello i had a question.

how do i add a pic on the background of a post.
Like the pencil used here.

[ivgeo]

You need to edit postbit template

find

Code:

<div id="pid_{$post['pid']}">

and replace with this

Code:

<div id="pid_{$post['pid']}" class="post_bg">

than add this part in Additional CSS of your themes css

Code:

.post_bg {
background: transparent url(images/ivgeo_2/pencil.gif) bottom right no-repeat;
}

[incadudeF]

thank you. Im going to make a background now.

[incadudeF]

how about the postbit_author_user how do i add a background to that? Thanks.

[ivgeo]

Alrighty than.

Edit postbit_author_user template (add DIV tags)

This is my template

Code:

<div class="post_info">
<strong><span class="largetext">{$post['profilelink']}</span></strong><br />
<span class="smalltext">
    {$post['usertitle']}<br />
    {$post['userstars']}
    {$post['groupimage']}<br />
    {$post['useravatar']}<br /></span>
</div>
<div class="post_info">
<span class="smalltext">
    {$lang->postbit_posts} {$post['postnum']}<br />
    {$lang->postbit_group} {$usergroup['title']}<br />
    {$lang->postbit_joined} {$post['userregdate']}<br />
    {$lang->postbit_status} {$post['onlinestatus']}{$post['replink']}<br />
</span>
</div>

as you can see, I added two divs with class post_info

All you need to do is add post_info class to your css with desired effects.

Code:

.post_info {
background: #ffffff url(images/ivgeo_2/fun.gif) bottom left no-repeat;
}

[oxygen]

Thanks for this! Ibeen looking for this everywhere!

[@Lp3R3n]

can you give the pencil gif ?
The link doesn't contain the gif

[ivgeo]

http://www.ivgeo.net/mybb/images/ivgeo_2...pencil.gif

@Lp3R3n Wrote:can you give the pencil gif ?
The link doesn't contain the gif

[@Lp3R3n]

oo thank you too ivgeo +rep

[ivgeo]

No problem.

Thanks for the rep

@Lp3R3n Wrote:oo thank you too ivgeo +rep