Прокрутка больших сообщений

[atulainov]

Не пинайте сильно.. В поиск уже лазил везде но не могу найти .. подскажите или ткните носом.
Если выложили длинное сообщение как сделать его например в окне с полосой прокрутки, а то длинные портянки как-то не к лицу.
пробовал в overall_header.tpl написать такую штуку

Код: Выделить всё

/* Quote & Code blocks */
.code { 
	font-family: {T_FONTFACE1};
	font-size: {T_FONTSIZE2}px;
	color: {T_FONTCOLOR1};
	background-color: #EDEFF1;
	border-top: #FFFFFF 1px solid;
	border-left: #FFFFFF 1px solid;
	margin:0px;
	padding: 6px;
	border:1px inset;
	width: 640px;
            height: 398px;
            text-align: left;
            overflow: auto;

получается но тогда все сообщения будут размер иметь 640х680 а в процентах не работает почему-то ? Точнее по ширине пашет а по длине не ограничивается.

[Alek$]

atulainov
вроде было такое свойство, max-height или что-то в этом роде. Копайте в эту сторону.

[angel7]

вот что я у себя на форуме поставила:

Код: Выделить всё

overflow-x: hidden;max-height:200px;overflow:auto;height:expression(this.scrollHeight>200 ? '200px':''+(this.scrollHeight+5)+'px');

это нужно поставить в атрибут style тега div (для бб-кода code)

Причем, если проставить в ксс, не работает! Ставить нужно в файле bbcode.tpl

[Палыч]

Причем, если проставить в ксс, не работает!

Для того, чтобы внешний сss работал, нужно раскомментировать его вызов из overall_header.tpl и убрать дублирование определения классов в теге <style>
Тысячу раз уже обсуждалось

[angel7]

Палыч
да мне, в принципе все равно, я просто пояснила.

[Палыч]

Причем, если проставить в ксс, не работает! Ставить нужно в файле bbcode.tpl

да мне, в принципе все равно, я просто пояснила.

Пояснять и вводить в заблуждение - немного разные вещи.

[atulainov]

Не получается ......
Ставлю МОД Scrollable Code Box v1.00 - не работает...
сделал еще исправления как написали тоже не работает.
Объясните чайнику поподробнее что где подправить....плиз !!!

[Палыч]

atulainov
Можно ссылку на форум?

[atulainov]

http://homesatservice.ru/phpBB/viewtopic.php?t=4

я щас сделал вот так:
в overall_header.tpl заменил
/* Quote & Code blocks */
.code {
font-family: {T_FONTFACE1};
font-size: {T_FONTSIZE2}px;
color: {T_FONTCOLOR1};
background-color: #EDEFF1;
border-top: #FFFFFF 1px solid;
border-left: #FFFFFF 1px solid;
margin:0px;
max-height:375px;
border:1px inset;
overflow:auto;


}

а в bbcode.tpl как писалось здесь.
в Opere работает а в Эксплоере не работает

[Палыч]

atulainov
Ну что делать, если Осёл такой тупой 8)

В overall_header.tpl добавьте

Код: Выделить всё

<script type="text/javascript" src="minmax.js"></script>

а сам файл бросьте в корень (или ещё куда, только путь укажите)

[atulainov]

в IE заработало но поджима в нем нет..все окна большие..
а в ОПЕРЕ нормально.

Добавлено спустя 5 часов 29 минут:

Большое всем спасибо ..... разобрался
добавил в subSilver.css код что написала angel7 и убрал в

Код: Выделить всё

overall_header.tpl строку <style type="text/css">

раскоментировав это

Код: Выделить всё

<link rel="stylesheet" href="templates/subSilver/{T_HEAD_STYLESHEET}" type="text/css">

Добавлено спустя 36 минут 53 секунды:

и еще вопросик...
сейчас текст стал выводится от самого края левого бордюра а как сделать чтобы он был немного подальше....
вообще он стал так выводится после изменения <td class="code">на <td><div class="code">

[Alek$]

указать CSS атрибут padding

[Палыч]

Итоговое решение (под максимально 25 строк кода):

Код: Выделить всё

#
#---[OPEN]---------
#в случае подключения внешнего файла css, иначе - overall_header.tpl
templates/ваш_стиль/имя_стиля.css
#
#---[FIND]-----------
#
.code {
#
#---[AFTER, ADD]----
#высота max-height задаётся из расчета: количество строк х 15px
   max-width: 900px;
   max-height: 375px;
   overflow: auto;
   padding: 0 10px;
#
#---[OPEN]---------
#
templates/ваш_стиль/formIE.css
#
#---[FIND]-----------
#
.postbody { line-height: 18px}
#
#---[AFTER, ADD]----
#высота height задаётся из расчета: количество строк х 15px
.code {
	width: 700px; 
	width: 850px !important;
	height:expression(this.scrollHeight> 375 ? "375px" : "auto")
}
#
#---[OPEN]---------
#
templates/ваш_стиль/bbcode.tpl
#
#---[FIND]-----------
#
     <td class="code">
#
#---[REPLACE]----
#
     <td><div class="code">
#
#---[FIND]-----------
#
<!-- BEGIN code_close --></td>
#
#---[REPLACE]----
#
<!-- BEGIN code_close --></div></td>

Оттестировано в Opera, FireFox, IE-6, IE-7.

+ Если "портянка" (фрагмент кода) меньше 26 строк скроллбар не отражается, высота "портянки" по количеству строк кода.
+ Всё, что больше 25 - под скролл
+ Если строка слишком длинная (что часто бывает), то автоматом добавляется и горизонтальный скролл в code-box (а не во всём окне браузера)