Перейти к содержанию

Высота обложки в профиле и блоге


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

Как увеличить видимую высоту обложки до 600 px? Насколько я понял, за это отвечает jquery.

Zero108-IPBMafia.ru-InvisionCommunity-GoogleChrome.thumb.jpg.791473bd1b6e0054392efe4d6f2fdd6b.jpg

Ссылка на комментарий
Поделиться на другие сайты

Zero108 в custom :

#elProfileHeader {
	padding-bottom: 0;
	padding-top: 125px;
	position: relative;
	height: 200px;  /*то что тебе нужно*/
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50%;
	text-shadow: 0px 0px 4px rgba(0,0,0,0.5);
	font-size: {fontsize="base"};
	transition: all 0.3s ease-in-out;
}

 

Ссылка на комментарий
Поделиться на другие сайты

aLEX49566 после увеличения до 600 px, при клике на обложку, она не открывается в полный размер.

В блоге также нужно увеличить размер обложки.

Ссылка на комментарий
Поделиться на другие сайты

4 минуты назад, Zero108 сказал:

aLEX49566 после увеличения до 600 px, при клике на обложку, она не открывается в полный размер.

В блоге также нужно увеличить размер обложки.

Себе не менял, не смогу сказать

Ссылка на комментарий
Поделиться на другие сайты

image.png.0fa91494f12620a21abf2c9581900955.png

В этом плагине есть подобная настройка, ну и еще достаточно чего интересного...

 

 

Ссылка на комментарий
Поделиться на другие сайты

iDreaMs К сожалению, этот плагин также нарушает логику работы обложки: при увеличении высоты обложки, она перестает открываться полностью при клике на неё. Также в плагине размер задан жестко и ограничен 400 px. Также в блоге нельзя настроить. Поэтому, этот плагин не подходит, хотя и запускается на 4.7.11.1, несмотря на дату своего создания.

Ссылка на комментарий
Поделиться на другие сайты

#elProfileHeader {
	height: 600px !important;
}

 

Zero108 

У меня работает. Что то с темой уже значит

Найди стиль 

#elProfileHeader

возможно в твоей теме он отличается

Изменено пользователем aLEX49566
Ссылка на комментарий
Поделиться на другие сайты

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

У меня работает.

На дефолтной теме при клике на обложку, она не открывается в полный размер. Размер картинки обложки должен быть более 600 px по высоте для теста. Данной команды явно недостаточно, чтобы не нарушать логику работы обложки, заданную производителем. Видимо, дело касается jquery или js скрипта.

Ссылка на комментарий
Поделиться на другие сайты

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

На дефолтной теме при клике на обложку, она не открывается в полный размер

У меня на 4.6 все открывается

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

Размер картинки обложки должен быть более 600

Логично

Ссылка на комментарий
Поделиться на другие сайты

К сожалению, на 4.7.11.1 не получилось открыть в полный размер.

Ссылка на комментарий
Поделиться на другие сайты

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

К сожалению, на 4.7.11.1 не получилось открыть в полный размер.

А зачем оно если не секрет?

Ссылка на комментарий
Поделиться на другие сайты

Надоели узкие обложки. Хочу порадоваться на большом мониторе большой обложке. Пока, видимо, придется по тихой грусти искать решение.

 

Изменено пользователем Zero108
Ссылка на комментарий
Поделиться на другие сайты

Нужно без !important, иначе оно замещает собой размер вычисляемый js

#elProfileHeader {
	height: 600px;
}

и padding-top: *px; корректирует блок с аватаром и именем

Ссылка на комментарий
Поделиться на другие сайты

Для изменения высоты необходимо отредактировать JavaScript-коды.

Ссылка на комментарий
Поделиться на другие сайты

Для личного кабинета работает такой код. Для красоты добавил курсор. Ищу аналогичное решение для индивидуального блога.

#elProfileHeader {
    height: 600px;
    cursor: pointer;
}

 

UPD Для индивидуального блога сработал вот такой код:

#elBlogHeader .ipsPageHead_special.ipsCoverPhoto {
	height: 600px;
	cursor: pointer;
}

 

Изменено пользователем Zero108
Ссылка на комментарий
Поделиться на другие сайты

Как еще наводил красоту для блога и для списка блогов, чтобы меня это удовлетворяло на большом мониторе:

.cBlogInfo_content {
    max-height: 500px;
}

.cBlogInfo .ipsPageHead_special.ipsCoverPhoto {
    height: 400px;
    cursor: pointer;
}

#elProfileHeader {
    height: 600px;
    cursor: pointer;
}

.ipsPageHead_barText, .ipsPageHead_barText_small {
    background: rgba(193,221,250,0.6);
}

@media (min-width: 767px){
#elBlogHeader .ipsPageHead_special.ipsCoverPhoto {
    height: 800px;
    cursor: pointer;
}
}

 

Ссылка на комментарий
Поделиться на другие сайты

4 часа назад, Xontero сказал:

Для изменения высоты необходимо отредактировать JavaScript-коды.

кто такие эти ваши JavaScript коды?

Ссылка на комментарий
Поделиться на другие сайты

Присоединяйтесь к обсуждению

Вы можете написать сейчас и зарегистрироваться позже. Если у вас есть аккаунт, авторизуйтесь, чтобы опубликовать от имени своего аккаунта.
Примечание: Ваш пост будет проверен модератором, прежде чем станет видимым.

Гость
Ответить в этой теме...

×   Вставлено с форматированием.   Вставить как обычный текст

  Разрешено использовать не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отображать как обычную ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставлять изображения напрямую. Загружайте или вставляйте изображения по ссылке.

  • Последние посетители   0 пользователей онлайн

    • Ни одного зарегистрированного пользователя не просматривает данную страницу
×
×
  • Создать...