eTiKeT? 2013 Style Postbit - Postbit_legacy

[eTiKeT?]

/#########################################/
/# Orijinal : eTiKeT? 2013 Sitil Postbit - Postbit_legacy (http://forum.vbulletin.web.tr/showthread.php/1056-eTiKeT%E2%84%A2-2013-Sitil-Postbit-Postbit_legacy)
/# Developer: eTiKeT?
/# vBulletin Version : 4.2.0 PL3
/# vBulletin Version : 1.0.0
/# Published : 2013
/# Demo :vbulletin.web.tr/ (http://vbulletin.web.tr/)
/#########################################/
Explanation;
What is this Postbit for ? The only reason for the creation of this Postbit is to change the style of the Default Vbulletin Postbit into the one which ,i believe , looks much better.
Caution ;
This Postbit is designed complately based on the Vbulletin Default Postbit. Thus , it does not support extra added features!. If you have a forum which includes such extra features, I will explain how to add them into postbit in the thread. But it is your job to apply it.
If you install it carefully by following to instructions, there would not be any issue
If you have a Custom Designed Postbit, I would highly recommend to take its backup.___________________________________________ _________________________________________
For Turkish : eTiKeT? 2013 Sitil Postbit - Postbit_legacy (http://vizilti.net/4-1-x-tema-editlemeleri/14102-etiket%E2%84%A2-2011-posbit_legacy-postbit/)
Installation
Step 1.
Open the additional.css template of the theme that you use and add this code to the top
/*eTiKeT 2013 postbit legacy - www.vbulletin.web.tr
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ~~~~~~~~~~~~~~~ */
.postbitlegacy dl.userinfo_extra dd, .postbitlegacy dl.userinfo_extra dd a, .postbitlegacy dl.user_rep dd {
text-align: right;
border-bottom: {vb:stylevar postbittitle_border} ;}

.postbitlegacy .postbody, .eventbit .eventdetails .eventbody {
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
margin-top: 10px;
padding-bottom: 0;
border: {vb:stylevar postbit_userinfo_border};
background: {vb:stylevar postbit_background};
margin-left: 210px;}

.postbitlegacy .userinfo .postuseravatar img {
border: solid 8px #E8E8E8;
-webkit-border-radius: 60px;
-moz-border-radius: 60px;
border-radius: 60px;
box-shadow: 0 0 8px 0 #A3A3A3;
height: 100px;
margin: 0 0 3px; }

.eti_default_avatar {
border: 8px solid #E8E8E8;
-webkit-border-radius: 60px;
-moz-border-radius: 60px;
border-radius: 60px;
box-shadow: 0 0 8px 0 #A3A3A3;
height: 100px;
margin: 0 0 3px; }

.postbit_reputation ,.postbitlegacy .userinfo .usertitle {
border-bottom: {vb:stylevar postbittitle_border};
padding: 2px 0;
font-family: calibri,sans-serif;
font-size: 14px;
font-style: italic;
font-weight: normal; }

.postbitlegacy .postfoot .textcontrols a.multiquote, .postbit .postfoot .textcontrols a.multiquote,.postbitlegacy .postfoot .textcontrols a.reputation, .postbit .postfoot .textcontrols a.reputation,.postbitlegacy .postfoot .textcontrols a.infraction, .postbit .postfoot .textcontrols a.infraction,.postbitlegacy .postfoot .textcontrols a.report, .postbit .postfoot .textcontrols a.report ,.postbitlegacy .postfoot .textcontrols a.ip, .postbit .postfoot .textcontrols a.ip ,.postbitlegacy .postfoot .textcontrols a.blog, .postbit .postfoot .textcontrols a.blog ,.postbitlegacy .postfoot .textcontrols a.editpost, .postbit .postfoot .textcontrols a.editpost, .eventbit .eventfoot .textcontrols a.editevent,.postbitlegacy .postfoot .textcontrols a.quickreply, .postbit .postfoot .textcontrols a.quickreply, .postbitlegacy .postfoot .textcontrols a.forwardpost, .postbit .postfoot .textcontrols a.forwardpost ,.postbitlegacy .postfoot .textcontrols a.newreply, .postbit .postfoot .textcontrols a.newreply ,.postbitlegacy .postfoot .textcontrols a img, .postbit .postfoot .textcontrols a img { background-color: transparent; }

.postbit .posthead, .postbitlegacy .posthead, .eventbit .eventhead {
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
padding: 8px 0; }

.postbitlegacy .postrow, .eventbit .eventrow, .postbitdeleted .postrow, .postbitignored .postrow { border: 0px solid; }

.postbitlegacy .postdetails, .eventbit .eventdetails { background: none repeat scroll 0 0 transparent; }

.postbit, .postbitlegacy, .eventbit { border: 0px solid #E9E9E9; }

.etiket_postbit_alani_durumu_gizli_geziyor {
border-top-left-radius: 5px;
border-top-right-radius: 5px;
color: #FFFFFF;
font-family: calibri,sans-serif;
font-size: 14px;
font-style: italic;
font-weight: normal;
height: 21px;
padding-left: 10px;
padding-right: 10px;
padding-top: 4px;
text-align: left;
background: rgb(142,142,142);
background: -moz-linear-gradient(top, rgba(142,142,142,1) 0%, rgba(0,0,0,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(142,142,142,1)), color-stop(100%,rgba(0,0,0,1)));
background: -webkit-linear-gradient(top, rgba(142,142,142,1) 0%,rgba(0,0,0,1) 100%);
background: -o-linear-gradient(top, rgba(142,142,142,1) 0%,rgba(0,0,0,1) 100%);
background: -ms-linear-gradient(top, rgba(142,142,142,1) 0%,rgba(0,0,0,1) 100%);
background: linear-gradient(to bottom, rgba(142,142,142,1) 0%,rgba(0,0,0,1) 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#8e8e8e', endColorstr='#000000',GradientType=0 ); }

.etiket_postbit_alani_durumu_gizli_geziyor dd { float: right; }

.etiket_postbit_alani_durumu_cevrimdisi {
border-top-left-radius: 5px;
border-top-right-radius: 5px;
color: #FFFFFF;
font-family: calibri,sans-serif;
font-size: 14px;
font-style: italic;
font-weight: normal;
height: 21px;
padding-left: 10px;
padding-right: 10px;
padding-top: 4px;
text-align: left;
background: rgb(219,3,3);
background: -moz-linear-gradient(top, rgba(219,3,3,1) 0%, rgba(250,4,4,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(219,3,3,1)), color-stop(100%,rgba(250,4,4,1)));
background: -webkit-linear-gradient(top, rgba(219,3,3,1) 0%,rgba(250,4,4,1) 100%);
background: -o-linear-gradient(top, rgba(219,3,3,1) 0%,rgba(250,4,4,1) 100%);
background: -ms-linear-gradient(top, rgba(219,3,3,1) 0%,rgba(250,4,4,1) 100%);
background: linear-gradient(to bottom, rgba(219,3,3,1) 0%,rgba(250,4,4,1) 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#db0303', endColorstr='#fa0404',GradientType=0 ); }

.etiket_postbit_alani_durumu_cevrimdisi dd { float: right; }

.etiket_postbit_alani_durumu_iceride {
background: rgb(121,182,3);
background: -moz-linear-gradient(top, rgba(121,182,3,1) 0%, rgba(142,213,3,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(121,182,3,1)), color-stop(100%,rgba(142,213,3,1)));
background: -webkit-linear-gradient(top, rgba(121,182,3,1) 0%,rgba(142,213,3,1) 100%);
background: -o-linear-gradient(top, rgba(121,182,3,1) 0%,rgba(142,213,3,1) 100%);
background: -ms-linear-gradient(top, rgba(121,182,3,1) 0%,rgba(142,213,3,1) 100%);
background: linear-gradient(to bottom, rgba(121,182,3,1) 0%,rgba(142,213,3,1) 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#79b603', endColorstr='#8ed503',GradientType=0 );
border-top-left-radius: 5px;
border-top-right-radius: 5px;
color: #FFFFFF;
font-family: calibri,sans-serif;
font-size: 14px;
font-style: italic;
font-weight: normal;
height: 21px;
padding-left: 10px;
padding-right: 10px;
padding-top: 4px;
text-align: left; }

.etiket_postbit_alani_durumu_iceride dd { float: right; }

.postbitlegacy .userinfo .username_container, .postbitlegacy .userinfo .rank, .postbitlegacy .userinfo .usertitle .imlinks { text-align: center; }

.postbitlegacy .userinfo .postuseravatar, .postbitlegacy .userinfo .postuseravatar img {
float: none;
text-align: center;
max-height: 100px;
max-width: 100px; }

.postbitlegacy .userinfo .usertitle {
display: block;
float: none;
text-align: center;
clear: both; }

.postbitlegacy .userinfo .userinfo_extra {
text-align: center;
padding: 0 8px;
margin-top: 25px; }

.postbit_reputation {
float: none;
text-align: center; }

.postbitlegacy .imlinks {
float: none;
text-align: center; }



.postcontainer .username_container .popupmenu a.popupctrl { font-size: 20px; }

.postbit .postfoot .textcontrols, .postbitlegacy .postfoot .textcontrols, .eventbit .eventfoot .eventcontrols {
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
margin-top: 5px; }
background: {vb:stylevar postbit_userinfo_background};
border: {vb:stylevar postbit_userinfo_border};}



.postbitlegacy .userinfo .userinfo_extra dd {
border-bottom: solid 1px hsl(0, 0%, 91%);
text-align: right}

.postbitlegacy .userinfo {
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
margin-top: 10px;
padding: 0px;
width: 200px;
box-shadow: 0 0 3px 0 #A3A3A3;
background: {vb:stylevar postbit_userinfo_background};
border: {vb:stylevar postbit_userinfo_border}; }


/*eTiKeT 2013 postbit legacy - www.vbulletin.web.tr
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ~~~~~~~~~~~~~~~ */




Step 2.
Open postbit_onlinestatus template of your default theme, replace all the codes with the ones below :
<vb:if condition="$onlinestatus==0">
<div class="etiket_postbit_alani_durumu_cevrimdisi ">Status<dd> Offline</dd></div>
</vb:if>
<vb:if condition="$onlinestatus==1">
<div class="etiket_postbit_alani_durumu_iceride">Status<dd> Online </dd></div>
</vb:if>
<vb:if condition="$onlinestatus==2">
<div class="etiket_postbit_alani_durumu_gizli_geziyor">Status<dd>invisible</dd> </div>
</vb:if>
Step 3.[LIST]
Open then postbit_legacy of the same theme, replace all the codes with the ones below: postbit_legacy.txt ( available in the attachment) .

[eTiKeT?]

... reserved ...

[mitch84]

installed and work fine! I use theme black stealth
but i want modify my avatar size,how to do this?
thx

[ramesh_umk3]

Thanks for a great work but there is a tiny lack on all my custom skins but not on default skin.
http://dl.dropbox.com/u/106432799/androidray.com.png

if any one have same problem use below code i have made small changes in Postbit_legacy
{vb:raw template_hook.postbit_start}
<li class="postbitlegacy postbitim postcontainer {vb:raw post.statusicon}" id="post_{vb:raw post.postid}">
<!-- see bottom of postbit.css for .userinfo .popupmenu styles -->

<div class="posthead">
<span class="postdate {vb:raw post.statusicon}">
<vb:if condition="$show['announcement']">
<span class="date">{vb:rawphrase x_until_y, {vb:raw post.startdate}, {vb:raw post.enddate}}</span>
<vb:else />
<span class="date">{vb:raw post.postdate}<vb:if condition="!$show['detailedtime']">,&nbsp;<span class="time">{vb:raw post.posttime}</span></vb:if></span>
</vb:if>
</span>
<span class="nodecontrols">
<vb:if condition="$post['postid'] AND $post['threadid'] AND !$show['moderated']">
<a name="post{vb:raw post.postid}" href="{vb:link thread, {vb:raw thread}, {vb:raw pageinfo_post}}#post{vb:raw post.postid}" class="<vb:if condition="$show['inlinemod']">ie</vb:if>postcounter">#{vb:raw post.postcount}</a><a id="postcount{vb:raw post.postid}" name="{vb:raw post.postcount}"></a>
</vb:if>
<vb:if condition="$show['moderated']"><a name="post{vb:raw post.postid}"></a>{vb:rawphrase moderated_post}</vb:if>
<vb:if condition="$show['inlinemod']">
<label for="post_imod_checkbox_{vb:raw post.postid}"><input class="postimod" type="checkbox" id="post_imod_checkbox_{vb:raw post.postid}" name="plist[{vb:raw post.postid}]" value="{vb:raw post.checkbox_value}" /></label>
</vb:if>
</span>
</div>
<div class="postdetails">
<div class="userinfo">

{vb:raw post.onlinestatus}

<vb:if condition="$post['rank']">
<span class="rank">{vb:raw post.rank}</span>
</vb:if>
<div class="username_container">
<vb:if condition="$post['userid']">
{vb:raw memberaction_dropdown}

<vb:else />
<span class="username guest">{vb:raw post.musername}</span>
</vb:if>
</div>



{vb:raw template_hook.postbit_userinfo_left}


<vb:if condition="$show['avatar']">
<vb:if condition="$show['avatar']">
<a class="postuseravatar" href="{vb:link member, {vb:raw post}}" title="{vb:rawphrase {vb:raw post['onlinestatusphrase']}, {vb:raw post.username}}">
<img src="{vb:raw post.avatarurl}" alt="{vb:rawphrase xs_avatar, {vb:raw post.username}}" title="{vb:rawphrase xs_avatar, {vb:raw post.username}}" />
</a>
</vb:if>
<vb:else />

<img class="postuseravatar eti_default_avatar" style="text-align:center;" src="{vb:stylevar imgdir_misc}/unknown.gif" alt="{vb:rawphrase xs_avatar, {vb:raw post.username}}" title="{vb:rawphrase xs_avatar, {vb:raw post.username}}" />

</vb:if>
<vb:if condition="$post['userid']">
<hr />
<dl class="userinfo_extra">


<vb:if condition="$show['reputation']">
<span class="postbit_reputation" id="repdisplay_{vb:raw post.postid}_{vb:raw post.userid}" title="{vb:raw post.username} {vb:raw post.level}">
<vb:each from="reputationdisplay" value="row">
<img class="{vb:raw row.class}" src="{vb:stylevar imgdir_reputation}/reputation_{vb:raw row.posneg}{vb:raw row.imgext}" alt="" />{vb:raw row.rowend}
</vb:each>
</span>
</vb:if>

<span class="usertitle">
{vb:raw post.usertitle}
</span>
<vb:if condition="$post['joindate']"><dt>{vb:rawphrase join_date}</dt> <dd>{vb:raw post.joindate}</dd></vb:if>
<vb:if condition="$post['field2']"><dt>{vb:rawphrase location_perm}</dt> <dd>{vb:raw post.field2}</dd></vb:if>
<vb:if condition="$post['age']"><dt>{vb:rawphrase age}</dt> <dd>{vb:raw post.age}</dd></vb:if>
<dt>{vb:rawphrase posts}</dt> <dd>{vb:raw post.posts}</dd>
{vb:raw template_hook.postbit_userinfo_right_after_posts}
</dl>
<vb:if condition="$show['infraction'] OR $show['reppower']">
<dl class="user_rep">
<vb:if condition="$show['infraction']">
<dt>{vb:rawphrase infractions}</dt>
<dd>{vb:raw post.warnings}/{vb:raw post.infractions} ({vb:raw post.ipoints})</dd>
</vb:if>
<vb:if condition="$show['reputation']">
<vb:if condition="$show['reppower']">
<dt>{vb:rawphrase reppower}</dt>
<dd id="reppower_{vb:raw post.postid}_{vb:raw post.userid}">{vb:raw post.reppower}</dd>
</vb:if>
</vb:if>
</dl>
</vb:if>
{vb:raw template_hook.postbit_userinfo_right}
<div class="imlinks">
{vb:raw post.icqicon} {vb:raw post.aimicon} {vb:raw post.msnicon} {vb:raw post.yahooicon} {vb:raw post.skypeicon}
</div>
</vb:if>
</div>
<div class="postbody">
<div class="postrow<vb:if condition="$show['postedited'] || $post['signature']"> has_after_content</vb:if>">
{vb:raw template_hook.postbit_messagearea_start}
<vb:if condition="$post['title'] OR $show['messageicon']">
<h2 class="title icon">
<vb:if condition="$show['messageicon']"><img src="{vb:raw post.iconpath}" alt="{vb:raw post.icontitle}" /> </vb:if>{vb:raw post.title}
</h2>
</vb:if>


<vb:if condition="$post['isfirstshown']">
{vb:raw ad_location.ad_showthread_firstpost_start}
{vb:raw ad_location.thread_first_post_content}
</vb:if>
<vb:if condition="$post['islastshown']">
{vb:raw ad_location.thread_last_post_content}
</vb:if>
<div class="content<vb:if condition="$show['first_ad'] OR $show['last_ad']"> hasad</vb:if>">
<div id="post_message_{vb:raw post.postid}">
<blockquote class="postcontent restore ">
{vb:raw post.message}
</blockquote>
</div>

<vb:if condition="$show['attachments']">
<div class="attachments">

<vb:if condition="$show['thumbnailattachment']">
<fieldset class="postcontent">
<legend><img src="{vb:stylevar imgdir_misc}/paperclip.png" class="inlineimg" alt="{vb:rawphrase attached_thumbnails}" /> {vb:rawphrase attached_thumbnails}</legend>
{vb:raw post.thumbnailattachments}
</fieldset>
</vb:if>

<vb:if condition="$show['imageattachment']">
<fieldset class="postcontent">
<legend><img src="{vb:stylevar imgdir_misc}/paperclip.png" class="inlineimg" alt="{vb:rawphrase attached_images}" /> {vb:rawphrase attached_images}</legend>
{vb:raw post.imageattachments}
</fieldset>
</vb:if>

<vb:if condition="$show['imageattachmentlink']">
<fieldset class="postcontent">
<legend><img src="{vb:stylevar imgdir_misc}/paperclip.png" class="inlineimg" alt="{vb:rawphrase attached_images}" /> {vb:rawphrase attached_images}</legend>
<ul>
{vb:raw post.imageattachmentlinks}
</ul>
</fieldset>
</vb:if>

<vb:if condition="$show['otherattachment']">
<fieldset class="postcontent">
<legend><img src="{vb:stylevar imgdir_misc}/paperclip.png" class="inlineimg" alt="{vb:rawphrase attached_files}" /> {vb:rawphrase attached_files}</legend>
<ul>
{vb:raw post.otherattachments}
</ul>
</fieldset>
</vb:if>

<vb:if condition="$show['moderatedattachment']">
<fieldset class="postcontent">
<legend><img src="{vb:stylevar imgdir_misc}/paperclip.png" class="inlineimg" alt="{vb:rawphrase attachments_pending_approval}" /> {vb:rawphrase attachments_pending_approval}</legend>
<ul>
{vb:raw post.moderatedattachments}
</ul>
</fieldset>
</vb:if>

</div>
<!-- / attachments -->
</vb:if>
</div>
</div>
<vb:if condition="$show['postedited'] || $post['signature']">
<div class="after_content">
<vb:if condition="$show['postedited']">
<!-- edit note androidray.com-->
<blockquote class="postcontent lastedited">
<vb:if condition="$show['postedithistory']">
{vb:rawphrase last_edited_link_by_x_on_y_at_z_postid, {vb:raw post.edit_username}, {vb:raw post.edit_date},
{vb:raw post.edit_time}, {vb:raw post.historyurl}}
<vb:else />
{vb:rawphrase last_edited_by_x_on_y_at_z, {vb:raw post.edit_username}, {vb:raw post.edit_date}, {vb:raw post.edit_time}}
</vb:if>
<vb:if condition="$post['edit_reason']">
<span class="reason">{vb:rawphrase reason}:</span> {vb:raw post.edit_reason}
</vb:if>
</blockquote>
<!-- / edit note -->
</vb:if>
{vb:raw template_hook.postbit_signature_start}
<vb:if condition="$post['isfirstshown']">
{vb:raw ad_location.ad_showthread_firstpost_sig}
</vb:if>
<vb:if condition="$post['signature']">
<blockquote class="signature restore"><div class="signaturecontainer">{vb:raw post.signature}</div></blockquote>
</vb:if>
{vb:raw template_hook.postbit_signature_end}
</div>
</vb:if>


<div class="cleardiv"></div>
</div>
</div>
<div class="postfoot">
<!-- <div class="postfoot_container"> -->
<div class="textcontrols floatcontainer">
<span class="postcontrols">
<img style="display:none" id="progress_{vb:raw post.postid}" src="{vb:stylevar imgdir_misc}/progress.gif" alt="{vb:rawphrase loading_editor_please_wait}" />
<vb:if condition="$post['editlink']">
<a class="editpost" href="{vb:raw post.editlink}" name="vB::QuickEdit::{vb:raw post.postid}" title="{vb:rawphrase edit_delete_message}"><img src="{vb:raw vboptions.cleargifurl}" id="editimg_{vb:raw post.postid}" alt="{vb:rawphrase edit_delete_message}" /> {vb:rawphrase edit_post}</a>
<vb:if condition="THIS_SCRIPT != 'usernote' && THIS_SCRIPT != 'announcement'"><span class="seperator">&nbsp;</span></vb:if>
</vb:if>
<vb:if condition="$show['quickreply'] AND !$show['threadedmode']">
<a id="qr_{vb:raw post.postid}" class='quickreply' href="{vb:raw post.replylink}&amp;noquote=1" rel="nofollow" title="{vb:rawphrase quick_reply_to_this_message}"><img id="replyimg_{vb:raw post.postid}" src="{vb:raw vboptions.cleargifurl}" alt="{vb:rawphrase quick_reply_to_this_message}" /> {vb:rawphrase reply}</a>
<span class="seperator">&nbsp;</span>
</vb:if>
<vb:if condition="$post['replylink']">
<a id="qrwq_{vb:raw post.postid}" class="newreply" href="{vb:raw post.replylink}" rel="nofollow" title="{vb:rawphrase reply_with_quote}"><img id="quoteimg_{vb:raw post.postid}" src="{vb:raw vboptions.cleargifurl}" alt="{vb:rawphrase reply_with_quote}" /> <vb:if condition="$post['forwardlink']">{vb:rawphrase reply_to_private_message}<vb:else />{vb:rawphrase reply_with_quote}</vb:if></a>
<vb:if condition="$show['multiquote_post']"><span class="seperator">&nbsp;</span></vb:if>
</vb:if>
<vb:if condition="$show['multiquote_post']">
<a class="multiquote" href="{vb:raw post.replylink}" rel="nofollow" onclick="return false;" id="mq_{vb:raw post.postid}" title="{vb:rawphrase multi_quote_this_message}"><img id="mq_image_{vb:raw post.postid}" src="{vb:raw vboptions.cleargifurl}" alt="{vb:rawphrase multi_quote_this_message}" />&nbsp;</a>
</vb:if>
</span>
<span class="postlinking">
<vb:if condition="!$post['forwardlink'] && THIS_SCRIPT != 'usernote' && THIS_SCRIPT != 'announcement'">
<vb:if condition="$promote_sectionid AND $promote_sectionid != -1">
<a href="{vb:raw promote_url}" class="promotecms">{vb:rawphrase promote_to_article}</a>
<span class="seperator">&nbsp;</span>
</vb:if>
</vb:if>

{vb:raw template_hook.postbit_controls}
{vb:raw post.iplogged}
<vb:if condition="$post['forwardlink']">
<a class="forwardpost" href="{vb:raw post.forwardlink}" rel="nofollow"><img src="{vb:raw vboptions.cleargifurl}" alt="{vb:rawphrase forward_message}" /> {vb:rawphrase forward}</a>
<vb:if condition="$show['reputationlink'] OR $show['infractionlink'] OR $show['moderated'] OR $show['spam'] OR $show['deletedpost'] OR $show['redcard'] OR $show['yellowcard']"><span class="seperator">&nbsp;</span></vb:if>
</vb:if>
<vb:if condition="$show['reputationlink']">
<span class="reputationpopupmenu popupmenu popupcustom" title="{vb:raw post.postid}"><a class="popupctrl reputation" href="reputation.php?{vb:raw session.sessionurl}do=addreputation&amp;p={vb:raw post.postid}" title="{vb:rawphrase add_reputation}" rel="nofollow" id="reputation_{vb:raw post.postid}"><!--<img src="{vb:stylevar imgdir_button}/reputation-40b.png" alt="{vb:rawphrase add_reputation}" /> -->&nbsp;</a></span>
</vb:if>

<vb:if condition="$show['infractionlink']">
&nbsp;<a class="infraction" href="infraction.php?{vb:raw session.sessionurl}do=report&amp;p={vb:raw post.postid}" rel="nofollow" title="{vb:rawphrase add_infraction_for_x, {vb:raw post.username}}"><!-- <img src="{vb:stylevar imgdir_button}/add-infraction_sm.png" alt="{vb:rawphrase add_infraction_for_x, {vb:raw post.username}}" /> --> &nbsp;</a> &nbsp;
</vb:if>
<vb:if condition="$show['reportlink']">
&nbsp;<a class="report" href="{vb:raw post.reportlink}" rel="nofollow" title="{vb:rawphrase report_bad_post}"><!-- <img src="{vb:stylevar imgdir_button}/report-40b.png" alt="{vb:rawphrase report_bad_post}" /> -->&nbsp;</a> &nbsp;
</vb:if>

<vb:if condition="$show['moderated']">
<img class="moderated" src="{vb:stylevar imgdir_misc}/moderated_sm.png" alt="{vb:rawphrase moderated_post}" />
</vb:if>
<vb:if condition="$show['spam']">
<img class="spam" src="{vb:stylevar imgdir_misc}/spam_detected.png" alt="{vb:rawphrase spam_post}" />
</vb:if>
<vb:if condition="$show['deletedpost']">
<vb:if condition="$show['managepost']">
<a class="deleted" href="{vb:raw $vboptions.vbforum_url}{vb:if "$vboptions['vbforum_url']", '/', ''}postings.php?{vb:raw session.sessionurl}do=managepost&amp;p={vb:raw post.postid}" title="{vb:rawphrase manage}">&nbsp;</a>
<vb:else />
<img class="deleted_nolink" class="inlineimage" src="{vb:stylevar imgdir_button}/deleted_sm.png" alt="{vb:rawphrase deleted_post}" />
</vb:if>
</vb:if>
<vb:if condition="$show['redcard']">
<a class="redcard" href="infraction.php?{vb:raw session.sessionurl}do=view&amp;p={vb:raw post.postid}" rel="nofollow" title="{vb:rawphrase received_infraction}"><!-- <img src="{vb:stylevar imgdir_button}/red-card_sm.png" alt="{vb:rawphrase received_infraction}" /> --> &nbsp;</a>
<vb:elseif condition="$show['yellowcard']" />
<a class="yellowcard" href="infraction.php?{vb:raw session.sessionurl}do=view&amp;p={vb:raw post.postid}" rel="nofollow" title="{vb:rawphrase received_warning}"><!--<img src="{vb:stylevar imgdir_button}/yellow-card_sm.png" alt="{vb:rawphrase received_warning}" /> --> &nbsp;</a>
</vb:if>
<vb:if condition="$post['api_platform']">
<vb:if condition="$post['api_platform_link']">
<a class="mobile mobile_{vb:raw post.api_platform}" href="{vb:raw post.api_platform_link}" rel="nofollow" title="{vb:rawphrase {vb:raw post['api_platform_link_title']}}">{vb:rawphrase {vb:raw post['api_platform_link_phrase']}}</a>
<vb:else />
<span class="mobile mobile_{vb:raw post.api_platform}">{vb:rawphrase {vb:raw post['api_platform_link_phrase']}}</span>
</vb:if>
</vb:if>
</span>
<!-- </div> -->
</div>
</div>
<hr />
</li>
{vb:raw template_hook.postbit_end}

http://dl.dropbox.com/u/106432799/androidray.com_1.png

Note: Kindly backup your template before doing this :)

[pesclub]

hello i have a problem, I blend komukatory here how this can be offset to make it underneath?
http://screenshooter.net/data/uploads/in/rq/yhck.jpg

[Jihuatz]

Spanish version of status legend:

Para que el "estado en linea" aparezca en Espa?ol, tan solo modifiquen la plantilla de postbit_onlinestatus, de su theme/tema predeterminado, de la siguiente manera:

<vb:if condition="$onlinestatus==0">
<div class="etiket_postbit_alani_durumu_cevrimdisi ">Estado:<dd>Desconectad@</dd></div>
</vb:if>
<vb:if condition="$onlinestatus==1">
<div class="etiket_postbit_alani_durumu_iceride">Estado:<dd>En Linea</dd></div>
</vb:if>
<vb:if condition="$onlinestatus==2">
<div class="etiket_postbit_alani_durumu_gizli_geziyor">Estado:<dd>Invisible</dd> </div>
</vb:if>

Thanks for sharing, a do install on my page :)

[Jihuatz]

Do you know how change the Red and Green color on the online status bar?

I want to use, light red color and light green colors :)

[RRCamellini]

Thx a Lot My friend Very Nice JOB 100% in vB 4.2.0 PL3

[ramesh_umk3]

Do you know how change the Red and Green color on the online status bar?

I want to use, light red color and light green colors :)

Generate RGB codes and change "linear-gradient" background

background: linear-gradient(to bottom, rgba(0,0,0) 0%,rgba(0,0,0) 100%);

i have highlighted them

[ged]

That's great but why don't you try full image buttons like 3.x postbits? I was looking for something like this. :)

[Lpspider]

Hi,

How does this differ from your previous edit? I have the previous one installed.

https://vborg.vbsupport.ru/showthread.php?t=232329

[Luis]

... reserved ...

hello eTiKeT ... some hope to regain it?

https://vborg.vbsupport.ru/external/2013/01/26.jpg

[Disco_Dave]

Hi eTiKeT™

Is it possible to line up the rep power? I also didn't use your online status, is there a why I can move this icon to the right?

Cheers
Dave

[danycutu1]

Can i resize the avatar?I think is too small.

[mitch84]

installed and work fine! I use theme black stealth
but i want modify my avatar size,how to do this?
thx

Can i resize the avatar?I think is too small.
+1:)

