Круглая аватара

Доброго времени суток! Возможно ли сделать так, чтобы аватары были по умолчанию не в квадрате а в круге? Заранее спасибо! Как тут на форуме, но на движке bb2

Никто не подскажет?

T-REX, здравствуйте. С профиля создателя форума открываете шаблон viewtopic_body (Панель администратора > Оформление > Шаблоны > Общие настройки; третий снизу), находите в коде

Код:

{postrow.displayed.POSTER_AVATAR}

и аккуратно заменяете его на

Код:

<div class="avatara">{postrow.displayed.POSTER_AVATAR}</div>

Сохраняете изменения, не забыв после этого подтвердить шаблон. Если шаблон уже изменялся раньше, до начала работы можно сохранить его в текстовом файле — на всякий случай.

Затем нужно добавить в CSS (Панель администратора > Оформление > Картинки и цвета > Цвета, вкладка "Каскадная таблица стилей CSS") один из двух кодов и сохранить изменения:
Код №1 — с круглыми аватарами 100х100рх

Код:

.avatara img {background: white; border-radius: 100%; box-shadow: 0 0 0 1px #bdbdbd; height: 100px; padding: 3px; width: 100px}

Нюанс: в этом коде я ограничила изображения до 100 пикселей в высоту и ширину, как на этом форуме. Качество некоторых крупных и прямоугольных аватар может снизиться.
Код №2 — без изменения пропорций и размеров

Код:

.avatara img {background: white; border-radius: 100%; box-shadow: 0 0 0 1px #bdbdbd; padding: 3px}

Этот код не изменяет размер исходных изображений, а просто добавляет к ним белую рамку с закруглёнными краями.

катарсис,

Приветствую! Огромное спасибо за помощь, но эффект вышел не совсем тот, что я хотел. В первом случае у меня уменьшились аватары, а во втором вообще ничего не изменилось. Сейчас стоит белая рамка вокруг аватара, может с ним код конфликтует?

В любом случае у меня сейчас так:



А хотелось бы аватару как тут именно круглую, а не с круглыми краями

T-REX пишет:В первом случае у меня уменьшились аватары, а во втором вообще ничего не изменилось.

Аватары на этом форуме, которые Вы приводите в пример, так же принудительно уменьшаются до 100 пикселей.
Единственное отличие аватар на этом форуме от аватаров из первого кода — наличие полупрозрачной тени.


Смотрите, для "именно круглого аватара" нужны квадратные изображения. Одинаковую ширину и высоту аватар при показе профиля в теме можно задать через CSS, но тогда прямоугольные изображения (а у Вас на форуме много прямоугольных аватар самых разных размеров) будут либо растягиваться, либо уменьшаться под требуемые пропорции. Например, можно указать ширину и высоту в 150 пикселей, но тогда аватар -Leila- будет наоборот растянут, так как его высота всего 112 пикселей.

катарсис,

Попробую иначе обьяснить. У меня сейчас версия форума phpBB2 На нем прямоугольные или квадратные аватары по умолчанию. При смене версии форума на ModernBB - все аватары становятся круглыми.



Вопрос такой: как мне сделать круглые аватары на версии phpBB2 ? Будет растянуто изображение или нет - не важно, хотя хотелось бы норм пропорций

А на ББ3 так можно ?