Tips & Tricks


Can I replace sound notifications?

Easily from AdminCP » Settings » Sound notifications
You can build your own sound notification JavaScript file using 60 predefined sounds or upload your own mp3 files.


How can I change chat colors, background etc?

AdminCP » Style » Custom CSS

/* red-yellow thin scrollbar */
div{scrollbar-width:thin;scrollbar-color:red yellow} 
div::-webkit-scrollbar{width:6px} 
div::-webkit-scrollbar-track{background:yellow} 
div::-webkit-scrollbar-thumb{background-color:red;border-width:0}

/* larger stickers */
.chat_area_sticker{height:90px;width:auto}
.chat_list_sticker{height:60px;width:auto}
/* larger emoticons */

.chat_area_emoticon{width:42px;height:42px}
.chat_list_emoticon{width:60px;height:60px}

/* Transparent black bg color: login/register and chat page */
.x_global{background-color:rgba(0,0,0,0.8)} 
.x_blab{background-color:rgba(0,0,0,0.9)}

/* Transparent white bg color: login/register and chat page */
.x_global{background-color:rgba(255,255,255,0.9)} 
.x_blab{background-color:rgba(255,255,255,0.9)}

My theme doesn't match the white icons, how to change their color?

The icons are base64 encoded entries in blabws.css. Your best option is to use darker background colors. If you insist on changing icon colors, with the built-in search function of your favorite text editor search and replace RkZGRkZG in blabws.css.

base64 RkZGRkZG = FFFFFF (white)
base64 MDAwMDAw = 000000 (black)
base64 NjY2NjY2 = 666666 (grey)

Can I add some information/content/elements in chat?

AdminCP » Additions » Custom Content: Chat

<div style="position:fixed; top:2px; left:100px; width:100px; color:#fff; background-color:#000">HELLO</div>

Page updated: 2022-10-05
 
Powered by BlaB! Pages