Domyślny awatar w panelu użytkownika (nagłówek)

Jak wyświetlać domyślny awatar w nagłówku w przypadku braku awatara użytkownika.
Założenie jest takie aby utworzyć dwa elementy z awatarami które będą nałożone na siebie.

1 Edycja szablonu header

Kod HTML wklejamy do nagłówka

<div class="useravatar useravatar-bg">
    <div class="useravatar" style="background-image: url({$mybb->user['avatar']});"></div>
</div> 


2 Dodanie stylów do arkusza .css

Kod CSS do global.css

.useravatar {
width: 35px;
height: 35px;
background-repeat: no-repeat;
background-position: center center;
background-size: 100%;
}

.useravatar-bg {
background-image: url(images/default_avatar.png);
}


problem się pojawia, gdy gracz zrobi upload obrazka w renderze czyli bez tła. wtedy widzi pod swoim avatarem domyślny avatar

@marcink9 użyj tego https://community.mybb.com/mods.php?action=view&pid=375

Żeby zapobiec błędowi z przezroczystymi awatarami można to zrobić w ten sposób:


<img class="header__nav__img" src="{$mybb->user['avatar']}" alt="avatar">



.header__nav__img[src=""] {
 content: url('images/default_avatar.png'); /* Podmień adres ze ścieżką do domyślnej grafiki jeśli potrzebujesz */
}