круглые аватары в 2

#1 24 февраля 2015 в 05:54

Привет всем пытаюсь в стилях прописать —

.usr_img_small{ border-radius: 50% !important;}
.usr_img_micro{ border-radius: 50% !important;}

непомогает не округляются!!! подскажите как правильно стиль прописать, где формируется аватар??

Рекомендую хостинг beget.com (30 дней бесплатно) : https://beget.com/p1866

#2 24 февраля 2015 в 06:50

    border-radius: 45px;
    -moz-border-radius: 45px;
    -webkit-border-radius:45px;

#3 24 февраля 2015 в 06:55

trOid, непоможет!!! мне нужно знать как в стиле прописать — видимо — .usr_img_small это не то, а вот как стиль именно для аватара прописать для small и medium?

Рекомендую хостинг beget.com (30 дней бесплатно) : https://beget.com/p1866

Сегодня в 09:46

#4 24 февраля 2015 в 10:22

.avatar{border-radius:50%;}

#5 24 февраля 2015 в 10:39

andrey1402, непомогло(((

Рекомендую хостинг beget.com (30 дней бесплатно) : https://beget.com/p1866

#6 24 февраля 2015 в 11:18

для дефолтного шаблона:

Спойлер

// для виджета активности
.widget_activity_list .item > .image {
...
border-radius: 50%;
}
 
.widget_activity_list .item > .image img {
...
border-radius: 50%;
}
 
// для виджета комментариев
.widget_comments_list .item .image {
...
border-radius: 50%;
}
 
.widget_comments_list .item .image img {
...
border-radius: 50%;
}
 
// для ленты активности
.striped-list .item .icon img {
...
border-radius: 50%;
}
 
// для страницы комментариев и списка комментариев
#comments_list .comment .body .avatar {
...
border-radius: 50%;
}
 
#comments_list .comment .body .avatar img {
...
border-radius: 50%;
}
 
#comments_list .comment .content {
/* background: url("../images/comment_arrow.png") no-repeat 37px 8px; */
}
 
// для виджета новых пользователей
.widget_profiles_list.tiles img {
border-radius: 50%;
}

#7 24 февраля 2015 в 11:42

Val, большое спасибо получилось!!! я так сделал — добавил ещё коегде —

/* ============================круглые аватарки ============================================== */
 
/* для виджета активности */
.widget_activity_list .item > .image {
border-radius: 50%;
}
 
.widget_activity_list .item > .image img {
border-radius: 50%;
}
 
/* для виджета комментариев */
.widget_comments_list .item .image {
border-radius: 50%;
}
 
.widget_comments_list .item .image img {
border-radius: 50%;
}
 
/* для ленты активности */
.striped-list .item .icon img {
border-radius: 50%;
}
 
/* для страницы комментариев и списка комментариев */
#comments_list .comment .body .avatar {
border-radius: 50%;
}
 
#comments_list .comment .body .avatar img {
border-radius: 50%;
}
 
#comments_list .comment .content {
/* background: url("../images/comment_arrow.png") no-repeat 37px 8px; */
}
 
/* для виджета новых пользователей */
.widget_profiles_list.tiles img {
border-radius: 50%;
}
 
/* для виджета он-лайн пользователей */
.widget_online_list img {
border-radius: 50%;
}
 
/* для виджета  Пользователь */
.widget_user_avatar img {
border-radius: 50%;
}
 
/* Профиль малый аватар */
.avatar img {
border-radius: 50%;
}
 
/* Профиль Большой аватар */
.block img {
border-radius: 50%;
}

Рекомендую хостинг beget.com (30 дней бесплатно) : https://beget.com/p1866

В чате личных сообщений показа

Большая картинка во вплывающем

Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.

круглые аватары в 2

Похожие темы

Увеличить аватары друзей

[ЗАКРЫТО] И опять про аватарки...

Аватар пользователя в списке контента и в записях. Как реализовать?

[ЕСТЬ РЕШЕНИЕ] Логотип в верхнем меню (Аватар пользователя).

Как выбрать аватар в качесте предустановленного значения при заполнении поля?

Ошибка при загрузке аватара с андройда

InstantCMS Team

О проекте

Поддержка

Дополнения