[TexasMex]

is it possible to set this to a single user? and if yes how would i do that?

[tanzeelniazi]

Install Working Perfect 4.2.0 Thanks

[faisaly.com]

how to remove the circle around avatar?

[cool_recep]

Nice work brother. Can I use this to create user system specs?

[greenpk2]

When visiting profile page the Status goes after the username. Is there any way to modify it so it will look more like in posts, so it goes above the username. Cuz my logo before username crosses the status.

[farru]

installed and work fine! I use theme black stealth
but i want modify my avatar size,how to do this?
thx

Can i resize the avatar?I think is too small.

In additional.css, look for this class and specify your own height / width

.postbitlegacy .userinfo .postuseravatar, .postbitlegacy .userinfo .postuseravatar img {

Hi eTiKeT?

Is it possible to line up the rep power? I also didn't use your online status, is there a why I can move this icon to the right?

Cheers
Dave

I was able to line up rep power by editing postbit_legacy, look for this code

<dt>{vb:rawphrase reppower}</dt>

Replace with:

<dt>&nbsp; &nbsp;{vb:rawphrase reppower}</dt>


how to remove the circle around avatar?

In additional.css, look for this code:

.postbitlegacy .userinfo .postuseravatar img {

Circle is a border, you can remove it by removing this code:

border: solid 8px #E8E8E8;

[mitch84]

In additional.css, look for this class and specify your own height / width

.postbitlegacy .userinfo .postuseravatar, .postbitlegacy .userinfo .postuseravatar img {



Thank you but it changes nothing, the size of my avatar does not change. There is a variable of style also changed?

[farru]

Thank you but it changes nothing, the size of my avatar does not change. There is a variable of style also changed?

You need to add width, height to above class, and it should work.

This is the default code:

.postbitlegacy .userinfo .postuseravatar, .postbitlegacy .userinfo .postuseravatar img {
float: none;
text-align: center;
max-height: 100px;
max-width: 100px;
}

Make it:

.postbitlegacy .userinfo .postuseravatar, .postbitlegacy .userinfo .postuseravatar img {
height: 150px;
width: 150px;
float: none;
text-align: center;
}

So, what we have done is removed max height, width, and specified custom height, width.

You can replace 150px with your own value, and it should reflect changes.

[mitch84]

thank you farru, it's solved ;)

[CybertronWizard]

Just installed..working fine but need one help to resize the avatar according to the height and width given in Usergroup manager...

[farru]

thank you farru, it's solved ;)

Its good to hear that :up:

Just installed..working fine but need one help to resize the avatar according to the height and width given in Usergroup manager...

Why not resize it by tweaking style sheet a bit? The steps are given in above posts.

[elitecarders]

https://vborg.vbsupport.ru/external/2013/03/14.jpg

i have some error kindly check it also country flages now showing reply me

[farru]

i have some error kindly check it also country flages now showing reply me

Yea, i have had the same misalignment issue. Was able to line them up by adding a line break.
If you are familiar with css, look for this class in additional.css

.postbitlegacy .imlinks {

If you want me to take a look at that, pm me your forum URL. Cheers.

[elitecarders]

PM sent brother

[Derwin]

I just installed this on my vb4 forum, and it really looks good.

But when you view it on any mobile device such as an iPad or Nook HD, or any other tablet, the round frame in the postbit does not show up correctly.

Here's a screen capture showing both views:

https://vborg.vbsupport.ru/external/2013/04/36.jpg

As you can see from the above, the avatar shows up great in the image on the left when viewing on a desktop pc. But the image on the right shows the avatar being "squared off" when viewing on a tablet or other mobile device.

Is there any way to fix this?

[TheSupportForum]

I just installed this on my vb4 forum, and it really looks good.

But when you view it on any mobile device such as an iPad or Nook HD, or any other tablet, the round frame in the postbit does not show up correctly.

Here's a screen capture showing both views:

http://clubnook.com/images/TABLET_PC.jpg

As you can see from the above, the avatar shows up great in the image on the left when viewing on a desktop pc. But the image on the right shows the avatar being "squared off" when viewing on a tablet or other mobile device.

Is there any way to fix this?

the css has to have the correct entries for the browser for the tablet and mobile device, not all CSS working in browsers the same way

[Derwin]

the css has to have the correct entries for the browser for the tablet and mobile device, not all CSS working in browsers the same way

I kind of figured that it was a css problem.

But do you know how to resolve this problem? Is there something in the "additional.css" that I can add to remedy this?

[dmhorus]

I am having this issue:

https://vborg.vbsupport.ru/external/2013/04/55.png

The user stats is mangled and the entire postbit is not vertically aligned.

Is there any way to fix this alignment issue and make the user stats look a bit better? I really want to +1 this.

[dmhorus]

I am having this issue:

https://vborg.vbsupport.ru/external/2013/04/55.png

The user stats is mangled and the entire postbit is not vertically aligned.

Is there any way to fix this alignment issue and make the user stats look a bit better? I really want to +1 this.

I've fixed the vertical alignment issue.

#postlist .userinfo {
padding-top:10px;

Had to be changed to

#postlist .userinfo {
padding-top:0px;

in additional.css

However, I am still not happy with the user stats in the postbit. It looks ugly with that table and the text alignment inside is to the right. I cannot seem to locate where this styling is located but I assume it is somewhere in additional.css. Any help?

[dmhorus]

I've fixed the issues. My template was customized to strip out portions of postbit_extra. I used the default template as a guide and restored it.

[khan1]

I want to show the user name on top of user status ....
can anyone help ?

[elitecarders]

Yea, i have had the same misalignment issue. Was able to line them up by adding a line break.
If you are familiar with css, look for this class in additional.css

.postbitlegacy .imlinks {

If you want me to take a look at that, pm me your forum URL. Cheers.

how to do it i know a little php and css . :eek:

[Spangle]

Installed this on 4.2.1 worked out of the box for the Breeze style

[tnsgaming]

Looks Awesome! And installed it.

[Drago13]

Awesome work.. looks great on my forum.

[DM BoNeZ]

Here is my edit of the postbit_legacy to align the rep power.
hoped this helped.

{vb:raw template_hook.postbit_start}
<li class="postbitlegacy postbitim postcontainer {vb:raw post.statusicon}" id="post_{vb:raw post.postid}">
<!-- see bottom of postbit.css for .userinfo .popupmenu styles -->

<div class="posthead">
<span class="postdate {vb:raw post.statusicon}">
<vb:if condition="$show['announcement']">
<span class="date">{vb:rawphrase x_until_y, {vb:raw post.startdate}, {vb:raw post.enddate}}</span>
<vb:else />
<span class="date">{vb:raw post.postdate}<vb:if condition="!$show['detailedtime']">,&nbsp;<span class="time">{vb:raw post.posttime}</span></vb:if></span>
</vb:if>
</span>
<span class="nodecontrols">
<vb:if condition="$post['postid'] AND $post['threadid'] AND !$show['moderated']">
<a name="post{vb:raw post.postid}" href="{vb:link thread, {vb:raw thread}, {vb:raw pageinfo_post}}#post{vb:raw post.postid}" class="<vb:if condition="$show['inlinemod']">ie</vb:if>postcounter">#{vb:raw post.postcount}</a><a id="postcount{vb:raw post.postid}" name="{vb:raw post.postcount}"></a>
</vb:if>
<vb:if condition="$show['moderated']"><a name="post{vb:raw post.postid}"></a>{vb:rawphrase moderated_post}</vb:if>
<vb:if condition="$show['inlinemod']">
<label for="post_imod_checkbox_{vb:raw post.postid}"><input class="postimod" type="checkbox" id="post_imod_checkbox_{vb:raw post.postid}" name="plist[{vb:raw post.postid}]" value="{vb:raw post.checkbox_value}" /></label>
</vb:if>
</span>
</div>
<div class="postdetails">
<div class="userinfo">

{vb:raw post.onlinestatus}

<vb:if condition="$post['rank']">
<span class="rank">{vb:raw post.rank}</span>
</vb:if>
<div class="username_container">
<vb:if condition="$post['userid']">
{vb:raw memberaction_dropdown}

<vb:else />
<span class="username guest">{vb:raw post.musername}</span>
</vb:if>
</div>



{vb:raw template_hook.postbit_userinfo_left}


<vb:if condition="$show['avatar']">
<vb:if condition="$show['avatar']">
<a class="postuseravatar" href="{vb:link member, {vb:raw post}}" title="{vb:rawphrase {vb:raw post['onlinestatusphrase']}, {vb:raw post.username}}">
<img src="{vb:raw post.avatarurl}" alt="{vb:rawphrase xs_avatar, {vb:raw post.username}}" title="{vb:rawphrase xs_avatar, {vb:raw post.username}}" />
</a>
</vb:if>
<vb:else />

<img class="postuseravatar eti_default_avatar" style="text-align:center;" src="{vb:stylevar imgdir_misc}/unknown.gif" alt="{vb:rawphrase xs_avatar, {vb:raw post.username}}" title="{vb:rawphrase xs_avatar, {vb:raw post.username}}" />

</vb:if>
<vb:if condition="$post['userid']">
<hr />
<dl class="userinfo_extra">


<vb:if condition="$show['reputation']">
<span class="postbit_reputation" id="repdisplay_{vb:raw post.postid}_{vb:raw post.userid}" title="{vb:raw post.username} {vb:raw post.level}">
<vb:each from="reputationdisplay" value="row">
<img class="{vb:raw row.class}" src="{vb:stylevar imgdir_reputation}/reputation_{vb:raw row.posneg}{vb:raw row.imgext}" alt="" />{vb:raw row.rowend}
</vb:each>
</span>
</vb:if>

<span class="usertitle">
{vb:raw post.usertitle}
</span>
<vb:if condition="$post['joindate']"><dt>{vb:rawphrase join_date}</dt> <dd>{vb:raw post.joindate}</dd></vb:if>
<vb:if condition="$post['field2']"><dt>{vb:rawphrase location_perm}</dt> <dd>{vb:raw post.field2}</dd></vb:if>
<vb:if condition="$post['age']"><dt>{vb:rawphrase age}</dt> <dd>{vb:raw post.age}</dd></vb:if>
<dt>{vb:rawphrase posts}</dt> <dd>{vb:raw post.posts}</dd>
{vb:raw template_hook.postbit_userinfo_right_after_posts}

<vb:if condition="$show['infraction'] OR $show['reppower']">

<vb:if condition="$show['infraction']">
<dt>{vb:rawphrase infractions}</dt>
<dd>{vb:raw post.warnings}/{vb:raw post.infractions} ({vb:raw post.ipoints})</dd>
</vb:if>
<vb:if condition="$show['reputation']">
<vb:if condition="$show['reppower']">
<dt>{vb:rawphrase reppower}</dt>
<dd id="reppower_{vb:raw post.postid}_{vb:raw post.userid}">{vb:raw post.reppower}</dd>
</vb:if>
</vb:if>
</dl>
</vb:if>
<div class="imlinks">
{vb:raw post.icqicon} {vb:raw post.aimicon} {vb:raw post.msnicon} {vb:raw post.yahooicon} {vb:raw post.skypeicon}
</div>

</vb:if>
</div>
<div class="postbody">
<div class="postrow<vb:if condition="$show['postedited'] || $post['signature']"> has_after_content</vb:if>">
{vb:raw template_hook.postbit_messagearea_start}
<vb:if condition="$post['title'] OR $show['messageicon']">
<h2 class="title icon">
<vb:if condition="$show['messageicon']"><img src="{vb:raw post.iconpath}" alt="{vb:raw post.icontitle}" /> </vb:if>{vb:raw post.title}
</h2>
</vb:if>


<vb:if condition="$post['isfirstshown']">
{vb:raw ad_location.ad_showthread_firstpost_start}
{vb:raw ad_location.thread_first_post_content}
</vb:if>
<vb:if condition="$post['islastshown']">
{vb:raw ad_location.thread_last_post_content}
</vb:if>
<div class="content<vb:if condition="$show['first_ad'] OR $show['last_ad']"> hasad</vb:if>">
<div id="post_message_{vb:raw post.postid}">
<blockquote class="postcontent restore ">
{vb:raw post.message}
</blockquote>
</div>

<vb:if condition="$show['attachments']">
<div class="attachments">

<vb:if condition="$show['thumbnailattachment']">
<fieldset class="postcontent">
<legend><img src="{vb:stylevar imgdir_misc}/paperclip.png" class="inlineimg" alt="{vb:rawphrase attached_thumbnails}" /> {vb:rawphrase attached_thumbnails}</legend>
{vb:raw post.thumbnailattachments}
</fieldset>
</vb:if>

<vb:if condition="$show['imageattachment']">
<fieldset class="postcontent">
<legend><img src="{vb:stylevar imgdir_misc}/paperclip.png" class="inlineimg" alt="{vb:rawphrase attached_images}" /> {vb:rawphrase attached_images}</legend>
{vb:raw post.imageattachments}
</fieldset>
</vb:if>

<vb:if condition="$show['imageattachmentlink']">
<fieldset class="postcontent">
<legend><img src="{vb:stylevar imgdir_misc}/paperclip.png" class="inlineimg" alt="{vb:rawphrase attached_images}" /> {vb:rawphrase attached_images}</legend>
<ul>
{vb:raw post.imageattachmentlinks}
</ul>
</fieldset>
</vb:if>

<vb:if condition="$show['otherattachment']">
<fieldset class="postcontent">
<legend><img src="{vb:stylevar imgdir_misc}/paperclip.png" class="inlineimg" alt="{vb:rawphrase attached_files}" /> {vb:rawphrase attached_files}</legend>
<ul>
{vb:raw post.otherattachments}
</ul>
</fieldset>
</vb:if>

<vb:if condition="$show['moderatedattachment']">
<fieldset class="postcontent">
<legend><img src="{vb:stylevar imgdir_misc}/paperclip.png" class="inlineimg" alt="{vb:rawphrase attachments_pending_approval}" /> {vb:rawphrase attachments_pending_approval}</legend>
<ul>
{vb:raw post.moderatedattachments}
</ul>
</fieldset>
</vb:if>

</div>
<!-- / attachments -->
</vb:if>
</div>
</div>
<vb:if condition="$show['postedited'] || $post['signature']">
<div class="after_content">
<vb:if condition="$show['postedited']">
<!-- edit note -->
<blockquote class="postcontent lastedited">
<vb:if condition="$show['postedithistory']">
{vb:rawphrase last_edited_link_by_x_on_y_at_z_postid, {vb:raw post.edit_username}, {vb:raw post.edit_date},
{vb:raw post.edit_time}, {vb:raw post.historyurl}}
<vb:else />
{vb:rawphrase last_edited_by_x_on_y_at_z, {vb:raw post.edit_username}, {vb:raw post.edit_date}, {vb:raw post.edit_time}}
</vb:if>
<vb:if condition="$post['edit_reason']">
<span class="reason">{vb:rawphrase reason}:</span> {vb:raw post.edit_reason}
</vb:if>
</blockquote>
<!-- / edit note -->
</vb:if>
{vb:raw template_hook.postbit_signature_start}
<vb:if condition="$post['isfirstshown']">
{vb:raw ad_location.ad_showthread_firstpost_sig}
</vb:if>
<vb:if condition="$post['signature']">
<blockquote class="signature restore"><div class="signaturecontainer">{vb:raw post.signature}</div></blockquote>
</vb:if>
{vb:raw template_hook.postbit_signature_end}
</div>
</vb:if>


<div class="cleardiv"></div>
<div class="postfoot">
<!-- <div class="postfoot_container"> -->
<div class="textcontrols floatcontainer">
<span class="postcontrols">
<img style="display:none" id="progress_{vb:raw post.postid}" src="{vb:stylevar imgdir_misc}/progress.gif" alt="{vb:rawphrase loading_editor_please_wait}" />
<vb:if condition="$post['editlink']">
<a class="editpost" href="{vb:raw post.editlink}" name="vB::QuickEdit::{vb:raw post.postid}" title="{vb:rawphrase edit_delete_message}"><img src="{vb:raw vboptions.cleargifurl}" id="editimg_{vb:raw post.postid}" alt="{vb:rawphrase edit_delete_message}" /> {vb:rawphrase edit_post}</a>
<vb:if condition="THIS_SCRIPT != 'usernote' && THIS_SCRIPT != 'announcement'"><span class="seperator">&nbsp;</span></vb:if>
</vb:if>
<vb:if condition="$show['quickreply'] AND !$show['threadedmode']">
<a id="qr_{vb:raw post.postid}" class='quickreply' href="{vb:raw post.replylink}&amp;noquote=1" rel="nofollow" title="{vb:rawphrase quick_reply_to_this_message}"><img id="replyimg_{vb:raw post.postid}" src="{vb:raw vboptions.cleargifurl}" alt="{vb:rawphrase quick_reply_to_this_message}" /> {vb:rawphrase reply}</a>
<span class="seperator">&nbsp;</span>
</vb:if>
<vb:if condition="$post['replylink']">
<a id="qrwq_{vb:raw post.postid}" class="newreply" href="{vb:raw post.replylink}" rel="nofollow" title="{vb:rawphrase reply_with_quote}"><img id="quoteimg_{vb:raw post.postid}" src="{vb:raw vboptions.cleargifurl}" alt="{vb:rawphrase reply_with_quote}" /> <vb:if condition="$post['forwardlink']">{vb:rawphrase reply_to_private_message}<vb:else />{vb:rawphrase reply_with_quote}</vb:if></a>
<vb:if condition="$show['multiquote_post']"><span class="seperator">&nbsp;</span></vb:if>
</vb:if>
<vb:if condition="$show['multiquote_post']">
<a class="multiquote" href="{vb:raw post.replylink}" rel="nofollow" onclick="return false;" id="mq_{vb:raw post.postid}" title="{vb:rawphrase multi_quote_this_message}"><img id="mq_image_{vb:raw post.postid}" src="{vb:raw vboptions.cleargifurl}" alt="{vb:rawphrase multi_quote_this_message}" />&nbsp;</a>
</vb:if>
</span>
<span class="postlinking">
<vb:if condition="!$post['forwardlink'] && THIS_SCRIPT != 'usernote' && THIS_SCRIPT != 'announcement'">
<vb:if condition="$promote_sectionid AND $promote_sectionid != -1">
<a href="{vb:raw promote_url}" class="promotecms">{vb:rawphrase promote_to_article}</a>
<span class="seperator">&nbsp;</span>
</vb:if>
</vb:if>

{vb:raw template_hook.postbit_controls}
{vb:raw post.iplogged}
<vb:if condition="$post['forwardlink']">
<a class="forwardpost" href="{vb:raw post.forwardlink}" rel="nofollow"><img src="{vb:raw vboptions.cleargifurl}" alt="{vb:rawphrase forward_message}" /> {vb:rawphrase forward}</a>
<vb:if condition="$show['reputationlink'] OR $show['infractionlink'] OR $show['moderated'] OR $show['spam'] OR $show['deletedpost'] OR $show['redcard'] OR $show['yellowcard']"><span class="seperator">&nbsp;</span></vb:if>
</vb:if>
<vb:if condition="$show['reputationlink']">
<span class="reputationpopupmenu popupmenu popupcustom" title="{vb:raw post.postid}"><a class="popupctrl reputation" href="reputation.php?{vb:raw session.sessionurl}do=addreputation&amp;p={vb:raw post.postid}" title="{vb:rawphrase add_reputation}" rel="nofollow" id="reputation_{vb:raw post.postid}"><!--<img src="{vb:stylevar imgdir_button}/reputation-40b.png" alt="{vb:rawphrase add_reputation}" /> -->&nbsp;</a></span>
</vb:if>

<vb:if condition="$show['infractionlink']">
&nbsp;<a class="infraction" href="infraction.php?{vb:raw session.sessionurl}do=report&amp;p={vb:raw post.postid}" rel="nofollow" title="{vb:rawphrase add_infraction_for_x, {vb:raw post.username}}"><!-- <img src="{vb:stylevar imgdir_button}/add-infraction_sm.png" alt="{vb:rawphrase add_infraction_for_x, {vb:raw post.username}}" /> --> &nbsp;</a> &nbsp;
</vb:if>
<vb:if condition="$show['reportlink']">
&nbsp;<a class="report" href="{vb:raw post.reportlink}" rel="nofollow" title="{vb:rawphrase report_bad_post}"><!-- <img src="{vb:stylevar imgdir_button}/report-40b.png" alt="{vb:rawphrase report_bad_post}" /> -->&nbsp;</a> &nbsp;
</vb:if>

<vb:if condition="$show['moderated']">
<img class="moderated" src="{vb:stylevar imgdir_misc}/moderated_sm.png" alt="{vb:rawphrase moderated_post}" />
</vb:if>
<vb:if condition="$show['spam']">
<img class="spam" src="{vb:stylevar imgdir_misc}/spam_detected.png" alt="{vb:rawphrase spam_post}" />
</vb:if>
<vb:if condition="$show['deletedpost']">
<vb:if condition="$show['managepost']">
<a class="deleted" href="{vb:raw $vboptions.vbforum_url}{vb:if "$vboptions['vbforum_url']", '/', ''}postings.php?{vb:raw session.sessionurl}do=managepost&amp;p={vb:raw post.postid}" title="{vb:rawphrase manage}">&nbsp;</a>
<vb:else />
<img class="deleted_nolink" class="inlineimage" src="{vb:stylevar imgdir_button}/deleted_sm.png" alt="{vb:rawphrase deleted_post}" />
</vb:if>
</vb:if>
<vb:if condition="$show['redcard']">
<a class="redcard" href="infraction.php?{vb:raw session.sessionurl}do=view&amp;p={vb:raw post.postid}" rel="nofollow" title="{vb:rawphrase received_infraction}"><!-- <img src="{vb:stylevar imgdir_button}/red-card_sm.png" alt="{vb:rawphrase received_infraction}" /> --> &nbsp;</a>
<vb:elseif condition="$show['yellowcard']" />
<a class="yellowcard" href="infraction.php?{vb:raw session.sessionurl}do=view&amp;p={vb:raw post.postid}" rel="nofollow" title="{vb:rawphrase received_warning}"><!--<img src="{vb:stylevar imgdir_button}/yellow-card_sm.png" alt="{vb:rawphrase received_warning}" /> --> &nbsp;</a>
</vb:if>
<vb:if condition="$post['api_platform']">
<vb:if condition="$post['api_platform_link']">
<a class="mobile mobile_{vb:raw post.api_platform}" href="{vb:raw post.api_platform_link}" rel="nofollow" title="{vb:rawphrase {vb:raw post['api_platform_link_title']}}">{vb:rawphrase {vb:raw post['api_platform_link_phrase']}}</a>
<vb:else />
<span class="mobile mobile_{vb:raw post.api_platform}">{vb:rawphrase {vb:raw post['api_platform_link_phrase']}}</span>
</vb:if>
</vb:if>
</span>
<!-- </div> -->
</div>
</div></div> </div>
<hr />
</li>
{vb:raw template_hook.postbit_end}

https://vborg.vbsupport.ru/external/2013/06/36.png

[BlueCheri]

I have a problem with gender image, which goes below the line. The image is attaching.

Please let me know the solution.

Thanx and rgds,

G!

https://vborg.vbsupport.ru/external/2013/06/20.jpg

[K!nG]

I need a little help in fixing these 2 small issues. Please see attached image for mor clarification.

1- How to bring Avatar in the center as of now it's on one sided.
2- As of now Country flag & Thanks/likes are shown under one bar and looks messy.

http://img547.imageshack.us/img547/4510/uja.png

If someone can help me fix these 2 issues, will appreciate it.

Thanks in advance.

[john7911]

Thank you ;)

[Fatal Hazard]

Hi, it looks great but on my profile page the online status bar is pushing under my username. Where is the CSS to move this down a bit?

[TopHoster]

One of the things i love about this postbit is the look. :)

[KoingWolf]

This is great!
However, I have one issue, the avatar is being forced into a circle. Is there a way to disable that and let the avatars go to full size? I've taken off the border as previously suggested, but that was just the border.
(Hope that all made sense.)

[jramos1973]

Installed.. very cool... thanks

[Kirk93]

Two things I need help with... :)

https://vborg.vbsupport.ru/external/2013/07/37.png

1) The user statistics are positioned further to the right than I would like; is there a way for me to center them to be more in-line with the rest of the post_bit? :)

