Okrągłe avatary IPB

[Elvie]

Hej,

Jest może jakiś hook/możliwość zrobienia, że po dodaniu zdjęcia na forum (awatar) będzie on automatycznie zmieniany do poziomu okrągłego? W chwili obecnej są domyślnie prostokąty.

 

Pozdrawiam,

Dzięki za pomoc

[DawPi]

Yy, nie kojarzę, bo i po co takie cuda, jak wszystko na forum jest w formie 'prostokąta'.

[Jurij]

Tak. Musisz w .ipsUserPhoto_large dodać np. border-radius: 50px

 

Tak to wygląda po kilku sekundach zabawy z firebugiem:

 

Oczywiście wartość możesz dodać taką, jaka Ci pasuje

Edytowane 11 Lutego 2014 przez Jurij

[DawPi]

Aaaa, że taki efekt, a nie fizycznie okrągłe! No to nawet w CSS, jak Jurij napisał można to zrobić.

Swoją drogą to śmiesznie to wygląda.

[Kolorowy96]

A że tak się wtrące do tematu gdzie znajduję się ipsUserPhoto_large ponieważ fajny efekcik :]

[Jurij]

No ba, że fajnie Właśnie patrzę jak to wygląda u mnie i chyba też to zastosuję W ustawieniach stylu => css => styles.css to znajdziesz

[Kolorowy96]

Ok, miałem wczoraj pisać ten temat;) Ładnie wygląda to na gamehostingtalk (bez reklamy)

[Kolorowy96]

Nie posiadam pliku styles.css

Więc co dalej ?

Edytowane 11 Lutego 2014 przez Kolorowy96

[DawPi]

Musisz posiadać.

[Jurij]

U mnie też ładnie wygląda, masz plusa za inspirację A plik styles.css znajdziesz w acp => wygląd => style i szablony => Twój styl aktualnie używany => zakładka css => na liście po lewej musisz mieć styles.css.

 

Edyta: A to nie Ty masz plusa, tylko autor tematu

Edytowane 11 Lutego 2014 przez Jurij

[Kolorowy96]

Ok posiadam.

Mógłby ktoś mi to zedytować ?

ipb_styles.css

http://wklej.org/id/1270266/

[Jurij]

Przecież Ci napisałem co zrobić. Znajdź co potrzeba, dodaj co potrzeba, zapisz i odśwież stronę.

[Kolorowy96]

Pod tagiem border-radius:

jest pełno z 40linijek!

[Jurij]

Ech. Boże widzisz i nie grzmisz... Napisałem Ci przecież, że szukasz:

.ipsUserPhoto_large

a potem dodajesz np. :

border-radius: 50px

[sebag23]

Tak, tylko dodając radius w .ipsUserPhoto_large będzie on widoczny tylko w niektórych miejscach (z tego co na szybko zobaczyłem, to tylko w temacie). Żeby wszystkie avatary (w profilu, temacie, ostatnim poście na głównej itd.) były okrągłe, w ipb_styles.css znajdź

.ipsUserPhoto {

i dodaj

border-radius:50%;

[Jurij]

No tak, to sprawa oczywista. Żeby zmienić wszystko na całym forum trzeba pozmieniać to:

.ipsUserPhoto_large { max-width: 90px; max-height: 90px; border-radius: 50px;}
	.ipsUserPhoto_medium { width: 50px; height: 50px; border-radius: 50px;}
	.ipsUserPhoto_mini { width: 30px; height: 30px; border-radius: 50px;}
	.ipsUserPhoto_tiny { width: 20px; height: 20px;	border-radius: 50px;}
	.ipsUserPhoto_icon { width: 16px; height: 16px;	border-radius: 50px;}

oraz w ipb_profile.css:

#profile_photo { max-width: 138px; max-height: 138px; border-radius: 70px; }

[sebag23]

To co podałem, zmienia wszystkie avatary na okrągłe, więc nie trzeba w pozostałych klasach dodawać.

[Siwiuski]

 

Tak, tylko dodając radius w .ipsUserPhoto_large będzie on widoczny tylko w niektórych miejscach (z tego co na szybko zobaczyłem, to tylko w temacie). Żeby wszystkie avatary (w profilu, temacie, ostatnim poście na głównej itd.) były okrągłe, w ipb_styles.css znajdź

.ipsUserPhoto {

i dodaj

border-radius:50%;

 

Ja uzyskałem b. ładny efekt wstawiając:

 

border-radius:10%;

[sebag23]

No tak, 10% daje efekt zaokrąglenia, nie okrągłych, jak to było w temacie

Edytowane 12 Lutego 2014 przez sebag23