Jak zrobić okrągłe avatary w panelu bocznym MyBB

[xZANDARMx]

Aby zrobić zaokrąglony avatar należy przejść do Style i szablony > Szablony > Szablony globalne i edytować każdy szablon z osobna:

• topStats_LastActiveThreadsAvatar
• topStats_LastThreadsAvatar
• topStats_ModeratorsAvatar
• topStats_MostViewsAvatar
• topStats_NewestUsersAvatar
• topStats_PostersAvatar
• topStats_ReferralsAvatar
• topStats_ReputationAvatar
• topStats_TimeOnlineAvatar

zamieniając:

<img src="{$useravatar['image']}" alt="" style="float: left;margin-right: 5px;" {$useravatar['width_height']}/>

na: 

<img src="{$useravatar['image']}" alt="" style="float: left;margin-right: 5px; border-radius:50%;" {$useravatar['width_height']}/>

Lepszym sposobem jest jednak (jeżeli zdecydujemy się na edycję wszystkich szablonów) dodanie nowej klasy np. topStatsAvatar i tam osadzenia wszystkich atrybutów tak aby ułatwić sobie edycję następnym razem.

CSS:

.topStatsAvatar{
float:left;
margin-right:5px;
border-radius:50%;
}

HTML:

<img src="{$useravatar['image']}" alt="" class="topStatsAvatar" {$useravatar['width_height']}/>

SPOSÓB BEZ EDYTOWANIA WSZYSTKICH SZABLONÓW.

Przejdź do Style i szablony > Szablony > [Twoja nazwa] Templates > Strona główna - szablony > index (o ile tam dodałeś kod)

znajdź:

{$topStats['LastThreads']} 
{$topStats['LastActiveThreads']} 
{$topStats['MostViews']}
{$topStats['Posters']}
{$topStats['Reputation']}
{$topStats['Referrals']}
{$topStats['TimeOnline']} 
{$topStats['NewestUsers']}
{$topStats['Moderators']}

zamień na obejmując kod nową klasą:

<div class="topStatsTable">
{$topStats['LastThreads']} 
{$topStats['LastActiveThreads']} 
{$topStats['MostViews']}
{$topStats['Posters']}
{$topStats['Reputation']}
{$topStats['Referrals']}
{$topStats['TimeOnline']} 
{$topStats['NewestUsers']}
{$topStats['Moderators']}
</div>

Zapisz.

Przejdź do Style i szablony > Style > Twój styl > global.css. Przejdź na edycję w trybie zaawansowanym i dodaj poniższy kod:

.topStatsTable table .trow1 img{border-radius:50%;}