Шаблоны
![]() | 1 Светло синий шаблон форума для uCoz Дата добавления:23.06.2022 |
![]() | 2 Шаблон Cinemak для uCoz Дата добавления:21.06.2022 |
![]() | 3 Шаблон NowFilms для uCoz Дата добавления:21.06.2022 |
![]() | 4 Шаблон Animeway для uCoz Дата добавления:21.06.2022 |
![]() | 5 Шаблон «7ucoz» для uCoz Дата добавления:19.06.2022 |
Скрипты
![]() | 1 Пароль на скачивание материала для uCoz Дата добавления:19.06.2022 |
![]() | 2 Меняем вид тегов на #хештеги для uCoz Дата добавления:19.06.2022 |
![]() | 3 Адаптивный вид материала для uCoz сайтов Дата добавления:19.06.2022 |
![]() | 4 Материалы в несколько колонок для uCoz Дата добавления:19.06.2022 |
![]() | 5 Закруглить аватар в форме комментариев uCoz Дата добавления:19.06.2022 |
Комментарии

Прикольно смотрится на сайте))))))))
Статистика
Онлайн всего: 1
Гостей: 1
Пользователей: 0
Закруглить аватар в форме комментариев uCoz
- Автор: Admin
- 22.09.2023
Из статьи вы узнаете, как сделать круглым 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;
}
.ucf-avatar img {
width: 53px!important;
height: 50px!important;
-webkit-border-radius: 50%!important;
-moz-border-radius: 50%!important;
border-radius: 50%!important;
}
Нам нужно только вписать данные стили, которые отвечают за скрытие углов.
- Категория: Скрипты для uCoz
- Просмотров: 274
- Загрузок: 0
Поделиться файлом или скачать
Похожие материалы
Зарегистрируйся и получи кучу возможностей |
|




©2022-2023
У нас собраны уникальные шаблоны различных тематик для сайтов uCoz, а также много нестандартных решений. Встречайте новую облегченную версию сайта, теперь загрузка страниц происходит еще быстрее и пользоваться сайтом стало еще приятнее.