Facebook-like BlaB! IM Bar 
 
How to set Facebook-like BlaB! Im Bar /step-by-step/

(From version 1.1.6 you can load Facebook-like BlaB! IM bar from ACP -> Look & Feel -> Bar Style & Bar Elements -> PRESETS -> FB-STYLE)

1) Go to ADMIN CP -> Look & Feel -> Bar Style copy/paste in the textarea and SAVE:

font-size:10px;
font-family:tahoma,sans-serif;
color:#000;
background-color:#E5E5E5;
margin:0px;
padding:0px;
font-weight:bold;
text-transform:uppercase;
width:auto;
height:auto;
position:fixed;
float:left;
top:auto;
bottom:2px;
left:auto;
right:2px;
border:1px solid #B5B5B5;
z-index:1;


2) Go to ADMIN CP -> Look & Feel -> Bar Elements copy/paste in both textareas and SAVE:

1st textarea:
<div style="border:1px solid #fff;padding:5px;padding-top:2px">
<img src="XXXXXXX/skin_tower/images/menu_users.png" style="border-width:0px;position:relative;top:3px" />
{ONLINE_LINK}{ONLINE_LANG}: {ONLINE_NUM}{CLOSE_LINK}
<span style="color:#aaa">|</span>
<img src="XXXXXXX/skin_tower/images/menu_settings.png" style="border-width:0px;position:relative;top:3px" />
{SETTINGS_LINK}{SETTINGS_LANG}{CLOSE_LINK}
<span style="color:#aaa">|</span>
<img src="XXXXXXX/skin_tower/images/menu_help.png" style="border-width:0px;position:relative;top:3px" />
{HELP_LINK}{HELP_LANG}{CLOSE_LINK}
</div>


2nd textarea:
<div style="border:1px solid #fff;padding:5px;padding-top:2px">
<img src="XXXXXXX/skin_tower/images/menu_chats.png" style="border-width:0px;position:relative;top:3px" />
{CHATS_LINK}{CHATS_LANG}: {CHATS_NUM}{CLOSE_LINK}
</div>


Do not forget to replace XXXXXXX with a full URL of the folder where BlaB! IM is installed, e.g. http://yoursite.com/blab_im


 

2009-09-13 12:03