2) "Confict" with DBTech Like mod; is there a way to add a gap between the "Like This Post" link and the time for the next post?

[Dr.Haitham]

thank you for this postbit_legacy , but I have the problem with the excess space beside the thread that make the thread to narrow .... I use the postbit code in #4 comment but the same problem still present

example :

http://up.3raq-online.com/uploads/1374020652781.jpg

[Dr.Haitham]

any body here can help me ?? ^_^

[Kirk93]

Bump on this; myself and another need assistance. I know the mod isn't supported but surely someone out there can help us? :)

[owning_y0u]

if you have issues with floating Instant messenger icons.

open up style manager go to the css file where you have putted in the css of this postbit.
Search for:

.postbitlegacy .imlinks {
float: none;
text-align: center; }

and replace with:

.postbitlegacy .imlinks {
/* float: none; */
text-align: center; }


The float attribute is commented out because this is a duplicate on the original CSS where the float is left, which you need to keep it under de rest of the postbit.

Bump on this; myself and another need assistance. I know the mod isn't supported but surely someone out there can help us? :)

Go to your Additional CSS file where you have putted the css for this postbit in, then search for:


.postbitlegacy dl.userinfo_extra dd, .postbitlegacy dl.userinfo_extra dd a, .postbitlegacy dl.user_rep dd {
text-align: right;
border-bottom: 1px solid #C8C8C8;
}


