Webboard

Pełna wersja: Zaokrąglony awatar w tematach
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
Stron: 1 2
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 :)

[Obrazek: 89795790014458414607.png]
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
(20.02.2016, 15:45)NiespecjalnieUzdolniony napisał(a): [ -> ]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
(20.02.2016, 16:15)Ardex napisał(a): [ -> ]Wklej zawartość szablonu postbit_avatar grupa szablonów Opis posta
Kod PHP:
<div class="author_avatar"><a href="{$post['profilelink_plain']}"><img src="{$useravatar['image']}alt="" {$useravatar['width_height']} /></a></div
Kod PHP:
<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.
[Obrazek: 39976799371090863587.png]
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 ?
[Obrazek: 78728198860203622108.png]
Zamień postbit_avatar na ten:
Kod:
<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:
Kod:
.postbit_avatar {
border-radius: 51%;
width: 160px;
height: 160px;
}
(20.02.2016, 22:37)GiboneKPL napisał(a): [ -> ]Zamień postbit_avatar na ten:
Kod:
<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:
Kod:
.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)
(20.02.2016, 22:41)musicpower napisał(a): [ -> ]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)
(20.02.2016, 22:37)GiboneKPL napisał(a): [ -> ]Zamień postbit_avatar na ten:
Kod:
<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:
Kod:
.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
Stron: 1 2