Перейти к публикации
View in the app

A better way to browse. Learn more.

Дизайн и модификация Invision Community

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Подгон default_large по центру

Опубликовано:

Если мы выставляем аватару не 100х100, а например 150 на 200, то на форуме она подгоняется и не растягивается. т.е. отображается некая середина.

Я заменил default_large.png на более подходящую форуму картинку размером 150х200 и на форумных страницах она растягивается и сжимается до квадрата. Как это устранить?

Рекомендованные сообщения

Опубликовано:

При добавлении фото, там есть фоторедактор, который позволяет вырезать квадрат. Аватаров в 3.4.6 нет. Есть фотографии.

Опубликовано:
  • Автор

Да, это я понимаю. Но если я просто заменяю png то никто меня не спросит про квадрат, потому что картинка изначально квадратная и не подразумевает изменения.

Опубликовано:

Внешний вид -> %шаблон% -> CSS -> ipb_styles.css

Найти ipsUserPhoto_large и отредактировать значения для max-width и max-height

Опубликовано:
  • Автор

	.ipsUserPhoto_large { max-width: 150px; max-height: 220px; }

Изменил, но к сожалению так и растягивает/сжимает...

Опубликовано:

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

Опубликовано:

Изменил, но к сожалению так и растягивает/сжимает...

Покажите на скриншоте, о чем идет речь.

 

К тому же для фотографий есть ряд классов:

	.ipsUserPhoto_variable { max-width: 155px; }
.ipsUserPhoto_large { max-width: 90px; max-height: 90px; }
.ipsUserPhoto_medium { width: 50px; height: 50px; }
.ipsUserPhoto_mini { width: 30px; height: 30px; }
.ipsUserPhoto_tiny { width: 20px; height: 20px;	}
.ipsUserPhoto_icon { width: 16px; height: 16px;	}

Возможно, фото, которое вы хотите изменить имеет иной класс, чем указал siv1987

Опубликовано:
  • Автор

На форуме увидите аватары юзеров норм, а заменённая базовая фотография растянута.

Речь идёт о фото девушки с красивыми носками. :D

Изменено пользователем UserName900

Опубликовано:

@UserName900, в профиле указываем.

Опубликовано:

селектор .ipsUserPhoto_variable

Опубликовано:
  • Автор

селектор .ipsUserPhoto_variable

Значение 155 по умолчанию стоит у меня. На какое бы я не изменил именно на форуме где маленькое превью аватары всё по прежнему сжато. :(

Опубликовано:

Маленькое превью имеет другие классы. Мы сейчас говорим о большом аватаре.

Опубликовано:
  • Автор

С большим всё путём. Проблемы именно с маленьким. Видимо большой сразу вмещался в параметр 150. Извиняюсь если ввёл в заблуждение.

Опубликовано:
  • Автор

Видимо mini tiny надо редактировать?

Опубликовано:

.ipsUserPhoto_mini

Опубликовано:
  • Автор

.ipsUserPhoto_mini

Спасибо. Заработало. Ну и так для общего развития... tiny это где?

Создайте аккаунт или войдите в него для комментирования

Сейчас на странице 0

  • Нет пользователей, просматривающих эту страницу.

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.