and replace with:

.postbitlegacy dl.userinfo_extra dd, .postbitlegacy dl.userinfo_extra dd a, .postbitlegacy dl.user_rep dd {
text-align: right;
padding-right: 1px;
border-bottom: 1px solid #C8C8C8;
}

[bigs15]

is it possible to make that strech over after ho long mah post is ?


https://vborg.vbsupport.ru/external/2013/09/22.png

[ozzy47]

I don't believe so, there is no way to tell how long the post is, and would look silly if only those three things were spread out over a post that is 20,000 characters long.

[justicechick]

IM using this in 4.2.1 with dbtech post thanks / vbplaza/ but when I did this I am getting lines that are to wide. https://vborg.vbsupport.ru/external/2013/10/1.png?1



UPDATE: Nevermind, I found it here: .postbitlegacy .userinfo {
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
margin-top: 10px;
padding: 0px;
width: 250px;
box-shadow: 0 0 3px 0 #A3A3A3;
background: {vb:stylevar postbit_userinfo_background};
border: {vb:stylevar postbit_userinfo_border}; }

Changed 200 to 250

[john7911]

thank you

[SkepticalGaming]

Hi i dont know if this is still being posted on but i would love to know how to remove the circle all together for the avatar, i just want to keep the old square stock avatar set up. the rest is nice.

[Dam13n]

I've tried everything to make the avatar bigger but no success. How can I simply enable the default avatar form and size? With no fancy effects or size limit restrictions?

[Rodrigo.]

Work perfect, thanks good job nice nice nice..

[sharifnaim]

Magnificent work. continue the good touches.

I have vb 423. I followed all the steps correctly.
I have 2 issues so far as shown in attached, I do appreciate your help:

1. The avatar not showing in the posts, its only showing in the member file.
2. I lost a bit space in the forum body.

I appreciate your kind help.

[tbellik]

Thanks @eTiKeT™ brother.

[Max_69]

For vb5?

[oldfan]

works with 4.2.6 php 7.2