ZorNet.Ru — сайт для вебмастера » Скрипты для uCoz » Закруглить аватар в форме комментариев uCoz

Закруглить аватар в форме комментариев uCoz

Закруглить аватар в форме комментариев uCoz
Из статьи вы узнаете, как сделать круглым Avatar, который закреплен к форме добавления комментарий, где нам понадобиться прописать немного стилей. Ведь иногда такое бывает, что вид комментарий, с прикрепленным аватар идет под одной фигурой, скажем, под круглой. А на самой основе, это форма для написания комментарий, там основном по умолчанию в квадратной форме. И когда мы оставляем комментарий, то не так красиво смотрится, просто хотелось, чтоб стилистика была общей, а не выделялась одна из многих картинок.

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

Проверенно с тестовой площадке:

Как закруглить Аватары в комментариях на сайте

Установка:

Код
/*=== Закруглить avatar в форме комментариев ===*/  
.ucf-avatar img {
 width: 53px!important;
 height: 50px!important;
-webkit-border-radius: 50%!important;
-moz-border-radius: 50%!important;
 border-radius: 50%!important;
}

Нам нужно только вписать данные стили, которые отвечают за скрытие углов.
09 Марта 2021 Просмотров: 1495 Комментариев: (3)

Поделиться в социальных сетях

Материал разместил

Комментарии: 3
GoMan
GoMan 19 Июня 2026 18:131
0
Чтобы была круглая ава (как на скрине), то куда это в css вставлять нужно?
SamVol
SamVol 20 Июня 2026 13:472
+1
Можно в самый низ Таблицы стилей (css):
Код
.ucf-avatar img{border-radius:50%!important}
-SAM-
-SAM- 21 Июня 2026 03:133
+1
Здесь ещё важно понимать, что материал идёт про конкретно закругление аватара в социальной форме комментариев от uCoz. То есть должна быть выбрана в настройках именно эта форма. Иначе не сработает в другом месте, если где-то там на сайте у себя кто-то попытается так сделать. В общем, используется привязка на класс, который есть в этой форме по умолчанию от системы. Если нужно закругление для остальных аватаров, то стиль привязать к .user_avatar img (тоже системный класс идёт).

По поводу установки. Там в любое место можно поставить таблицы стилей.

Оставь свой отзыв

avatar