Skocz do zawartości
  • Przeglądający   0 użytkowników

    Brak zarejestrowanych użytkowników, przeglądających tę stronę.

STOLARZ

Okrągłe avatary / Rounded avatars MyBB

Promowane odpowiedzi

STOLARZ    178

Przejdź do:
ACP -> Style -> Twój styl -> global.css (lub inny plik z  plikami css)

Dodaj poniższy kod

.avatar 
{
    border-radius: 50%;
}

 

Widok okrągłego avataru w poście

 

ACP -> Szablony -> Twój szablon -> Opis posta -> postbit_avatar

Podmień posiadaną zawartość na:

<div class="author_avatar"><a href="{$post['profilelink_plain']}"><img src="{$useravatar['image']}" alt="" {$useravatar['width_height']} class='avatar' /></a></div>

Efekt

ABPtmWX.png

 

Widok okrągłego avataru w podglądzie profilu użytkownika

 

ACP -> Szablony -> Twój szablon -> Podgląd profilu ->  member_profile_avatar

Podmień posiadaną zawartość na:

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

Efekt

Screenshot_5.png

 

Widok okrągłego avataru w panelu użytkownika (usercp)

 

ACP -> Szablony -> Twój szablon -> Panel użytkownika -> usercp_currentavatar

Podmień posiadaną zawartość na:
 

<td class="trow1" valign="top" align="center" width="1"><div class="usercp_container"><img src="{$useravatar['image']}" alt="{$mybb->user['username']}" title="{$mybb->user['username']}" {$useravatar['width_height']} class="avatar" /></div></td>

Efekt

IAz161B.png

 

Widok okrągłego avataru w panelu użytkownika podczas zmiany avataru (usercp)

 

ACP -> Szablony -> Twój szablon->  Panel użytkownika -> usercp_avatar_current

Podmień posiadaną zawartość na:

<td width="150" align="right"><img src="{$useravatar['image']}" alt="{$lang->avatar_mine}" title="{$lang->avatar_mine}" {$useravatar['width_height']} class="avatar" /></td>

Efekt

Screenshot_6.png

 

Widok okrągłego avataru w panelu użytkownika podczas zmiany avataru (usercp)

 

ACP -> Szablony -> Twój szablon -> Lista użytkowników -> memberlist_user_avatar

Podmień posiadaną zawartość na:

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

Efekt:
Screenshot_1.png

 

Widok okrągłego avataru na portalu

 

ACP -> Szablony -> Twój szablon -> Portal -> portal_announcement_avatar

Podmień posiadaną zawartość na:

<td class="trow1" style="text-align: center; vertical-align: top;" {$useravatar['width_height']}><img src="{$useravatar['image']}" alt="" {$useravatar['width_height']} class="avatar" /></td>

Efekt:
Screenshot_2.png

 

  • Lubię to! 1

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach
BlackIce    3,523

To może dodam coś od siebie... Kod który podałeś, zadziała dla avatarów nie większych niż 200px x 200px. Dlatego dla każdego rozmiaru avatara wystarczy dać:

.avatar{
	border-radius: 50%
}

Nie potrzeba dodawać nic więcej :)

Edytowane przez Salvation
  • Lubię to! 3

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach
Gość
Ten temat został zamknięty. Brak możliwości dodania odpowiedzi.

×