Jump to content

Размер аватаров в темах

Featured Replies

Posted
comment_141716

Здравствуйте, помогите увеличить размер аватаров в темах. Версия IPS 4.2.6

comment_141717
1 минуту назад, Artyom сказал:

Здравствуйте, помогите увеличить размер аватаров в темах. Версия IPS 4.2.6

разве в настройках стиля нет данной функции? 

как вариант:

в custom.css добавить:

@media screen and (min-width: 768px)
.cTopic .ipsUserPhoto_large img, .cTopic img.ipsUserPhoto_large, .cTopic .ipsUserPhoto_large:after {
    width: 110px !important;
    height: 110px !important;
}

и изменить под себя 

comment_141719
1 минуту назад, Artyom сказал:

Здравствуйте, помогите увеличить размер аватаров в темах. Версия IPS 4.2.6

В custom.css добавь:

.ipsUserPhoto_large img, img.ipsUserPhoto_large, .ipsUserPhoto_large:after {
    width: 120px;
    height: 120px;
}

Размер в пикселях можно выбрать на ваш вкус. 
  • Author
comment_141720

Спасибо. В настройках стиля нет настройки.

Ничего не поменялось...

1 минуту назад, Hundmann сказал:

В custom.css добавь:

.ipsUserPhoto_large img, img.ipsUserPhoto_large, .ipsUserPhoto_large:after {
    width: 120px;
    height: 120px;
}

Размер в пикселях можно выбрать на ваш вкус. 

Спасибо, но ничего не поменялось.

comment_141721
1 минуту назад, Artyom сказал:

Спасибо. В настройках стиля нет настройки.

Ничего не поменялось...

Спасибо, но ничего не поменялось.

В самый низ.

comment_141723
Только что, Hundmann сказал:

В самый низ.

Не вводите людей в заблуждение.

2 минуты назад, Artyom сказал:

Спасибо. В настройках стиля нет настройки.

Ничего не поменялось...

Спасибо, но ничего не поменялось.

добавьте !important

.ipsUserPhoto_large img, img.ipsUserPhoto_large, .ipsUserPhoto_large:after {
    width: 120px !important;
    height: 120px !important;
}

 

comment_141724

А так:

@media screen and (min-width: 768px)
.cTopic .ipsUserPhoto_large img, .cTopic img.ipsUserPhoto_large, .cTopic .ipsUserPhoto_large:after {
    width: 120px;
    height: 120px;
}
Это с вашего стиля
  • Author
comment_141726
Только что, Cheshir сказал:

Не вводите людей в заблуждение.

добавьте !important


.ipsUserPhoto_large img, img.ipsUserPhoto_large, .ipsUserPhoto_large:after {
    width: 120px !important;
    height: 120px !important;
}

 

Спасибо

comment_141727
Только что, Artyom сказал:

Спасибо

епт, а мое сообщение для кого было написано лелик? 

  • Author
comment_141728
Только что, WOLF сказал:

епт, а мое сообщение для кого было написано лелик? 

Оно не помогло

comment_141729
1 минуту назад, Cheshir сказал:

Не вводите людей в заблуждение.

 

 

Если уже было прописано в custom.css, то писать в самом низу не есть заблуждением. В первую очередь все-таки снизу читает.

comment_141730
Только что, Artyom сказал:

Оно не помогло

ну конечно, ты сделал не все что там было описано, ибо трудно же тебе значение 110 - поменять на другое.

 

comment_141731
Только что, Hundmann сказал:

В первую очередь все-таки снизу читает.

Это утверждение (возможно, не проверял) имеет силу, если в одном файле, без использования important прописаны стили для одного класса/ид. В целом, это не корректная запись css

comment_141732
2 минуты назад, Artyom сказал:

Оно не помогло

а теперь лелик, глянь на свой форум с телефона, и сделай так, как я писал во втором посте. 

comment_141733
Только что, WOLF сказал:

а теперь лелик, глянь на свой форум с телефона, и сделай так, как я писал во втором посте. 

Вне медизапроса стиль применяется ко всем разрешениям, при использовании медизапроса будет применен только к указанному диапазону разрешений.

comment_141734
Только что, Cheshir сказал:

Вне медизапроса стиль применяется ко всем разрешениям, при использовании медизапроса будет применен только к указанному диапазону разрешений.

нахрен ты мне это говоришь? 

 

11 минут назад, WOLF сказал:

разве в настройках стиля нет данной функции? 

как вариант:

в custom.css добавить:


@media screen and (min-width: 768px)
.cTopic .ipsUserPhoto_large img, .cTopic img.ipsUserPhoto_large, .cTopic .ipsUserPhoto_large:after {
    width: 110px !important;
    height: 110px !important;
}

и изменить под себя 

я вроде все правильно ему написал, не? 

это вы тут устроили демагогию. 

comment_141735
1 минуту назад, Cheshir сказал:

Это утверждение (возможно, не проверял) имеет силу, если в одном файле, без использования important прописаны стили для одного класса/ид. В целом, это не корректная запись css

Я имел ввиду, что если в custom.css ранее был указан размер - то в первую очередь читает снизу.

Только что, WOLF сказал:

нахрен ты мне это говоришь? 

 

я вроде все правильно ему написал, не? 

это вы тут устроили демагогию. 

Согласен. Должно работать.

  • Author
comment_141782
3 часа назад, WOLF сказал:

нахрен ты мне это говоришь? 

 

я вроде все правильно ему написал, не? 

это вы тут устроили демагогию. 

Ну, смотри, не работает. Хотя я размер изменил.

comment_141785
15 минут назад, Artyom сказал:

Ну, смотри, не работает. Хотя я размер изменил.

скрин покажи где ты вставил код, или данные в лс скинь проверю 

  • Author
comment_141786
2 минуты назад, WOLF сказал:

скрин покажи где ты вставил код, или данные в лс скинь проверю 

Отправил данные в ЛС.

comment_141788
16 минут назад, Artyom сказал:

Отправил данные в ЛС.

исправил, нужно было подправить на:

@media screen and (min-width: 768px) {
.cTopic .ipsUserPhoto_large img, .cTopic img.ipsUserPhoto_large, .cTopic .ipsUserPhoto_large:after {
    width: 150px !important;
    height: 150px !important;
}
}

 

  • 5 years later...
comment_193910

Ребята, а данный код меняет размеры аватара, все работает. 

Только если размеры сделать например 180х200, аватар уезжает под левую границу поста, закрывает отображаемую группу пользователя, а также значки званий отображаются не в углу, а где-то по середине аватара.

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

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.


Guest
Ответить в этой теме...

Последние посетители 0

  • No registered users viewing this page.