Просмотр поста

div.avatar_32 {
    width: 42px;
    height: 42px;
    text-align: center;
    line-height: 42px;
    text-transform: uppercase;
    background-color: #454643;
    color: #fff;
    font-size: 15px !important;
    font-weight: 100 !important;
    margin: 0px 6px 0px 0px;
    border-radius: 2px;
    float: left;
    display: block;
    }

div.avatar_32 b {
    font-weight: 100 !important;
}
.avatar_32.a, .avatar_32.b, .avatar_32.d, .avatar_32.A, .avatar_32.B, .avatar_32.D {
    background-color: #9669D1;
}
.avatar_32.e, .avatar_32.f, .avatar_32.g, .avatar_32.E, .avatar_32.F, .avatar_32.G {
    background-color: #3E75D8;
}
.avatar_32.h, .avatar_32.i, .avatar_32.j, .avatar_32.H, .avatar_32.I, .avatar_32.J {
    background-color: #3EBCD8;
}
.avatar_32.k, .avatar_32.l, .avatar_32.m, .avatar_32.K, .avatar_32.L, .avatar_32.M {
    background-color: #3ED874;
}
.avatar_32.n, .avatar_32.o, .avatar_32.q, .avatar_32.N, .avatar_32.O, .avatar_32.Q {
    background-color: #ACBD1F;
}
.avatar_32.r, .avatar_32.s, .avatar_32.t, .avatar_32.R, .avatar_32.S, .avatar_32.T {
    background-color: #BD681F;
}
.avatar_32.u, .avatar_32.v, .avatar_32.x, .avatar_32.U, .avatar_32.V, .avatar_32.X {
    background-color: #717171;
}
.avatar_32.y, .avatar_32.z, .avatar_32.Y, .avatar_32.Z, .avatar_32.1, .2, .3, .4, .5, .6, .7, .8, .9, .0 {
    background-color: #2AA7A7;
}

<div class="avatar_32 '.mb_substr($user['name'], 0, 1, 'UTF-8').'">'.mb_substr($user['name'], 0, 1, 'UTF-8').'</div>