With the way the HTML markup for online icon in postbit is structured, it's not possible to move the icon next to the username using just pure CSS. You'd need to modify the template to physically move the icon. Editing templates is not recommended as it may result in template merge conflicts that you need to resolve every time you upgrade. That's not to say you can't, just not recommended. This is true for self-hosted vB5 and not for vBCloud which doesn't allow editing templates.
So if you have permission to edit templates and are okay editing templates and resolving merge conflicts whenever you upgrade, then this mod is for you.
So if you have permission to edit templates and are okay editing templates and resolving merge conflicts whenever you upgrade, then this mod is for you.
- Login to AdminCP.
- Navigate to Styles > Style Manager.
- Search for "conversation_userinfo" template.
- Edit the template.
- Find this line:
Code:{vb:template pmchat_userinfo_link, conversation={vb:raw conversation}}
- Add the below code before or after the above line depending on the order you want the online icon to be.
Code:<span class="b-icon b-icon__status--<vb:if condition="$conversation['online'] == 'online'">green<vb:else />gray</vb:if> h-margin-left-m"></span>
Code:<vb:if condition="$conversation['online'] == 'online'"> {vb:set olstatus, ' online'} <vb:else /> {vb:set olstatus, ' offline'} </vb:if> <li class="b-userinfo__icon h-left OLD__online-status{vb:raw olstatus}" title="<vb:if condition="$olstatus == ' online'">{vb:rawphrase x_is_online_now, {vb:raw conversation.authorname}}<vb:else />{vb:rawphrase x_is_offline, {vb:raw conversation.authorname}}</vb:if>"><span class="b-icon b-icon__status--<vb:if condition="$conversation['online']=='online'">green<vb:else />gray</vb:if>"></span></li>
- Save the template.
- Repeat steps 3-5 for every active style your forum is using.
Comment