Перейти к содержанию
.V.I.P.

Изменяем высоту кода <>

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

Изменяем высоту кода <>

Наверно многие из вас видели когда кто та на форумах скидывал огромный текст с множеством строк, взять те же логи. И эта писанина растягивалась на такие размеры что приходилось листать форум.

1.thumb.png.2b31024d15a9d1d486041fa4c4f7f8f2.png

Что бы этого избежать мы можем сократить высоту до минимума и указать максимальную высоту + добавить скроллинг.

Для этого открываем редактирование своего стиля HTML and CSS > Вкладка CSS > В окно для быстрого поиска вставляем ".ipsCode {"

2.thumb.png.77150a9cea8d37b059dbb3ae1506b63c.png

Заменяем этот CSS

.ipsCode {
	background: #fafafa;
	padding: 15px !important;
	border: 0 !important;
	border-left: 4px solid #e0e0e0 !important;
	clear: both;
	direction: ltr;
	word-wrap: normal;
}

На этот

.ipsCode {
	background: #fafafa;
	padding: 15px !important;
	border: 0 !important;
	border-left: 4px solid #e0e0e0 !important;
	clear: both;
    min-height: 50px;
    max-height: 300px;
    overflow-y: scroll;
	direction: ltr;
	word-wrap: normal;
}

Таким образом  у нас получится минимальная высота блока 50px - максимальная 300px

Вы сами можете сделать как вам угодно.

 

  • Повысить репутацию 1

Поделиться сообщением


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

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти


О проекте

Web@district это проект, который объединил специалистов из разных областей сайтостроения и интернет-маркетинга для того, чтобы пользователи этого ресурса могли удовлетворять свои потребности в знаниях, находить исполнителей, заказчиков или просто приятно пообщаться.

info@webdistrict.pro

Тут может оказаться каждый из вас.:)

логотип в футрере

Copyright © Web@District 2018      При копировании материалов с сайта активная гиперссылка ссылка на источник обязательна
×