Ресайз поля редактирования по горизонтали

03-30-2009, 12:10 AM

Однажды посмотрел на свой форум под большим разрешением и ужаснулся - какое же маленькое по горизонтали окошко редактирования :(
Здесь вижу, что в каждом окошке есть ресайз не только по вертикали, но и по горизонтали.
Догадываюсь, что это стандартная вобловская функция, но в настройках так и не нашёл. Также попытался найти такой хак - безрезультатно.
Если есть - ткните носом, плиз.
Попытался изобразить то же самое, что и на этом форуме.
Итак:

1. Для начала закидываем папку "editor" в архиве в папку "images" вашего стиля.

2. В шаблонах (по вкусу):
- showthread_quickreply - для добавления стрелок ресайза при ответе
- editor_toolbar_on (чё-то я не совсем понял, что за шаблон)
- pm_quickreply - для добавления стрелок ресайза при быстром ответе в PM
- postbit_quickedit - для добавления стрелок ресайза при быстром редактировании сообщения

Ищем:

HTML Code:

<div class="imagebutton" id="{$editorid}_cmd_resize_0_99"><img src="$stylevar[imgdir_editor]/resize_0.gif" width="21" height="9" alt="$vbphrase[decrease_size]" /></div>
			<div class="imagebutton" id="{$editorid}_cmd_resize_1_99"><img src="$stylevar[imgdir_editor]/resize_1.gif" width="21" height="9" alt="$vbphrase[increase_size]" /></div>
		</td>

Ниже добавляем:

HTML Code:

<!--Ресайз поля редактирования по горизонтали-->
<td>
   <div onclick="return resize_textarea(-1, '{$editorid}_textarea')">
     <img style="padding:1px; border:1px solid #E1E1E2;" onmouseover="this.style.background='#C1D2EE'; this.style.padding='1px'; this.style.border='1px solid #316AC5';" onmouseout="this.style.background=''; this.style.border='1px solid #E1E1E2'; this.style.padding='1px';" src="$stylevar[imgdir_editor]/resize_00.gif" width="9" height="21" alt="Уменьшить размер" />
   </div>
</td>

<td>
   <div onclick="return resize_textarea(1, '{$editorid}_textarea')">
     <img style="padding:1px; border:1px solid #E1E1E2;" onmouseover="this.style.background='#C1D2EE'; this.style.padding='1px'; this.style.border='1px solid #316AC5';" onmouseout="this.style.background=''; this.style.border='1px solid #E1E1E2'; this.style.padding='1px';" src="$stylevar[imgdir_editor]/resize_11.gif" width="9" height="21" alt="Увеличить размер" />
   </div>
</td>
<!--Ресайз поля редактирования по горизонтали-->