Inne Zaokrąglony awatar w tematach

wersja skryptu MyBB: 1.8.6
adres forum: CounterWorld.pl
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu):

Tak jak w screen'e, chciałbym zaokrąglony awatar w tematach i prosiłbym o jakies instrukcje jak to możliwe

Musisz zobaczyc jaka klase/id ma ten obrazek i do tego dodac border-radius:100%
Prosze http://www.w3schools.com/cssref/css3_pr_...radius.asp

Musisz zobaczyc jaka klase/id ma ten obrazek i do tego dodac border-radius:100%
Prosze http://www.w3schools.com/cssref/css3_pr_...radius.asp

gdzie mam sprawdzić jaką ma klase/ID?

Za pomocą konsoli (w Firefoxie klikasz F12) https://webboard.pl/thread-45824.html

Daj gościom możliwość przeglądania tematów to będziemy mogli podać jaka to klasa.

konto testowe:
L: kontotest
H: 123123

Wklej zawartość szablonu postbit_avatar grupa szablonów Opis posta

Wklej zawartość szablonu postbit_avatar grupa szablonów Opis posta

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


<div class="author_avatar"><a href="{$post['profilelink_plain']}"><img src="{$useravatar['image']}" alt="" {$useravatar['width_height']} style="border-radius: 51%;" /></a></div> 


Jest szansa powiększenia jeszcze tych zaokrąglonych awatarów w postach ? bo są strasznie małe.
dodam ze awatar mam dodany 200x200.

ACP->Konfiguracja->Opcje wyświetlania wątków->Maksymalne wymiary awatara przy postach

tylko każdy inny awatar użytkownika ma inne kształty xd 
co zrobić by ustawić wszystkim taki jak jest na awatarze środkowym ?

Zamień postbit_avatar na ten:

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

i do global.css wklej:

.postbit_avatar {
border-radius: 51%;
width: 160px;
height: 160px;
}

Zamień postbit_avatar na ten:

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

i do global.css wklej:

.postbit_avatar {
border-radius: 51%;
width: 160px;
height: 160px;
}

100x100/120x120 spokojnie wystarczy, przy 150 chyba zaczyna się już wykrzywiać ;p (zależy od rozmiaru strony)

100x100/120x120 spokojnie wystarczy, przy 150 chyba zaczyna się już wykrzywiać ;p (zależy od rozmiaru strony)

W kodzie jest wartość procentowa - border-radius: 51% a zatem rozmiar awatara nie ma znaczenia (oczywiście wysokość i szerokość musi być taka sama)

Zamień postbit_avatar na ten:

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

i do global.css wklej:

.postbit_avatar {
border-radius: 51%;
width: 160px;
height: 160px;
}

zrobiłem tak i awatary stały sie kwadratowe ale i tak nie są tego samego rozmiaru