Jump to content

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

Featured Replies

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;
}

 

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

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

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

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

  • Author

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

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

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

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

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

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

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

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

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

Логично

  • Author

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

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

 

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

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

 

Edited by Zero108

  • Author

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

.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;
}
}

 

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.