<?php
 $forum['username_first_letter'] = mb_substr($PowerBB->_CONF['template']['while']['lastPostsList'][$this->x_loop]['writer'], 0, 1, 'UTF-8');
 ?>
 <span class="avatar-default avatar-u1-s" data-letter="<?php echo $forum['username_first_letter']; ?>">
 <?php echo $forum['username_first_letter']; ?>
 </span>
 <style>
 .avatar-default {
     float: right;
     margin-left: 6px;
     width: 32px;
     height: 32px;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     background: #dde3ea;
     color: #2f3a4a;
     border-radius: 50%;
     font-size: 20px;  
 background-position: center; 
 background-repeat: no-repeat; 
 vertical-align: middle  
 }
 
 .avatar-default i {
     line-height: 1;
 }
 
 .avatar-u1-s {
     border-radius: 50%;
 }
 
 .avatar-default[data-letter="أ"],
 .avatar-default[data-letter="ا"],
 .avatar-default[data-letter="ب"],
 .avatar-default[data-letter="ت"] {
     background: #e7f0ff;
 }
 
 .avatar-default[data-letter="ج"],
 .avatar-default[data-letter="ح"],
 .avatar-default[data-letter="خ"] {
     background: #e9f7ef;
 }
 
 .avatar-default[data-letter="س"],
 .avatar-default[data-letter="ش"],
 .avatar-default[data-letter="ص"] {
     background: #f1e9ff;
 }
 
 .avatar-default[data-letter="م"],
 .avatar-default[data-letter="ن"],
 .avatar-default[data-letter="و"] {
     background: #fff4e5;
 }
 
 /* إنجليزي */
 .avatar-default[data-letter^="A"],
 .avatar-default[data-letter^="B"],
 .avatar-default[data-letter^="C"] {
     background: #e7f0ff;
 }
 
 .avatar-default[data-letter^="D"],
 .avatar-default[data-letter^="E"],
 .avatar-default[data-letter^="F"] {
     background: #e9f7ef;
 }
 
 .avatar-default[data-letter^="M"],
 .avatar-default[data-letter^="N"],
 .avatar-default[data-letter^="O"] {
     background: #fde8e8;
 }
 </style>