Webboard

Webboard > Wsparcie MyBB > Style, szablony i grafika > Zaokrąglony awatar w tematach
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

uploadWar

20.02.2016, 15:41
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]

NiespecjalnieUzdolniony

20.02.2016, 15:45
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

uploadWar

20.02.2016, 15:55
(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?

Ardex

20.02.2016, 16:02
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.

uploadWar

20.02.2016, 16:08
konto testowe:
L: kontotest
H: 123123

Ardex

20.02.2016, 16:15
Wklej zawartość szablonu postbit_avatar grupa szablonów Opis posta

uploadWar

20.02.2016, 16:17
(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> 

Ardex

20.02.2016, 16:19
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> 

uploadWar

20.02.2016, 18:17
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]

musicpower

20.02.2016, 18:40
ACP->Konfiguracja->Opcje wyświetlania wątków->Maksymalne wymiary awatara przy postach

uploadWar

20.02.2016, 22:32
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]

GiboneKPL

20.02.2016, 22:37
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;
}

musicpower

20.02.2016, 22:41
(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)

Ardex

20.02.2016, 23:43
(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)

uploadWar

21.02.2016, 00:46
(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
Webboard > Wsparcie MyBB > Style, szablony i grafika > Zaokrąglony awatar w tematach