Dołącz do zespołu ekspertów! Backend lub Frontend Developer?

Sprawdź najnowsze oferty pracy naszego partnera - 8lines.io!

Zaokrąglony awatar w tematach

Inne  Założony przez  uploadWar.

20.02.2016, 15:41
#1
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]
20.02.2016, 15:45 (Ten post był ostatnio modyfikowany: 20.02.2016, 15:48 przez NiespecjalnieUzdolniony.)
#2
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
Jak czytasz mój post to sprawdź czy go nie zedytowałem bo niezdecydowany jestem.
20.02.2016, 15:55
#3
(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?
20.02.2016, 16:02 (Ten post był ostatnio modyfikowany: 20.02.2016, 16:03 przez Ardex.)
#4
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.
20.02.2016, 16:08
#5
konto testowe:
L: kontotest
H: 123123
20.02.2016, 16:15
#6
Wklej zawartość szablonu postbit_avatar grupa szablonów Opis posta
20.02.2016, 16:17
#7
(20.02.2016, 16:15)Ardex napisał(a): 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> 
20.02.2016, 16:19 (Ten post był ostatnio modyfikowany: 20.02.2016, 16:20 przez Ardex.)
#8
<div class="author_avatar"><a href="{$post['profilelink_plain']}"><img src="{$useravatar['image']}" alt="" {$useravatar['width_height']} style="border-radius: 51%;" /></a></div> 
20.02.2016, 18:17
#9
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]
20.02.2016, 18:40 (Ten post był ostatnio modyfikowany: 20.02.2016, 18:42 przez musicpower.)
#10
ACP->Konfiguracja->Opcje wyświetlania wątków->Maksymalne wymiary awatara przy postach
Akcja "Dziękuję za pomoc"
20.02.2016, 22:32
#11
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]
20.02.2016, 22:37
#12
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;
}
20.02.2016, 22:41 (Ten post był ostatnio modyfikowany: 20.02.2016, 22:42 przez musicpower.)
#13
(20.02.2016, 22:37)GiboneKPL napisał(a): 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)
Akcja "Dziękuję za pomoc"
20.02.2016, 23:43
#14
(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)
21.02.2016, 00:46
#15
(20.02.2016, 22:37)GiboneKPL napisał(a): 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



Użytkownicy przeglądający ten wątek:

2 gości