Webboard

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

Kod PHP:
<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

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 */

}

Matslom

1 Edycja szablonu header

2 Dodanie stylów do arkusza .css

marcink9

Patrykos009

Divir