RTL Languages

Users of right-to-left languages (such as Hebrew and Arabic) do not find the chat interface natural and prefer a mirror view. To achieve a mirror view:

  1. Add the following lines in AdminCP » Additions » Custom CSS:
.single_online_user,input,select,textarea,#tsnipmsg{direction:rtl}
.panel_title,.panel_room,.panel_pmitem{direction:rtl;text-align:right!important}
.panel_room span{display:inline-block;margin-right:10px}
.panel_room small{display:inline-block;margin-right:10px}
.panel_pmitem div{text-align:right!important}
.panel_pmavtr{float:right!important;margin-left:10px}
.panel_sounds span{padding-right:10px}
td{direction:rtl;text-align:right!important}
#tsnipmsg div{text-align:right!important}
#private_chats div{text-align:right!important}
#statuses{direction:rtl}
#media_preview div{direction:rtl;text-align:right!important}
.single_online_user{font-weight:bold;margin:5px;padding-right:15px;line-height:35px;white-space:nowrap}
.single_online_user img{float:right;width:30px;height:30px}
.single_online_user b{position:relative;left:36px;top:10px;width:14px;height:14px;line-height:0;display:inline-block;border-radius:100%}
  1. Replace in AdminCP » Style » Message Style:
<div class="msg"><img class="avt x_circle" src="{AVATAR}" alt="" /><div style="text-align:right">
<span onclick="inp.value=\'«@\'+this.innerHTML+\'» \'+inp.value" class="pointer chat_area_user g{GROUP}">{NAME}</span>
<br /><span class="tt{COLOR}" style="word-break:break-word">{TEXT}</span></div></div>
.msg{direction:rtl;margin-bottom:20px;min-width:200px;display:flex;clear:both}  
.avt{float:left;width:50px;height:50px;margin-left:10px}

A custom font can be added in this way; AdminCP » Additions » Custom CSS:

@font-face{font-family:FONT-NAME;src:url(FONT-FILE.ttf)}
body,td,p,div,input,select,textarea{font-size:15px;font-family:FONT-NAME,sans-serif}

 
Powered by BlaB! Pages