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

Założony przez Matslom.

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 */
}
Kodowanie, edycja i tworzenie styli, for, stron, poszczególnych elementów - polecane szczególnie dla osób, które nie potrafią sobie poradzić z problemami.



Użytkownicy przeglądający ten wątek:

1 gości