[3.8.x]

Добрый день!
Подскажите пожалуйста как сделать смайлы в 2 ряда, то есть они сейчас у меня по 4 ряда идут, а нужно по 2... да и широко больно окошко расширенно.

Админка - Основные настройки - Основные настройки - Написание сообщений (интерфейс):
Колонок смайлов в панели смайлов - указать 2

У меня проблема теперь следующая... нужно расширить окошка написания текста?, где можно найти шаблон?

SAnet, ВОТ, подгоняй уже сам по высоте!

В шаблоне showthread_quickreply найти:

		<td>
			<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>

Заменить на:

		<td>
   			<span onclick="return resize_textarea(-1, 'vB_Editor_QR_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="images/editor/resize_00.gif" width="9" height="21" alt="Уменьшить размер" />
   			</span>
		</td>
		
		<td>
			<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>
		
		<td>
   			<span onclick="return resize_textarea(1, 'vB_Editor_QR_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="images/editor/resize_11.gif" width="9" height="21" alt="Увеличить размер" />
   			</span>
		</td>

В шаблоне editor_toolbar_on найти:

				<td>
					<div class="imagebutton" id="{$editorid}_cmd_resize_0_100"><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_100"><img src="$stylevar[imgdir_editor]/resize_1.gif" width="21" height="9" alt="$vbphrase[increase_size]" /></div>
				</td>

Заменить на:

		<td>
   			<span onclick="return resize_textarea(-1, 'vB_Editor_QR_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="images/editor/resize_00.gif" width="9" height="21" alt="Уменьшить размер" />
   			</span>
		</td>
				<td>
					<div class="imagebutton" id="{$editorid}_cmd_resize_0_100"><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_100"><img src="$stylevar[imgdir_editor]/resize_1.gif" width="21" height="9" alt="$vbphrase[increase_size]" /></div>
				</td>
		<td>
   			<span onclick="return resize_textarea(1, 'vB_Editor_QR_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="images/editor/resize_11.gif" width="9" height="21" alt="Увеличить размер" />
   			</span>
		</td>

Залить следующие картинки в соответствующие папки:

Результат:

Подскажите пожалуйста, а как сделать чтобы смайлы можно было листать колесом прокрутки.... Т.е. еще чтобы не нажимать а появилось колесо прокрутки

Подскажите как реализовать такую прокрутку в смайлах?

Спасибо!

для элемента, внутри которого находится блок смайлов, указать
max-heigth: 350; overflow-y: hidden;

Это указывается в шаблоне editor_smiliebox?

Jora3decb добавил 18.04.2013 в 21:36
Я редактировал шаблон: editor_smiliebox

<div id="vB_Editor_001_smiliebox" title="Смайлы" style="border: 1px solid #bcbec5; background-color: #FCFCFC; padding:5px;">

<div style="font-size:11px; font-weight: bold;margin-bottom:6px">
<a href="#" onclick="vB_Editor['$editorid'].open_smilie_window(smiliewindow_x, smiliewindow_y); return false" title="<phrase 1="$vboptions[smtotal]" 2="$totalsmilies">$vbphrase[showing_x_smilies_of_y_total]</phrase>">Коллекция смайлов</a>
</div> 

	<div class="smiliebox_wrap" style="overflow: hidden; overflow-y: auto; height: 360px;">
			<div style="padding-right: 15px;">
				<table border="0" align="center" width="100%"> 
				<tbody>
				<tr align="center" valign="bottom"> 
				<td>$smiliebits</td> 
				</tr>
				</tbody>
				</table> 
			</div>
	</div>
</div>

Прокрутка не появилась... отображаются так же...

P.s. в адмники: Написание сообщений (интерфейс)
Количество смайлов в панели: 100
Колонок смайлов в панели смайлов: 6
Количество смайлов в меню визуального редактора: 50

Jora3decb добавил 18.04.2013 в 21:40
Решил проблему: Количество смайлов в панели: увеличил и все заработало!

Спасибо!

к сожалению из за данного способа, долго грузится страница, посему еще один вопрос, а как сделать прокрутку смайлов на аяксе, то есть чтоб нижние смайлы подгружались только с прокруткой на них?