MyBB Community Forums

Full Version: Change spacing in userbit
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Pages: 1 2
Hi,
I am trying to change the spacing in my userbit so that the awards, rep, etc all fits properly. Anyone able to help?

[attachment=27217]
Could you give a link to the board?
As said above, could you post your URL so we can see the issue first hand. You should be able to correct it by simply editing the postbit_classic and postbit_author (I think that's the name...) templates.
(2012-09-06, 11:40 AM)loveley Wrote: [ -> ]Could you give a link to the board?

check out his signature Smile
https://emergencyservicesforum.com/
You need to edit postbit template, reputation template and awards template.
Right now your html looks like this (your postbit template won't look like this but you can use this as reference):
<td class="smalltext post_author_info" width="165">
							<!-- start: postbit_author_user -->
<div class="auth_block">Posts: 4,583</div>
<div class="auth_block">Joined: Oct 2010</div>
<!-- start: postbit_reputation -->
<div class="auth_block">Reputation: <a href="reputation.php?uid=378"><img src="images/reputations/positive15.gif" alt="Positive Reputation" border="0" title="This user has earned a level of respect"></a></div>
<!-- end: postbit_reputation --><br><!-- AWARDS -->
<!-- end: postbit_author_user --><br>User Albums: stuff
						</td>

Wrap "user Albums: stuff" into <div class="auth_block"></div> and remove two <br> before that. The same basically goes for Awards -> wrap award stuff into <div class="auth_block"></div> and remove <br> if any.

Please ask if you need clarifying. And always make backup before modifying templates!
Sorry buts all beyond me, can you break it down a little more?

Oh and if you go to https://www.emergencyservicesforum.com/s...php?tid=98 it will give you a good look at the post bit with awards, etc
post here your postbit template, postbit_author_user, awards (if any) template and postbit_reputation template. Smile
{$ignore_bit}
<a name="pid{$post['pid']}" id="pid{$post['pid']}"></a>
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder" style="{$post_extra_style} {$post_visibility}" id="post_{$post['pid']}">
<tbody>
<tr>
<td class="tcat">
<div class="float_left smalltext">
{$post['postdate']}, {$post['posttime']} <span id="edited_by_{$post['pid']}">{$post['editedmsg']}</span>
</div>
{$post['posturl']}
</td>
</tr>

<tr>
<td class="trow1 {$unapproved_shade}">
<table cellspacing="0" cellpadding="0" border="0" style="width: 100%;">
<tr>
<td class="post_avatar" width="1" style="{$post['avatar_padding']}">
{$post['useravatar']}
</td>
<td class="post_author">
<strong><span class="largetext">{$post['profilelink']}</span></strong> {$post['onlinestatus']}<br />
<span class="smalltext">
{$post['usertitle']}<br />
{$post['userstars']}
{$post['groupimage']}
</span>
</td>
<td class="smalltext post_author_info" width="165">
{$post['user_details']}<br />{$post['myawards']}
</td>
</tr>
</table>
</td>
</tr>

<tr>
<td class="trow2 post_content {$unapproved_shade}">
<span class="smalltext"><strong>{$post['icon']}{$post['subject']} {$post['subject_extra']}</strong></span>

<div class="post_body" id="pid_{$post['pid']}">
{$post['msgbirth']}{$post['message']}
</div>
{$post['attachments']}
{$post['signature']}

<div class="post_meta" id="post_meta_{$post['pid']}">
{$post['iplogged']}
</div>
</td>
</tr>

<tr>
<td class="trow1 post_buttons {$unapproved_shade}">
<div class="author_buttons float_left">
{$post['button_email']}{$post['button_pm']}{$post['button_www']}{$post['button_find']}{$post['button_rep']}
</div>
<div class="post_management_buttons float_right">{$post['button_bday']}{$post['button_edit']}{$post['button_quickdelete']}{$post['button_quote']}<a href="usercp.php?action=quickaddignore&uid={$post['uid']}"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/p_ignore.gif" /></a>{$post['button_multiquote']}{$post['button_report']}{$post['returntotop']}{$post['button_warn']}{$post['button_reply_pm']}{$post['button_replyall_pm']}{$post['button_forward_pm']}{$post['button_delete_pm']}
</div>
</td>
</tr>
<tr style="{$post['imb_display']};" id="imb_{$post['pid']}">
{$post['itsmybirthday_wishes_data']}
</tr>
</tbody>
</table>{$post['who_rep']}

<div class="auth_block">{$lang->postbit_posts} {$post['postnum']}</div>
<div class="auth_block">{$lang->postbit_joined} {$post['userregdate']}</div>
{$post['replink']}{$post['warninglevel']}<!-- AWARDS -->

<div class="auth_block">{$lang->postbit_reputation} {$post['userreputation']}</div>

There is no awards template in the postbits section
Always backup first!
So from your postbit remove red <br> and add red <div>:
Quote:{$ignore_bit}
<a name="pid{$post['pid']}" id="pid{$post['pid']}"></a>
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder" style="{$post_extra_style} {$post_visibility}" id="post_{$post['pid']}">
<tbody>
<tr>
<td class="tcat">
<div class="float_left smalltext">
{$post['postdate']}, {$post['posttime']} <span id="edited_by_{$post['pid']}">{$post['editedmsg']}</span>
</div>
{$post['posturl']}
</td>
</tr>

<tr>
<td class="trow1 {$unapproved_shade}">
<table cellspacing="0" cellpadding="0" border="0" style="width: 100%;">
<tr>
<td class="post_avatar" width="1" style="{$post['avatar_padding']}">
{$post['useravatar']}
</td>
<td class="post_author">
<strong><span class="largetext">{$post['profilelink']}</span></strong> {$post['onlinestatus']}<br />
<span class="smalltext">
{$post['usertitle']}<br />
{$post['userstars']}
{$post['groupimage']}
</span>
</td>
<td class="smalltext post_author_info" width="165">
{$post['user_details']}<br /><div class="auth_block">{$post['myawards']}</div>
</td>
</tr>
</table>
</td>
</tr>

<tr>
<td class="trow2 post_content {$unapproved_shade}">
<span class="smalltext"><strong>{$post['icon']}{$post['subject']} {$post['subject_extra']}</strong></span>

<div class="post_body" id="pid_{$post['pid']}">
{$post['msgbirth']}{$post['message']}
</div>
{$post['attachments']}
{$post['signature']}

<div class="post_meta" id="post_meta_{$post['pid']}">
{$post['iplogged']}
</div>
</td>
</tr>

<tr>
<td class="trow1 post_buttons {$unapproved_shade}">
<div class="author_buttons float_left">
{$post['button_email']}{$post['button_pm']}{$post['button_www']}{$post['button_find']}{$post['button_rep']}
</div>
<div class="post_management_buttons float_right">{$post['button_bday']}{$post['button_edit']}{$post['button_quickdelete']}{$post['button_quote']}<a href="usercp.php?action=quickaddignore&uid={$post['uid']}"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/p_ignore.gif" /></a>{$post['button_multiquote']}{$post['button_report']}{$post['returntotop']}{$post['button_warn']}{$post['button_reply_pm']}{$post['button_replyall_pm']}{$post['button_forward_pm']}{$post['button_delete_pm']}
</div>
</td>
</tr>
<tr style="{$post['imb_display']};" id="imb_{$post['pid']}">
{$post['itsmybirthday_wishes_data']}
</tr>
</tbody>
</table>{$post['who_rep']}

Afterwards go to your css section and find:
.auth_block {
background: #E6E6E6;
width: 121px;
border: 1px solid white;
border-radius: 3px 3px 3px 3px;
box-shadow: 0 0 1px #353535;
display: block;
height: 16px;
margin: 4px 0;
padding: 1px 3px;
}

remove
height: 16px;
line. Smile
OK, I did that and the attached is what I have now. Moving in the right direction anyway.

Now how do I make A bigger and either move awards and gallery up more or maybe swap them around so the empty space vanishes

Thanks

[attachment=27221]
Pages: 1 2