Cryt Posted December 8, 2015 Report Share Posted December 8, 2015 Доброго времени суток. Ребята, возникла потребность изменить размер иконки, которые находятся напротив разделов категории форума (при создании и категорий и разделов, их ещё можно менять, загружая свои). Суть вопроса: как изменить размер этих иконок? По-скольку, они слишком мелко отображаются в моём стиле. Quote Link to comment Share on other sites More sharing options...
jusv Posted December 8, 2015 Report Share Posted December 8, 2015 в фотошопе, возможно я ошибаюсь) Quote Link to comment Share on other sites More sharing options...
Sufiy Posted December 8, 2015 Report Share Posted December 8, 2015 Насколько помню, в правке css нужного стиля framework - misc.css - какая-то из группы .ipsUserPhoto, то ли .ipsUserPhoto_small, то ли .ipsUserPhoto_mini. Меняется высота, ширина и border-radius, и менять их надо пропорционально, иначе будут сиськи какие-то. Quote Link to comment Share on other sites More sharing options...
Cryt Posted December 8, 2015 Author Report Share Posted December 8, 2015 Sufiy, Вы про аватарки пользователей или про иконки, которые на главной форума, напротив названия разделов? Quote Link to comment Share on other sites More sharing options...
Sufiy Posted December 8, 2015 Report Share Posted December 8, 2015 Про аватарки. Иконки разделов я вроде тоже редактировал, по-моему в data-lists.css. Но я менял только фон unread-статуса, а не размеры. Скорее всего data-lists - ipsDataItem_icon. Cryt 1 Quote Link to comment Share on other sites More sharing options...
Cryt Posted December 8, 2015 Author Report Share Posted December 8, 2015 Точно там где-то. Как найду - отпишу. Quote Link to comment Share on other sites More sharing options...
Cryt Posted December 8, 2015 Author Report Share Posted December 8, 2015 Что-то не нашёл. Всё уже перепробовал, что icon связано. Quote Link to comment Share on other sites More sharing options...
Sufiy Posted December 8, 2015 Report Share Posted December 8, 2015 У меня есть в стандартном стиле такая строчка - .ipsDataList_large .ipsDataItem_icon. Другое дело, что возможно правкой стиля этот вопрос не решить. Quote Link to comment Share on other sites More sharing options...
Cryt Posted December 8, 2015 Author Report Share Posted December 8, 2015 Так и не решил вопрос. Есть ещё у кого мысли\предложения? Quote Link to comment Share on other sites More sharing options...
Sufiy Posted December 9, 2015 Report Share Posted December 9, 2015 В 08.12.2015 в 22:19, Cryt сказал: Так и не решил вопрос. Есть ещё у кого мысли\предложения? Нашел. Найдите в css global - framework - badges.css и поменяйте линейные размеры для .ipsItemStatus.ipsItemStatus_large Cryt 1 Quote Link to comment Share on other sites More sharing options...
Cryt Posted December 9, 2015 Author Report Share Posted December 9, 2015 Изменил пиксели, но не вышло. Подскажите пожалуйста, что тут нужно изменить? Quote Link to comment Share on other sites More sharing options...
Sufiy Posted December 10, 2015 Report Share Posted December 10, 2015 Я менял высоту, ширину и border-radius, опробовал на двух стилях, включая дефолтный. По умолчанию css выглядит так: /* ITEM STATUS BADGES */ .ipsItemStatus:not( .ipsItemStatus_large ) { color: {theme="item_status"}; font-size: 14px; line-height: inherit; vertical-align: middle; } .ipsDataItem_subList .ipsItemStatus:not( .ipsItemStatus_large ) { vertical-align: text-top; } .ipsItemStatus.ipsItemStatus_read:not( .ipsItemStatus_large ) { color: #dbdbdb; } .ipsItemStatus.ipsItemStatus_tiny { font-size: 9px; } .ipsItemStatus.ipsItemStatus_small { font-size: 13px; } .ipsItemStatus.ipsItemStatus_large { background: {theme="item_status"}; color: #fff; width: 40px; height: 40px; line-height: 40px; border-radius: 20px; display: inline-block; text-align: center; font-size: 18px; {prefix="transition" value="0.15s all linear"} } .ipsItemStatus.ipsItemStatus_large.ipsItemStatus_read { background: #dbdbdb; } .ipsItemStatus.ipsItemStatus_read { opacity: 0.6; } .ipsItemStatus.ipsItemStatus_read:not( .ipsItemStatus_large ):not( .ipsItemStatus_posted ):not( .ipsItemStatus_custom ) { display: none; } А какой у Вас стиль? Quote Link to comment Share on other sites More sharing options...
Cryt Posted December 10, 2015 Author Report Share Posted December 10, 2015 Я тоже бордюр-радиус менял. Всё перепробовал, но ноль реакции. Стиль Анимате 4.х Пробовал даже в самом xml, перед загрузкой, та же песня... Quote Link to comment Share on other sites More sharing options...
Respected Posted December 10, 2015 Report Share Posted December 10, 2015 .ipsItemStatus.ipsItemStatus_large Меняем font-size Quote Link to comment Share on other sites More sharing options...
Cryt Posted December 10, 2015 Author Report Share Posted December 10, 2015 41 минут назад, Respected сказал: .ipsItemStatus.ipsItemStatus_large Меняем font-size Менял, сейчас пере-проверил - не выходит. Может там ограничения стоят где-то? Спойлер /* Badges: various indicators */ /* ======================================================== */ /* STANDARD BADGE */ .ipsBadge { padding: 0 8px; border-radius: 2px; font-weight: 500; display: inline-block; color: #fff; vertical-align: middle; text-shadow: none; letter-spacing: 0; } .ipsBadge a, a.ipsBadge:hover { color: #fff; } .ipsBadge.ipsBadge_icon { width: 28px; height: 28px; border-radius: 28px; font-size: 14px; text-align: center; line-height: 28px; vertical-align: middle; padding: 0; } .ipsBadge.ipsBadge_icon.ipsBadge_small { width: 19px; height: 19px; border-radius: 19px; line-height: 19px; font-size: 11px; vertical-align: baseline; } .ipsBadge.ipsBadge_icon.ipsBadge_large { width: 38px; height: 38px; border-radius: 38px; line-height: 38px; font-size: 17px; } .ipsType_pageTitle .ipsBadge { vertical-align: middle !important; } /* ======================================================== */ /* SIZES */ .ipsBadge, .ipsBadge.ipsBadge_normal { height: 17px; line-height: 17px; font-size: 10px; } .ipsBadge.ipsBadge_medium { height: 18px; line-height: 18px; font-size: 11px; } .ipsBadge.ipsBadge_large { height: 23px; line-height: 23px; padding: 0 10px; } /* ======================================================== */ /* STYLES */ .ipsBadge_new, .ipsBadge_style1 { background: #323232; } .ipsBadge_style2 { background: #6a4fa8; } .ipsBadge_warning, .ipsBadge_style3 { background: #873661; } .ipsBadge_positive, .ipsBadge_style4 { background: #598f5b; } .ipsBadge_negative, .ipsBadge_style5 { background: #c75050; } .ipsBadge_neutral, .ipsBadge_style6 { background: #616161; } .ipsBadge_intermediary, .ipsBadge_style7 { background: #f09348; } /* ======================================================== */ /* ITEM STATUS BADGES */ .ipsItemStatus:not( .ipsItemStatus_large ) { color: {theme="item_status"}; font-size: 28px; line-height: inherit; vertical-align: middle; } .ipsDataItem_subList .ipsItemStatus:not( .ipsItemStatus_large ) { vertical-align: text-top; } .ipsItemStatus.ipsItemStatus_read:not( .ipsItemStatus_large ) { color: #dbdbdb; } .ipsItemStatus.ipsItemStatus_tiny { font-size: 9px; } .ipsItemStatus.ipsItemStatus_small { font-size: 13px; } .ipsItemStatus.ipsItemStatus_large { color: #fff; width: 80px; height: 80px; line-height: 80px; border-radius: 80px; display: inline-block; text-align: center; font-size: 80px; {prefix="transition" value="0.30s all linear"} } .ipsItemStatus.ipsItemStatus_large.ipsItemStatus_read { background: #dbdbdb; } .ipsItemStatus.ipsItemStatus_read { opacity: 0.6; } .ipsItemStatus.ipsItemStatus_read:not( .ipsItemStatus_large ):not( .ipsItemStatus_posted ):not( .ipsItemStatus_custom ) { display: none; } /* ======================================================== */ /* POINTS (for warnings) */ .ipsPoints { display: inline-block; background: #b14848; color: #fff; width: 36px; height: 36px; border-radius: 36px; font-size: 18px; text-align: center; line-height: 36px; } .ipsPoints_small { width: 22px; height: 22px; line-height: 22px; font-size: 12px; vertical-align: middle; } /* ======================================================== */ /* REP BADGE */ .ipsRepBadge { font-size: 11px; font-weight: bold; display: inline-block; } .ipsRepBadge_positive, .ipsRepBadge_positive:hover { color: #5f7a47 !important; } .ipsRepBadge_negative, .ipsRepBadge_negative:hover { color: #8c3737 !important; } .ipsRepBadge_neutral, .ipsRepBadge_neutral:hover { color: #b3b3b3 !important; } Quote Link to comment Share on other sites More sharing options...
Sufiy Posted December 10, 2015 Report Share Posted December 10, 2015 14 минут назад, Cryt сказал: .ipsItemStatus.ipsItemStatus_large { color: #fff; width: 80px; height: 80px; line-height: 80px; border-radius: 80px; display: inline-block; text-align: center; font-size: 80px; {prefix="transition" value="0.30s all linear"} } Первое, что бросается в глаза - border-radius должен быть вдвое меньше линейных размеров. Quote Link to comment Share on other sites More sharing options...
Respected Posted December 10, 2015 Report Share Posted December 10, 2015 40 минут назад, Cryt сказал: Менял, сейчас пере-проверил - не выходит. Может там ограничения стоят где-то? Значит не там менял, возможно где-то есть переопределение этого параметра. Quote Link to comment Share on other sites More sharing options...
Cryt Posted December 10, 2015 Author Report Share Posted December 10, 2015 2 часа назад, Sufiy сказал: Первое, что бросается в глаза - border-radius должен быть вдвое меньше линейных размеров. Было. Я уже по-всякому пробовал. Quote Link to comment Share on other sites More sharing options...
Cryt Posted December 10, 2015 Author Report Share Posted December 10, 2015 12 часов назад, Sufiy сказал: Первое, что бросается в глаза - border-radius должен быть вдвое меньше линейных размеров. Решил вопрос с этой бедой. Закрутили они его конечно совсем по идиотскому. Оказывается, там стояли ограничители на максимальные пиксели этих иконок. Непонятно, зачем делать этот бред? P.S. Спасибо, что помогал в данном вопросе. Sufiy 1 Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.