Я так же с этим разбирался и пришел к следующему решению, заменяем код в шаблоне вида комментариев код:
<img src="$USER_AVATAR_URL$" alt="avatar" />
на следующий:
<?if(substr($USER_AVATAR_URL$,0,13)=="https://fbcdn")?><div class="avatar-symbol"><span><?if($NAME$)?><?substr($NAME$,0,1)?><?else?><?substr($USERNAME$,0,1)?><?endif?></span></div><?else?> <?if(substr($USER_AVATAR_URL$,0,16)=="https://scontent")?><div class="avatar-symbol"><span><?if($NAME$)?><?substr($NAME$,0,1)?><?else?><?substr($USERNAME$,0,1)?><?endif?></span></div><?else?> <img src="$USER_AVATAR_URL$" alt="avatar" /><?endif?><?endif?>
либо:
<?if(substr($USER_AVATAR_URL$,0,13)=="https://fbcdn" or substr($USER_AVATAR_URL$,0,16)=="https://scontent")?><div class="avatar-symbol"><span><?if($NAME$)?><?substr($NAME$,0,1)?><?else?><?substr($USERNAME$,0,1)?><?endif?></span></div><?else?> <img src="$USER_AVATAR_URL$" alt="avatar" /><?endif?>
что он делает, он проверяет по урл соц-сети если это соц-сеть фейсбук от которой и идут битые аватары, он заменяет аватар на первый символ с никнейма(логина) пользователя.
В стили так же добавьте:
.avatar-symbol {
width: 50px;
height: 50px;
border: 1px solid #D8D2D2;
border-radius: 7px;
text-align: center;
font-size: 44px;
color: #999;
background-color: #FFFFFF;
text-transform: uppercase;
}
.avatar-symbol span {
top: 14px;
position: relative;
}